add monocolor

master 0.9.73
Daniel Napora 2024-02-22 14:24:51 +01:00
parent ca2dd9bc5d
commit 89f905268f
10 changed files with 763 additions and 299 deletions

View File

@ -7,6 +7,8 @@
CNF_DIR="$HOME/.config/colorizer/conky"
CNF_FILE="$CNF_DIR/conky.cfg"
source <(grep = $CNF_FILE)
PKGS=$(checkupdates | wc -l)
mb-setvar updates=${PKGS}
case "$LANG" in
pl*)
@ -49,7 +51,7 @@ esac
if [ -f /tmp/"$CONKYPID" ]; then
PKGS=$(pamac checkupdates --no-aur -q| wc -l)
PKGS=$(checkupdates | wc -l)
if [ "$PKGS" != "0" ]; then
if [[ "$update_notifications" == "true" ]];then
notify-send.sh -u critical -i mbcc "$AVAIL_UPDATES" "$PKGS_TO_UPDATE $PKGS" -o "$YAY_UPD:terminator -T '$YAY_UPD' -e yay" \

View File

@ -1,7 +1,7 @@
#!/bin/bash
#
# colorizer - set of tools for Mabox (auto)theming
# Copyright (C) 2022-2023 Daniel Napora <napcok@gmail.com>
# Copyright (C) 2022-2024 Daniel Napora <napcok@gmail.com>
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
@ -85,6 +85,8 @@ case "$LANG" in
APPLY_SCHEME="Zastosuj"
DELETE="Usuń"
DELETE_SCHEME="Usuń schemat kolorów"
MONOCHROMATIC="Monochromatyczny"
CHOOSE_AND_PICK="Wybierz wariant i pobierz kolor..."
GENERATEFROMWP="Generuj z kolorów tapety"
LIGHTBG="Jasne tło"
DARKBG="Ciemne tło"
@ -140,6 +142,8 @@ case "$LANG" in
APPLY_SCHEME="Apply colorscheme"
DELETE="Delete"
DELETE_SCHEME="Delete colorscheme"
MONOCHROMATIC="Monochromatic"
CHOOSE_AND_PICK="Choose variant and pick color..."
GENERATEFROMWP="Generate from wallpaper colors"
LIGHTBG="Light Background"
DARKBG="Dark Background"
@ -319,6 +323,15 @@ if pgrep -u $USER -af "conky.*mbcolor" >/dev/null; then
out+=("<big><span bgcolor='$WINCLR' bgalpha='${bga}%'> <span fgcolor='$CLR'></span> <span fgcolor='$CLR0'></span> <span fgcolor='$CLR1'></span> <span fgcolor='$CLR2'></span> </span></big> $REGENERATE,^checkout(regenconky)")
out2+=("^tag(regenconky)")
out2+=("^sep($REGENERATE)")
out2+=("^sep($MONOCHROMATIC)")
out2+=("^sep(<i>$CHOOSE_AND_PICK</i>)")
out2+=("<big></big> $DARKBG...,conkyctl mono pick dark")
out2+=("<big></big> $LIGHTBG...,conkyctl mono pick light")
out2+=("^sep($GENERATEFROMWP)")
out2+=("<big><span bgcolor='${w[-1]}' fgcolor='${w[0]}'> $LIGHTBG <span fgcolor='${w[4]}'></span> <span fgcolor='${w[5]}'></span> </span></big>,w2theme conky light;$me")
out2+=("<big><span bgcolor='${w[0]}' fgcolor='${w[-1]}'> $DARKBG <span fgcolor='${w[-4]}'></span> <span fgcolor='${w[-5]}'></span> </span></big>,w2theme conky dark;$me")
out2+=("^sep($SYSTEM_SCHEMES)")
n=1
while IFS="|" read -r winclr clr clr0 clr1 clr2 wintrans outline shades bord stip scheme_name
@ -348,9 +361,7 @@ if pgrep -u $USER -af "conky.*mbcolor" >/dev/null; then
done < <(tail -n +2 "$USERSCHEMES")
out2+=("^sep($GENERATEFROMWP)")
out2+=("<big><span bgcolor='${w[-1]}' fgcolor='${w[0]}'> $LIGHTBG <span fgcolor='${w[4]}'></span> <span fgcolor='${w[5]}'></span> </span></big>,w2theme conky light;$me")
out2+=("<big><span bgcolor='${w[0]}' fgcolor='${w[-1]}'> $DARKBG <span fgcolor='${w[-4]}'></span> <span fgcolor='${w[-5]}'></span> </span></big>,w2theme conky dark;$me")
out+=("^sep()")

View File

@ -89,6 +89,8 @@ case "$LANG" in
WIDE="szerokie"
NORMAL="normalne"
TIGHT="wąskie"
MONOCHROMATIC="Monochromatyczny"
CHOOSE_AND_PICK="Wybierz wariant i pobierz kolor..."
GENERATEFROMWP="<i>Generuj z kolorów tapety...</i>"
LIGHTBG="Jasne tło"
DARKBG="Ciemne tło"
@ -171,6 +173,8 @@ case "$LANG" in
WIDE="wide"
NORMAL="normal"
TIGHT="tight"
MONOCHROMATIC="Monochromatic"
CHOOSE_AND_PICK="Choose variant and pick color..."
GENERATEFROMWP="<i>Generate from wallpaper colors...</i>"
LIGHTBG="Light Background"
DARKBG="Dark Background"
@ -281,11 +285,11 @@ out+=("<big></big> $QUICK_TWEAKS,^checkout(tweaks)")
out3+=("^tag(mborder)")
out3+=("^sep($BORDER)")
for i in 0 1 2 3 4 5 6 8 10 12; do [[ "$jgtools_border" == $i ]] && out3+=("<big>綠</big> $(printf "<b><tt>%3s</tt></b>,%s" "$i" "mb-setvar jgtools_border=${i};$me")") || out3+=("<big>祿</big> $(printf "<tt>%3s</tt>,%s" "$i" "mb-setvar jgtools_border=${i};$me")");done
for i in 0 1 2 3 4 5 6 8 10 12; do [[ "$jgtools_border" == $i ]] && out3+=("<big>綠</big> $(printf "<b><tt>%3s</tt></b>,%s" "$i" "jgctl border ${i}")") || out3+=("<big>祿</big> $(printf "<tt>%3s</tt>,%s" "$i" "jgctl border ${i}")");done
out3+=("^tag(mpadding)")
out3+=("^sep($PADDING)")
for i in 0 2 4 6 8 10 12 14 16 18 20 22 24 28 32 40; do [[ "$jgtools_padding" == $i ]] && out3+=("<big>綠</big> $(printf "<b><tt>%3s</tt></b>,%s" "$i" "mb-setvar jgtools_padding=${i};$me")") || out3+=("<big>祿</big> $(printf "<tt>%3s</tt>,%s" "$i" "mb-setvar jgtools_padding=${i};$me")");done
for i in 0 2 4 6 8 10 12 14 16 18 20 22 24 28 32 40; do [[ "$jgtools_padding" == $i ]] && out3+=("<big>綠</big> $(printf "<b><tt>%3s</tt></b>,%s" "$i" "jgctl padding ${i}")") || out3+=("<big>祿</big> $(printf "<tt>%3s</tt>,%s" "$i" "jgctl padding ${i}")");done
out3+=("^tag(subspacing)")
out3+=("^sep($SUBSPACING)")
@ -334,6 +338,13 @@ out+=("<big></big> $QUICK_TWEAKS,^checkout(tweaks)")
out+=("<big><span bgcolor='${MBG}'> <span fgcolor='${TBG}'></span> <span fgcolor='${SFG}'></span> <span fgcolor='${SBG}'></span> </span></big> $SCHEMES,^checkout(schemes)")
out2+=("^tag(schemes)")
out2+=("^sep($SCHEMES)")
out2+=("^sep($MONOCHROMATIC)")
out2+=("^sep(<i>$CHOOSE_AND_PICK</i>)")
out2+=("<big></big> $LIGHTBG...,jgctl mono pick light")
out2+=("<big></big> $DARKBG...,jgctl mono pick dark")
out2+=("^sep($GENERATEFROMWP)")
out2+=("<big><span bgcolor='${w[-3]}'> <span bgcolor='${w[-5]}'> <span bgcolor='${w[-1]}' fgcolor='${w[1]}'> $LIGHTBG </span> </span> </span></big>,w2theme menu light;$me")
out2+=("<big><span bgcolor='${w[1]}'> <span bgcolor='${w[4]}'> <span bgcolor='${w[2]}' fgcolor='${w[-2]}'> $DARKBG </span> </span> </span></big>,w2theme menu dark;$me")
out2+=("^sep($SYSTEM_SCHEMES)")
n=1
@ -382,11 +393,6 @@ out+=("<big><span bgcolor='${MBG}'> <span fgcolor='${TBG}'></span> <span fgco
done < <(tail -n +2 "$USERSCHEMES")
out2+=("^sep($GENERATEFROMWP)")
out2+=("<big><span bgcolor='${w[-3]}'> <span bgcolor='${w[-5]}'> <span bgcolor='${w[-1]}' fgcolor='${w[1]}'> $LIGHTBG </span> </span> </span></big>,w2theme menu light;$me")
out2+=("<big><span bgcolor='${w[1]}'> <span bgcolor='${w[4]}'> <span bgcolor='${w[2]}' fgcolor='${w[-2]}'> $DARKBG </span> </span> </span></big>,w2theme menu dark;$me")
out+=("^sep($FONTS)")
out+=("<big>󰛖</big> $TITLE [ <b>$menu_sep_font_family $menu_sep_font_size</b> ],^checkout(mtitlefont)")
out+=("<big>󰛖</big> $ITEM [ <b>$menu_font_family $menu_font_size</b> ],^checkout(mitemfont)")

View File

@ -71,6 +71,8 @@ case "$LANG" in
DELETE="Usuń"
DELETE_THEME="Usuń motyw"
OBTHEME_LBL="Motyw OpenBox"
MONOCHROMATIC="Monochromatyczny"
CHOOSE_AND_PICK="Wybierz wariant i pobierz kolor..."
GENERATEFROMWP="Generuj z kolorów tapety..."
LIGHTBG=" Jasne tło"
DARKBG="Ciemne tło"
@ -154,6 +156,8 @@ case "$LANG" in
DELETE="Delete"
DELETE_THEME="Delete theme"
OBTHEME_LBL="OpenBox theme"
MONOCHROMATIC="Monochromatic"
CHOOSE_AND_PICK="Choose variant and pick color..."
GENERATEFROMWP="Generate from wallpaper colors..."
LIGHTBG="Light Background"
DARKBG="Dark Background"
@ -276,7 +280,9 @@ getvaluesrc() {
FNAME=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:name' "$cfg")
NDSLIMC=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:titleLayout' "$cfg")
WEIGHT=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:weight' "$cfg")
SLANT=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:slant' "$cfg")
WEIGHT_INACT=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:weight' "$cfg")
SLANT=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:slant' "$cfg")
SLANT_INACT=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:slant' "$cfg")
}
@ -356,6 +362,16 @@ out+=("<big></big> $QUICK_TWEAKS,^checkout(tweaks)")
out+=("<big><span fgcolor='${ABGTO}'></span> <span fgcolor='${ABG}'></span> <span fgcolor='${ABGTO}'></span></big> $THEMES,^checkout(schemes)")
out2+=("^tag(schemes)")
out2+=("^sep($THEMES)")
out2+=("^sep($MONOCHROMATIC)")
out2+=("^sep(<i>$CHOOSE_AND_PICK</i>)")
out2+=("<big></big> $LIGHTBG...,obtctl mono pick light")
out2+=("<big></big> $DARKBG...,obtctl mono pick dark")
out2+=("^sep(<i>$GENERATEFROMWP</i>)")
out2+=("<big><span bgcolor='${w[-2]}' fgcolor='#222222'> <span bgcolor='${w[-4]}'> </span> $LIGHTBG <span bgcolor='${w[-4]}'> </span> </span></big>,w2theme ob light;$me")
out2+=("<big><span bgcolor='${w[2]}' fgcolor='#E5E5E5'> <span bgcolor='${w[4]}'> </span> $DARKBG <span bgcolor='${w[4]}'> </span> </span></big>,w2theme ob dark;$me")
out2+=("^sep()")
out2+=("<big></big> $RANDOMIZE,obtctl randomizer;$me")
out2+=("^sep($SYSTEM_THEMES)")
n=1
while IFS="|" read -r abg abgto afg aline nbg nbgto nfg nline grad txtjust pheight pwidth handle bord bevel buttons fsize fname ndslimc weight slant scheme_name
@ -388,11 +404,7 @@ out+=("<big><span fgcolor='${ABGTO}'></span> <span fgcolor='${ABG}'></span
out3+=("<big>󰗨</big> $DELETE_THEME: <i>${scheme_name}</i>,obtctl delscheme ${n};$me")
done < <(tail -n +2 "$USERTHEMES")
out2+=("^sep(<i>$GENERATEFROMWP</i>)")
out2+=("<big><span bgcolor='${w[-2]}' fgcolor='#222222'> <span bgcolor='${w[-4]}'> </span> $LIGHTBG <span bgcolor='${w[-4]}'> </span> </span></big>,w2theme ob light;$me")
out2+=("<big><span bgcolor='${w[2]}' fgcolor='#E5E5E5'> <span bgcolor='${w[4]}'> </span> $DARKBG <span bgcolor='${w[4]}'> </span> </span></big>,w2theme ob dark;$me")
out2+=("^sep()")
out2+=("<big></big> $RANDOMIZE,obtctl randomizer;$me")
out+=("^sep($TITLEBAR)")
out+=("<big>󰛖</big> $TITLEBAR_FONT [ <b> ${FNAME} ${FSIZE} </b> ],^checkout(titletext)")
@ -406,6 +418,9 @@ out+=("^sep($INACTIVE_WINDOW)")
out+=("<tt><span bgcolor='$NBG'> </span></tt> $INACTIVE_BG,^pipe(mbclr '$NBG' obtctl clrnormalbg '${INACTIVE_BG}' '$me')")
[[ ! -z "$ABGTO" ]] && out+=("<tt><span bgcolor='$NBG'> </span><span bgcolor='$NBGTO'> </span></tt> $INACTIVE_BG_TO,^pipe(mbclr '$NBGTO' obtctl clrnormalbgto '${INACTIVE_BG_TO}' '$me')")
out+=("<tt><span bgcolor='$NBG' fgcolor='$NFG'> <b>title</b> </span></tt> $TEXT_COLOR,^pipe(mbclr '$NFG' obtctl inactivetextcolor '${TEXT} ${INACTIVE_FG}' '$me')")
out+=("^sep()")
[[ "$WEIGHT_INACT" =~ .*"old" ]] && out+=("<big></big> <b>$BOLD</b>,obtctl fontweight_inactive Normal;$me") || out+=("<big></big> <b>$BOLD</b>,obtctl fontweight_inactive Bold;$me")
[[ "$SLANT_INACT" =~ .*"talic" ]] && out+=("<big></big> <i>$ITALIC</i>,obtctl fontslant_inactive Normal;$me") || out+=("<big></big> <i>$ITALIC</i>,obtctl fontslant_inactive Italic;$me")
out+=("^sep(Gradient)")
out+=("<big>󰹸</big> $GRADIENT_TYPE [ <b>${GRAD}</b> ],^checkout(gradient)")
@ -428,7 +443,7 @@ out+=("^sep($RESET)")
out+=("󰁯 $RESET_THEME,^checkout(resettheme)")
out2+=("^tag(resettheme)")
out2+=("^sep($AREYOUSURE)")
out2+=("$YES,obtctl reset;$me")
out2+=("$YES,obtctl resetMBcolors;$me")
fi
#out+=("Edit...,xdg-open ${THEMERC}")
@ -449,6 +464,11 @@ out2+=("Dots,obtctl buttons dots;$me")
out2+=("^sep()")
out2+=("Big 12px,obtctl buttons big-12;$me")
out2+=("Big 14px,obtctl buttons big-14;$me")
out2+=("^sep($TEXTALIGN)")
[[ "$TXTJUST" = left ]] && out2+=("<big>綠 </big> $LEFT,obtctl textjustify left;$me")||out2+=("<big>祿 </big> $LEFT,obtctl textjustify left;$me")
[[ "$TXTJUST" = center ]] && out2+=("<big>綠 </big> $CENTER,obtctl textjustify center;$me")||out2+=("<big>祿 </big> $CENTER,obtctl textjustify center;$me")
[[ "$TXTJUST" = right ]] && out2+=("<big>綠 </big> $RIGHT,obtctl textjustify right;$me")||out2+=("<big>祿 </big> $RIGHT,obtctl textjustify right;$me")
out2+=("^sep($BUTTONS_LAYOUT)")
[[ "$NDSLIMC" == NDSLIMC ]] && out2+=("<big>綠</big> <tt>full </tt> <b>NDSLIMC</b> (default),obtctl ndslimc NDSLIMC;$me") || out2+=("<big>祿</big> <tt>full </tt> <b>NDSLIMC</b> (default),obtctl ndslimc NDSLIMC;$me")
[[ "$NDSLIMC" == NLIMC ]] && out2+=("<big>綠</big> <tt>mini </tt> <b>NLIMC</b>,obtctl ndslimc NLIMC;$me") || out2+=("<big>祿</big> <tt>mini </tt> <b>NLIMC</b>,obtctl ndslimc NLIMC;$me")
@ -462,10 +482,6 @@ out2+=("^sep(M:<small> Maximize</small>)")
out2+=("^sep(C:<small> Close</small>)")
out2+=("^sep(S:<small> Shade (Roll up)</small>)")
out2+=("^sep(D:<small> Omnipresent (On all desktops)</small>)")
out2+=("^sep($TEXTALIGN)")
[[ "$TXTJUST" = left ]] && out2+=("<big>綠 </big> $LEFT,obtctl textjustify left;$me")||out2+=("<big>祿 </big> $LEFT,obtctl textjustify left;$me")
[[ "$TXTJUST" = center ]] && out2+=("<big>綠 </big> $CENTER,obtctl textjustify center;$me")||out2+=("<big>祿 </big> $CENTER,obtctl textjustify center;$me")
[[ "$TXTJUST" = right ]] && out2+=("<big>綠 </big> $RIGHT,obtctl textjustify right;$me")||out2+=("<big>祿 </big> $RIGHT,obtctl textjustify right;$me")
#TEXT
out2+=("^tag(titletext)")

View File

@ -419,6 +419,8 @@ languages () {
NEWTHEME="Nowy motyw kolorów..."
SAVENEWTHEME="utwórz nowy motyw..."
SAVE_CURRSCHEME="Zapisz aktualną kolorystykę jako..."
MONOCHROMATIC="Monochromatyczny"
CHOOSE_AND_PICK="Wybierz wariant i pobierz kolor..."
LIGHTBG="Jasne tło"
DARKBG="Ciemne tło"
RESETCOLORS="Przywróć domyślne kolory"
@ -485,6 +487,8 @@ languages () {
NEWTHEME="New Color scheme..."
SAVENEWTHEME="from current colors..."
SAVE_CURRSCHEME="Save current colors as..."
MONOCHROMATIC="Monochromatic"
CHOOSE_AND_PICK="Choose variant and pick color..."
LIGHTBG="Light Background"
DARKBG="Dark Background"
RESETCOLORS="Restore default colors"
@ -551,6 +555,8 @@ languages () {
NEWTHEME="New Color scheme..."
SAVENEWTHEME="from current colors..."
SAVE_CURRSCHEME="Save current colors as..."
MONOCHROMATIC="Monochromatic"
CHOOSE_AND_PICK="Choose variant and pick color..."
LIGHTBG="Light Background"
DARKBG="Dark Background"
RESETCOLORS="Restore default colors"
@ -754,7 +760,13 @@ if [[ "$OLD_SYNTAX" = "true" ]];then
#if [ "$WINTRANS" == false ];then
out+=("<span bgcolor='#282828'> <span fgcolor='#ebdbb2'></span> <span fgcolor='#98971a'></span> <span fgcolor='#d79921'></span> <span fgcolor='#cc241d'></span> </span> $COLORSCHEME,^checkout(regensingle)")
out2+=("^tag(regensingle)")
out2+=("^sep($MONOCHROMATIC)")
out2+=("^sep(<i>$CHOOSE_AND_PICK</i>)")
out2+=("<big></big> $DARKBG...,conkyctl monoone pick dark ${1}")
out2+=("<big></big> $LIGHTBG...,conkyctl monoone pick light ${1}")
out2+=("^sep($GENFROMWP)")
out2+=("<big><span bgcolor='${w[-1]}' fgcolor='${w[0]}'> $LIGHTBG <span fgcolor='${w[4]}'></span> <span fgcolor='${w[5]}'></span> </span></big>,w2theme conkyone light ${1}")
out2+=("<big><span bgcolor='${w[0]}' fgcolor='${w[-1]}'> $DARKBG <span fgcolor='${w[-4]}'></span> <span fgcolor='${w[-5]}'></span> </span></big>,w2theme conkyone dark ${1}")
out2+=("^sep($APPLY_THEME)")
out2+=("^sep($SYSTEM_SCHEMES)")
n=1
@ -780,9 +792,7 @@ if [[ "$OLD_SYNTAX" = "true" ]];then
done < <(tail -n +2 "$USERSCHEMES")
out2+=("^sep($GENFROMWP)")
out2+=("<big><span bgcolor='${w[-1]}' fgcolor='${w[0]}'> $LIGHTBG <span fgcolor='${w[4]}'></span> <span fgcolor='${w[5]}'></span> </span></big>,w2theme conkyone light ${1}")
out2+=("<big><span bgcolor='${w[0]}' fgcolor='${w[-1]}'> $DARKBG <span fgcolor='${w[-4]}'></span> <span fgcolor='${w[-5]}'></span> </span></big>,w2theme conkyone dark ${1}")
out+=("^sep()")
#fi
@ -1242,6 +1252,89 @@ baseconky_info() {
esac
colorizer-conky -s
}
mono () {
lighten=(0.92 0.8 0.65 0.45 0.28)
darken=(0.9 0.74 0.54 0.38 0.18)
if [ "${1}" == pick ];then
color=$(gpick -pso 2>/dev/null)
else
color="${1}"
fi
if [ "${#color}" == 7 ];then
for i in "${lighten[@]}"
do
pal+=("$(pastel mix -f $i "#ffffff" "$color"|pastel format hex)")
done
pal+=("$color")
for i in "${darken[@]}"
do
pal+=("$(pastel mix -f $i "$color" "#000000"|pastel format hex)")
done
else
exit 0
fi
#colorize Conky
if [ "$2" == "dark" ];then
win_bgcolor_all "${pal[10]}"
default_color_all "${pal[0]}"
color0_all "${pal[3]}"
color1_all "${pal[4]}"
color2_all "${pal[5]}"
else # light
win_bgcolor_all "${pal[4]}"
default_color_all "${pal[9]}"
color0_all "${pal[7]}"
color1_all "${pal[8]}"
color2_all "${pal[1]}"
fi
colorizer-conky -s 2>/dev/null
}
monoone () {
lighten=(0.92 0.8 0.65 0.45 0.28)
darken=(0.9 0.74 0.54 0.38 0.18)
if [ "${1}" == pick ];then
color=$(gpick -pso 2>/dev/null)
else
color="${1}"
fi
if [ "${#color}" == 7 ];then
for i in "${lighten[@]}"
do
pal+=("$(pastel mix -f $i "#ffffff" "$color"|pastel format hex)")
done
pal+=("$color")
for i in "${darken[@]}"
do
pal+=("$(pastel mix -f $i "$color" "#000000"|pastel format hex)")
done
else
exit 0
fi
# colorize one Conky
if [ "$2" == "dark" ];then
win_bgcolor "${pal[10]}" "${3}"
default_color "${pal[0]}" "${3}"
color0 "${pal[3]}" "${3}"
color1 "${pal[4]}" "${3}"
color2 "${pal[5]}" "${3}"
else # light
win_bgcolor "${pal[4]}" "${3}"
default_color "${pal[9]}" "${3}"
color0 "${pal[7]}" "${3}"
color1 "${pal[8]}" "${3}"
color2 "${pal[1]}" "${3}"
fi
}
case "$1" in
transparent_all) transparent_all "$2";;
transparent) transparent "$2" "$3";;
@ -1296,5 +1389,7 @@ case "$1" in
netdevice) netdevice ;;
convert_from_old) convert_from_old "$2";;
baseconky_info) baseconky_info;;
mono) mono "$2" "$3";;
monoone) monoone "$2" "$3" "$4";;
*) : ;;
esac

101
bin/jgctl
View File

@ -266,25 +266,53 @@ tweak () {
sizing)
case "$2" in
tight)
mb-setvar jgtools_padding=0
mb-setvar jgtools_padding=4
mb-setvar jgtools_border=0
mb-setvar submenu_spacing=1
mb-setvar submenu_spacing=2
mb-setvar arrow_string=
;;
normal)
mb-setvar jgtools_padding=8
mb-setvar jgtools_border=0
mb-setvar submenu_spacing=2
mb-setvar jgtools_border=3
mb-setvar submenu_spacing=3
mb-setvar arrow_string=
;;
wide)
mb-setvar jgtools_padding=20
mb-setvar jgtools_border=4
mb-setvar submenu_spacing=4
mb-setvar jgtools_border=6
mb-setvar submenu_spacing=6
mb-setvar arrow_string=
;;
esac
;;
*):;;
esac
[[ "$3" == "menu" ]] && colorizer-menus -s 2>/dev/null
}
t_search_field () {
[[ $search_field == "false" ]] && mb-setvar search_field=true || mb-setvar search_field=false
mb-jgtools main ipc
}
t_apps_in_submenu () {
[[ $apps_in_submenu == "true" ]] && mb-setvar apps_in_submenu=false || mb-setvar apps_in_submenu=true
mb-jgtools main ipc
}
t_icons () {
[[ $jgmenu_use_icons == "true" ]] && mb-setvar jgmenu_use_icons=false || mb-setvar jgmenu_use_icons=true
mb-jgtools main ipc
}
border () {
[[ "$jgtools_padding" -lt "${1}" ]] && mb-setvar jgtools_padding=${1}
mb-setvar jgtools_border=${1}
colorizer-menus -s
}
padding () {
[[ "$jgtools_border" -gt "${1}" ]] && mb-setvar jgtools_border=${1}
mb-setvar jgtools_padding=${1}
colorizer-menus -s
}
opacity () {
# jgctl opacity element value
read FUNC B COLOR OPACITY REST<<< "$(grep ${1} ${THEMERC})"
@ -348,6 +376,59 @@ done < <(awk 'NR == n' n=$2 "$SCHEMEFILE")
delscheme() {
sed -i ${1}d "$HOME/.config/colorizer/menus/userschemes.csv"
}
mono () {
lighten=(0.92 0.8 0.65 0.45 0.28)
darken=(0.9 0.74 0.54 0.38 0.18)
if [ "${1}" == pick ];then
color=$(gpick -pso 2>/dev/null)
else
color="${1}"
fi
if [ "${#color}" == 7 ];then
for i in "${lighten[@]}"
do
pal+=("$(pastel mix -f $i "#ffffff" "$color"|pastel format hex)")
done
pal+=("$color")
for i in "${darken[@]}"
do
pal+=("$(pastel mix -f $i "$color" "#000000"|pastel format hex)")
done
else
exit 0
fi
# colorize menu
if [ "$2" == "dark" ];then
#notify-send.sh "$1" "gen_menu"
color_menu_bg "${pal[8]}"
color_menu_bg_to "${pal[7]}"
color_menu_border "${pal[10]}"
color_title_bg "${pal[9]}"
color_title_border "${pal[9]}"
color_title_fg "${pal[2]}"
color_norm_fg "${pal[3]}"
color_sel_bg "${pal[6]}"
color_sel_fg "${pal[1]}"
color_sep_fg "${pal[6]}"
else #light
color_menu_bg "${pal[2]}"
color_menu_bg_to "${pal[3]}"
color_menu_border "${pal[1]}"
color_title_bg "${pal[3]}"
color_title_border "${pal[4]}"
color_title_fg "${pal[10]}"
color_norm_fg "${pal[8]}"
color_sel_bg "${pal[4]}"
color_sel_fg "${pal[10]}"
color_sep_fg "${pal[3]}"
fi
colorizer-menus -s 2>/dev/null
}
case "$1" in
theme) theme "$2";;
reset) reset ;;
@ -370,8 +451,14 @@ case "$1" in
color_sel_fg) color_sel_fg "$2";;
color_sel_border) color_sel_border "$2";;
accent) accent "$2" "$3";;
tweak) tweak "$2" "$3";;
tweak) tweak "$2" "$3" "$4";;
opacity) opacity "$2" "$3";;
t_search_field)t_search_field;;
t_apps_in_submenu) t_apps_in_submenu;;
t_icons)t_icons;;
border)border "$2";;
padding)padding "$2";;
mono) mono "$2" "$3";;
savescheme) savescheme "$2";;
applyscheme) applyscheme "$2" "$3";;
delscheme) delscheme "$2";;

View File

@ -100,7 +100,7 @@ paddingHeight () {
sd "^padding.width:.*$" "padding.width: ${PHEIGHT}" ${THEMERC}
fi
;;
0|1|2|3|4|6|8|10|12|16|20)
0|1|2|3|4|5|6|8|10|12|16|20)
sd "^padding.height:.*$" "padding.height: $1" ${THEMERC}
sd "^padding.width:.*$" "padding.width: $1" ${THEMERC}
;;
@ -505,11 +505,15 @@ fontsize () {
fontweight () {
nspace="http://openbox.org/3.4/rc"
cfg="$HOME/.config/openbox/rc.xml"
xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:weight' -v "${1}" "$cfg"
xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:weight' -v "${1}" "$cfg"
}
fontweight_inactive () {
nspace="http://openbox.org/3.4/rc"
cfg="$HOME/.config/openbox/rc.xml"
xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:weight' -v "${1}" "$cfg"
}
fontweighttoggle (){
nspace="http://openbox.org/3.4/rc"
cfg="$HOME/.config/openbox/rc.xml"
@ -523,10 +527,15 @@ fontweighttoggle (){
fontslant (){
nspace="http://openbox.org/3.4/rc"
cfg="$HOME/.config/openbox/rc.xml"
xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:slant' -v "${1}" "$cfg"
xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:slant' -v "${1}" "$cfg"
}
fontslant_inactive (){
nspace="http://openbox.org/3.4/rc"
cfg="$HOME/.config/openbox/rc.xml"
xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:slant' -v "${1}" "$cfg"
}
fontslanttoggle (){
nspace="http://openbox.org/3.4/rc"
cfg="$HOME/.config/openbox/rc.xml"
@ -569,8 +578,8 @@ randomizer () {
#rand
### Random border
BORDERS=(0 0 1 2 4)
rand=$((RANDOM%4))
BORDERS=(0 0 1 2 4 6)
rand=$((RANDOM%5))
BORDER="${BORDERS[$rand]}"
borderWidth "${BORDER}"
@ -673,21 +682,21 @@ tweak() {
fontsize 14
paddingHeight 8
buttons big-14
borderWidth 4
borderWidth 6
handlewidth 6
;;
big)
fontsize 12
paddingHeight 6
buttons big-12
borderWidth 1
borderWidth 4
handlewidth 4
;;
normal)
fontsize 11
paddingHeight 4
buttons tiny
borderWidth 0
borderWidth 1
handlewidth 3
;;
small)
@ -767,6 +776,54 @@ applytheme() {
delscheme() {
sed -i ${1}d "$HOME/.config/colorizer/openbox/userthemes.csv"
}
mono() {
lighten=(0.92 0.8 0.65 0.45 0.28)
darken=(0.9 0.74 0.54 0.38 0.18)
if [ "${1}" == pick ];then
color=$(gpick -pso 2>/dev/null)
else
color="${1}"
fi
if [ "${#color}" == 7 ];then
for i in "${lighten[@]}"
do
pal+=("$(pastel mix -f $i "#ffffff" "$color"|pastel format hex)")
done
pal+=("$color")
for i in "${darken[@]}"
do
pal+=("$(pastel mix -f $i "$color" "#000000"|pastel format hex)")
done
else
exit 0
fi
#colorize OB
if [ "$2" == "dark" ];then
clractivebg "${pal[4]}"
clractivebgto "${pal[6]}"
activeborderColor "${pal[2]}"
activetextcolor "${pal[1]}"
clrnormalbg "${pal[9]}"
clrnormalbgto "${pal[10]}"
inactiveborderColor "${pal[8]}"
inactivetextcolor "${pal[4]}"
else #light
clractivebg "${pal[2]}"
clractivebgto "${pal[4]}"
activeborderColor "${pal[0]}"
activetextcolor "${pal[9]}"
clrnormalbg "${pal[9]}"
clrnormalbgto "${pal[10]}"
inactiveborderColor "${pal[7]}"
inactivetextcolor "${pal[5]}"
fi
openbox --reconfigure
colorizer-ob -s 2>/dev/null
}
case "$1" in
theme) theme "$2";;
@ -800,12 +857,15 @@ case "$1" in
activebuttonscolors) activebuttonscolors "$2";;
fontfamily) fontfamily "$2";;
fontweight) fontweight "$2";;
fontweight_inactive) fontweight_inactive "$2";;
fontslant) fontslant "$2";;
fontslant_inactive) fontslant_inactive "$2";;
fontsize) fontsize "$2";;
fontweighttoggle) fontweighttoggle;;
fontslanttoggle) fontslanttoggle;;
randomizer) randomizer;;
tweak) tweak "$2";;
mono) mono "$2" "$3";;
savetheme) savetheme "$2";;
applyscheme) applyscheme "$2" "$3";;
applytheme) applytheme "$2" "$3";;

View File

@ -14,7 +14,7 @@ color: #999999;
font-size: 1.6vw !important;
font-family: 'Symbols', sans-serif;
}
.dark{background-color:#292929;}
.dark{background-color:#191919;}
div.fixed {
position: fixed;
top: 4px;
@ -27,23 +27,32 @@ div.fixeddown {
left:0;
width:20%;
}
nav button.tablink {padding:3px 8px !important;width:94%;float:right;text-align:left;border-left:4px solid transparent;}
nav button.tablink:hover {background-color:#444444 !important;color:white !important;border-left:4px solid #222222;}
nav button.bg {background-color:#222222;color:white !important;border-left:4px solid #34BE5B !important;border-radius:4px 0 0 4px;}
hr {margin:0;border: 0;height: 1px;background-image: linear-gradient(to right, rgba(105, 105, 105, 0), rgba(105, 105, 105, 0.75), rgba(105, 105, 105, 0));}
div.fixed .bar-item {margin-right:4px; border-radius:4px;}
.third {padding: 0.01em 4px;}
.button {position:relative;}
.button .right {position:absolute; top:0; right:6px;}
main div.dark .button{min-width:8vw;border-radius:2px;}
section.tab {padding-top: 0;}
section#Colorizer {padding-top: 0.01em;}
#logoheader {padding:16px 0 12px 0;background-color:#111111;border-bottom:1px solid #444444;}
#logo {width:8vw;height:8vw;}
div.fixeddown p {margin:0;}
div.fixeddown p.black a {text-decoration:none;margin:0 4px;}
.logo {cursor:pointer;width:6vw;height:6vw;}
p#links a {text-decoration:none;margin:0 4px;font-size:2.4vw !important;}
#links {background-color:#111111;border-top:1px solid #444444;}
.link {cursor:pointer;}
.bar-block .btn {width: 100px;text-align:center;}
.bar-block .btn:hover {background-color:white;color:gray;}
.dropdown-content {min-width: 20px;}
a.tag {color: transparent; border:1px solid #666666; margin-bottom:4px;}
a.tag:hover {color: transparent; border:1px solid #EEEEEE;margin-bottom:4px;}
p a.tag {text-decoration:none; border:none;margin-bottom: 4px;border-radius:3px; padding:1px 6px;}
p a.tag:hover {text-decoration:none; border:none;margin-bottom: 4px;filter: brightness(0.8);}
a.tag {text-decoration:none; border:none;margin-bottom: 4px;border-radius:3px; padding:1px 6px;filter: brightness(0.8);}
a.tag:hover {text-decoration:none; border:none;margin-bottom: 4px;filter: brightness(1);}
.colors a.tag {border-radius:0;border:1px solid #333333;filter: brightness(1);}
.colors a.tag:hover {border:1px solid #EEEEEE;}
.attribs a.tag {margin-left:0;margin-right:1px;border:none;border-radius:0;filter: brightness(0.8);}
.attribs a.tag:hover {margin-left:0; margin-right:1px;border:none;border-radius:0;filter: brightness(1);}
kbd {
background-color: #eee;
border-radius: 3px;
@ -57,7 +66,6 @@ kbd {
padding: 2px 4px;
white-space: nowrap;
}
nav button.bar-item {padding:3px 12px !important;}
.small {font-size: 1.5vw !important;}
.tiny {font-size: 1.25vw !important;}
h2 {font-size: 3vw !important;}
@ -65,28 +73,68 @@ h3 {font-size: 2.4vw !important;}
h4 {font-size: 2.2vw !important;}
h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
.large {width:3.2vw !important;height:2.4vw !important;font-size: 2.4vw !important;}
p.black a {font-size:2.4vw !important;}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
grid-gap: .5em;
}
.grid + .grid {
margin-top: .5em;
}
.grid div {
border: 0 solid currentcolor;
border-radius: 4px;
/**min-height: 15vh;**/
padding: 1em;
/**color: #0178d4;
background-color:#191919;**/
font-size: 1em;
text-align: center;
/**display: flex;
flex-direction: column;**/
justify-content: center;
}
.gi2 {grid-column: span 2;}
.gi3 {grid-column: span 3;}
.gi4 {grid-column: span 4;}
.gi22 {
grid-column: span 2;
grid-row: span 2;
}
.gi2r{grid-row: span 2;}
.gi3r{grid-row: span 3;}
.gi4r{grid-row: span 4;}
</style>
<body>
<div class="sidebar bar-block dark-grey card" style="width:20%">
<div class="center" style="margin:8px;"><img src="./img/colorizer.png" class="logo" title="Colorizer" onclick="openTab(event, 'Colorizer')"></div>
<nav>
<button class="bar-item button small tablink" onclick="openTab(event, 'Colorizer')">Colorizer</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Openbox')">Openbox Theme</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Conky')">Conky</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Jgmenu')">Menu/Sidepanels</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Tint2')">Tint2 Panel</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Wall2theme')">Wallpaper  themes</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'pyradiocava')"><i>Cava, PyRadio</i></button>
<button class="bar-item button small tablink" onclick="openTab(event, 'fonts')">Fonts</i></button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Terminal')">Terminal theme</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Save')">Save and Restore</button>
<div class="sidebar bar-block" style="background-color:#333333;width:20%">
<div class="center" id="logoheader">
<svg id="logo" viewBox="0 0 128 128">
<polygon points="4,4 58,4 58,58 4,58" style="fill:#674EA7;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="68,4 124,4 124,58 68,58" style="fill:#34BE5B;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="4,68 58,68 58,124 4,124" style="fill:#FF8C00;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="68,68 124,68 124,124 68,124" style="fill:#5e81ac;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
</svg><br />
<span class="small">Colorizer</span>
</div>
<nav style="padding-top:8px;">
<button class="button small tablink bg" onclick="openTab(event, 'Colorizer')">Start</button>
<button class="button small tablink" onclick="openTab(event, 'Openbox')">Openbox Theme</button>
<button class="button small tablink" onclick="openTab(event, 'Conky')">Conky</button>
<button class="button small tablink" onclick="openTab(event, 'Jgmenu')">Menu/Sidepanels</button>
<button class="button small tablink" onclick="openTab(event, 'Tint2')">Tint2 Panel</button>
<button class="button small tablink" onclick="openTab(event, 'Wall2theme')">Wallpaper  themes</button>
<button class="button small tablink" onclick="openTab(event, 'pyradiocava')"><i>Cava, PyRadio</i></button>
<button class="button small tablink" onclick="openTab(event, 'fonts')">Fonts</i></button>
<button class="button small tablink" onclick="openTab(event, 'Terminal')">Terminal theme</button>
<button class="button small tablink" onclick="openTab(event, 'Save')">Save and Restore</button>
</nav>
<div class="fixeddown">
<div class="center small" style="margin: 0 4px 4px 2px;">
<p><a class="tag small indigo" href="run://pcmanwp"> Wallpaper...</a> <a class="tag small indigo" href="run://mbwallpaper -o"></a></p>
<p><em>Advanced<br />(dynamic menus)</em></p>
<p><em>dynamic menus:</em></p>
<p>
<a class="tag small purple" href="run://colorizer -s"> Colorizer</a><br />
<a class="tag small amber" href="run://colorizer-ob -s"> Openbox</a>
@ -97,11 +145,11 @@ p.black a {font-size:2.4vw !important;}
<a class="tag small lime" href="run://colorizer-pyradio -s"> PyRadio</a>
</p>
</div>
<p class="center black">
<a href="https://maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:22px">Mabox Website</span></a>
<a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:22px">Community Forum</span></a>
<a href="https://manual.maboxlinux.org/en" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:22px">Manual</span></a>
<a href="https://ko-fi.com/maboxlinux" class="tooltip"><span style="color:red"></span><span class="text tag small round" style="position:absolute;left:-10px;bottom:22px">Donate</span></a>
<p id="links" class="center black">
<a href="https://maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Mabox Website</span></a>
<a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Community Forum</span></a>
<a href="https://manual.maboxlinux.org/en" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Manual</span></a>
<a href="https://ko-fi.com/maboxlinux" class="tooltip"><span style="color:red"></span><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Donate</span></a>
</p>
</div>
</div>
@ -157,36 +205,46 @@ p.black a {font-size:2.4vw !important;}
</div>
</section>
<section id="Openbox" class="container tab" style="display:none;min-height:100vh;">
<div class="row">
<div class="twothird">
<h2>Openbox theme</h2>
<main class="grid">
<div class="gi4 gi4r left-align"><h2>Openbox window decoration</h2>
<p>The Openbox module allows you to easily customize the appearance of window decorations.</p>
<p>It works only with special theme - <strong>MBcolors</strong> <a class="tag round green tiny" href="run://obtctl theme MBcolors">switch to</a> <a class="tag round green tiny" href="run://obtctl resetMBcolors">Reset MBcolors</a></p>
<p>It works only with special theme - <strong>MBcolors</strong> <a class="tag round green tiny" href="run://obtctl theme MBcolors">switch to MBcolors</a></p>
<p><hr /></p>
<div class="pale-green leftbar border-green">
If you need a full set of options, precise color tuning and gradients - use the advanced dynamic menu<br />
<a class="button amber" href="run://colorizer-ob -s"> Openbox</a>
</div>
<p><hr /></p>
<strong>Size</strong> <em>presets</em><br />
<a class="tag small amber" href="run://obtctl tweak tiny">tiny</a>
<a class="tag small green" href="run://obtctl tweak small">small</a>
<a class="tag small pale-red" href="run://obtctl tweak normal">normal</a>
<a class="tag small green" href="run://obtctl tweak big">big</a>
<a class="tag small amber" href="run://obtctl tweak large">large</a>
<br />
<p>You can change most of basic settings directly from this help screen.</p>
</div>
<div class="third padding-16">
<div class="card padding-small dark-grey"><span class="right xlarge"></span>
<p><strong>Set window decoration</strong></p>
<div class="bar-block grey">
<a class="button bar-item tiny" href="run://randomizer ob"><span class="right large"></span>Random</a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny" href="run://w2theme ob dark show"><span class="right large"></span>Dark <em>(from wallpaper)</em></a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny" href="run://w2theme ob light show"><span class="right large"></span>Light <em>(from wallpaper)</em></a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny hover-green" href="run://colorizer-ob -s"><span class="right large"></span> Customize...</a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny hover-red" href="run://obtctl resetMBcolors"><span class="right large"></span>Reset</a>
</div>
</div>
</div>
</div>
</div>
<div class="gi2 dark"><span>Generate themes...</span></div>
<div class="gi2 dark"><strong>Monochrome</strong><br /><em>pick color from screen</em><br />
<a class="button padding-small dark-grey" href="run://obtctl mono pick dark"><span class="large"></span><br />Dark</a>
<a class="button padding-small grey" href="run://obtctl mono pick light"><span class="large"></span><br />Light</a>
<br />
</div>
<div class="gi2 dark"><strong>Wallpaper colors</strong><br /><em>choose variant</em><br />
<a class="button padding-small dark-grey" href="run://w2theme ob dark show"><span class="large"></span><br />Dark</a>
<a class="button padding-small grey" href="run://w2theme ob light show"><span class="large"></span><br />Light</a>
</div>
<div class="dark">
<a class="button padding-small amber" href="run://randomizer ob"><span class="large"></span><br />Random</a>
</div>
<div class="dark">
<a class="button padding-small teal hover-red" href="run://obtctl resetMBcolors"><span class="large"></span><br /> Reset </a>
</div>
</main>
<p><hr /></p>
<div class="show-inline-block">
<div class="bar border round dark-grey">
<div class="dropdown-hover">
@ -254,7 +312,7 @@ p.black a {font-size:2.4vw !important;}
</div>
</div>
<div class="panel panel display-container">Window title
<div class="display-topright medium"><span class="tiny">font color:</span>
<div class="display-topright medium colors"><span class="tiny">font color:</span>
<a class="tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917">&nbsp;&nbsp;</a>
@ -320,7 +378,7 @@ p.black a {font-size:2.4vw !important;}
<div class="col m5 black round">
<p class="center">Title bar color</p>
<p class="center">for active window</p>
<div class="center padding">
<div class="center padding colors">
<a class="tag large" style="background-color:#DDDDDD" href="run://obtctl clractivebg #DDDDDD">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#a4c400" href="run://obtctl clractivebg #a4c400">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#60a917" href="run://obtctl clractivebg #60a917">&nbsp;&nbsp;</a>
@ -365,50 +423,93 @@ p.black a {font-size:2.4vw !important;}
</div>
</div>
<p></p>
<p>For much more options, fine-tunning and colors choices launch <a class="tag round green small hover-yellow" href="run://colorizer-ob -s"> OBtheme menu</a></p>
</section>
<section id="Jgmenu" class="container tab" style="display:none;min-height:100vh">
<div class="row">
<div class="twothird">
<h2>Menu / Side panels</h2>
<main class="grid">
<div class="gi4 gi4r left-align"><h2>Menu / Side panels</h2>
<p>Menu / Side panels and numerous Mabox tools were created based on jgmenu. You can easily adapt them to your needs - both <strong>appearance</strong> and <strong>functionality</strong></p>
<h4>Global Settings</h4>
<p>Border, inner margin, rounding, submenu spacing and fonts are global settings - independent of the color theme used. You can change it <a class="tag round green small hover-yellow" href="run://jgmenusettings-pipe -s"> here</a></p>
</div>
<div class="third padding-16">
<div class="card padding-small blue-gray"><span class="right xlarge"></span>
<p><strong>Set menu theme...</strong></p>
<div class="bar-block grey">
<a class="button bar-item tiny" href="run://randomizer menu show"><span class="right large"></span> Random</a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny" href="run://w2theme menu dark show"><span class="right large"></span>Dark <em>(from wallpaper)</em></a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny" href="run://w2theme menu light show"><span class="right large"></span>Light <em>(from wallpaper)</em></a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny hover-green" href="run://colorizer-menus -s"><span class="right large"></span> Customize...</a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny hover-red" href="run://jgctl resetMBcolors show"><span class="right large"></span>Reset</a>
</div>
</div>
<br />
<p><hr /></p>
<div class="pale-red leftbar border-red">
After each change, the menu will be shown.<br />
Use <kbd>Esc</kbd> or click outside the menu to close it!
</div>
<p><hr /></p>
<div class="pale-green leftbar border-green">
If you need a full set of options, precise color tuning and transparency - use the advanced dynamic menu<br />
<a class="button small amber" href="run://colorizer-menus -s"> Menu</a>
</div>
</div>
<div class="gi2 dark"><span>Generate themes...</span></div>
<div class="gi2 dark"><strong>Monochrome</strong><br /><em>pick color from screen</em><br />
<a class="button padding-small dark-grey" href="run://jgctl mono pick dark"><span class="large"></span><br />Dark</a>
<a class="button padding-small grey" href="run://jgctl mono pick light"><span class="large"></span><br />Light</a>
<br />
</div>
<div class="gi2 dark"><strong>Wallpaper colors</strong><br /><em>choose variant</em><br />
<a class="button padding-small dark-grey" href="run://w2theme menu dark show"><span class="large"></span><br />Dark</a>
<a class="button padding-small grey" href="run://w2theme menu light show"><span class="large"></span><br />Light</a>
</div>
<div class="dark">
<a class="button padding-small amber" href="run://randomizer menu show"><span class="large"></span><br />Random</a>
</div>
<div class="dark">
<a class="button padding-small teal hover-red" href="run://jgctl resetMBcolors show"><span class="large"></span><br /> Reset </a>
</div>
</main>
<p><hr /></p>
<main class="grid" style="grid-template-columns: auto auto auto;">
<div class="dark"><strong>Menu size</strong> <em>presets</em><br />
<a class="tag small amber" href="run://jgctl tweak sizing tight menu">tight</a>
<a class="tag small pale-red" href="run://jgctl tweak sizing normal menu">normal</a>
<a class="tag small green" href="run://jgctl tweak sizing wide menu">wide</a>
</div>
<div class="gi2 gi2r attribs dark">
<strong>Padding</strong>
<p>
<a class="tag dark-grey" href="run://jgctl padding 0">0</a><a class="tag dark-grey" href="run://jgctl padding 1">1</a><a class="tag dark-grey" href="run://jgctl padding 2">2</a><a class="tag dark-grey" href="run://jgctl padding 3">3</a><a class="tag dark-grey" href="run://jgctl padding 4">4</a><a class="tag dark-grey" href="run://jgctl padding 6">6</a><a class="tag dark-grey" href="run://jgctl padding 8">8</a><a class="tag dark-grey" href="run://jgctl padding 12">12</a><a class="tag dark-grey" href="run://jgctl padding 16">16</a><a class="tag dark-grey" href="run://jgctl padding 20">20</a>
</p>
<hr />
<strong>Menu Border</strong>
<p><a class="tag dark-grey" href="run://jgctl border 0">0</a><a class="tag dark-grey" href="run://jgctl border 1">1</a><a class="tag dark-grey" href="run://jgctl border 2">2</a><a class="tag dark-grey" href="run://jgctl border 3">3</a><a class="tag dark-grey" href="run://jgctl border 4">4</a><a class="tag dark-grey" href="run://jgctl border 6">6</a><a class="tag dark-grey" href="run://jgctl border 8">8</a><a class="tag dark-grey" href="run://jgctl border 12">12</a>
</p>
<hr />
<strong>Submenu spacing</strong>
<p><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-20">-20</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-16">-16</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-10">-10</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-6">-6</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-2">-2</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=0">0</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=1">1</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=2">2</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=4">4</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=8">8</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=12">12</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=16">16</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=20">20</a></p>
<hr />
<strong>Item height</strong>
<p><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=160">80%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=180">90%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=200">100%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=220">110%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=240">120%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=280">140%</a></p>
</div>
<div class="dark">
<a class="tag small purple" href="run://mb-jgtools main ipc"> Main menu</a> settings<br />
<p class="dark-gray"><kbd>Super</kbd> key, <i>left-click</i> on desktop or from Mabox icon in panel</p>
<p class="left-align">
<a class="tag small purple" href="run://jgctl t_search_field"></a> Search field<br />
<a class="tag small purple" href="run://jgctl t_apps_in_submenu"></a> Apps in rootmenu (or submenu)
<a class="tag small purple" href="run://jgctl t_icons"></a> Icons<br />
</p>
<hr />
<strong>Edit commands</strong>
<p>
<a class="tag small amber" href="config://.config/mabox/favorites.csv"> on top (Favorites)</a>
<a class="tag small amber" href="config://.config/mabox/mainmenu_below_apps.csv"> on bottom</a><br /></p>
</div>
</main>
</section>
<section id="Conky" class="container tab" style="display:none;min-height:100vh;">
<div class="row">
<div class="twothird">
<h2>Conky</h2>
<main class="grid">
<div class="gi4 gi4r left-align"><h2>Conky</h2>
<p>Mabox provides several Conky configurations. <i>click names below to toggle</i></p>
<p class="center">
System Info<br />
@ -430,31 +531,30 @@ p.black a {font-size:2.4vw !important;}
<a class="tag small teal" href="run://conkyctl toggleone quoter_">Quotes</a>
<a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a>
</p>
<p><hr /></p>
<div class="pale-green leftbar border-green">
For more options use dynamic menu <a class="button amber" href="run://colorizer-conky -s"> Conky Manager & Colorizer</a>
</div>
</div>
<div class="gi2 dark"><span>Generate themes...</span></div>
<div class="gi2 dark"><strong>Monochrome</strong><br /><em>pick color from screen</em><br />
<a class="button padding-small dark-grey" href="run://conkyctl mono pick dark"><span class="large"></span><br />Dark</a>
<a class="button padding-small grey" href="run://conkyctl mono pick light"><span class="large"></span><br />Light</a>
<br />
</div>
<div class="gi2 dark"><strong>Wallpaper colors</strong><br /><em>choose variant</em><br />
<a class="button padding-small dark-grey" href="run://w2theme conky dark show"><span class="large"></span><br />Dark</a>
<a class="button padding-small grey" href="run://w2theme conky light show"><span class="large"></span><br />Light</a>
</div>
<div class="dark">
<a class="button padding-small amber" href="run://randomizer conky"><span class="large"></span><br />Random</a>
</div>
<div class="dark">
<a class="button padding-small teal hover-red" href="run://conkyctl resetcolorsall"><span class="large"></span><br /> Reset </a>
</div>
</main>
<p><hr /></p>
<div class="third padding-16">
<div class="card padding-small brown"><span class="right xlarge"></span>
<p><strong>Set Conky colorscheme...</strong></p>
<div class="bar-block grey">
<a class="button bar-item tiny" href="run://randomizer conky"><span class="right large"></span>Random</a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny" href="run://w2theme conky dark"><span class="right large"></span>Dark <em>(from wallpaper)</em></a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny" href="run://w2theme conky light"><span class="right large"></span>Light<em>(from wallpaper)</em></a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny hover-green" href="run://colorizer-conky -s"><span class="right large"></span>Customize...</a>
</div>
<div class="bar-block grey" style="margin-top:1px;">
<a class="button bar-item tiny hover-red" href="run://conkyctl resetcolorsall"><span class="right large"></span>Reset</a>
</div>
</div>
</div>
</div>
<p>Conky in Mabox has been equipped with additional powers not available in any other Linux distribution!</p>
<h5>Easy on screen arranging</h5>
<p>
@ -476,7 +576,7 @@ p.black a {font-size:2.4vw !important;}
<p>If only one command is defined, Conky will act like a launcher (icon) - firing up command immediately after left click.
If you add more commands, a menu will be shown.</p>
<p><a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Default</a> and <a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a> Conky already have predefined commands, so left-click on them to see this feature in action.</p>
<p><a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Default</a> and <a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a> Conky already have predefined commands, left-click on them to see this feature in action.</p>
<p>Syntax for adding commands is very simple, see blog post: <a href="https://blog.maboxlinux.org/how-to-add-custom-commands-to-menu-and-sidepanels/">How to add custom commands to Menu and SidePanels</a></p>
<h5>Tips</h5>
@ -579,7 +679,9 @@ If you add more commands, a menu will be shown.</p>
</div>
</div>
<h2>Fonts</h2>
<p>Use dynamic menu <a class="tag small amber" href="run://colorizer-fonts -s"> Fonts</a> to set fonts for GTK, Conky and Menu/Panels.</p>
<p> To set fonts for Openbox window decorations, GTK, Conky and Menu/Panels...<br />
use dynamic menu <a class="button amber" href="run://colorizer-fonts -s"> Fonts</a>
</p>
</section>
<section id="pyradiocava" class="container tab" style="display:none;min-height:100vh;">
@ -590,13 +692,14 @@ If you add more commands, a menu will be shown.</p>
</div>
<h3>Cava - Audio Visualizer</h3>
<p><strong>Cava</strong> is a bar spectrum audio visualizer for terminal.<br />
In Mabox you can easily run Cava in a transparent terminal - which gives an interesting effect...</p>
In Mabox you can easily run Cava in a transparent* terminal - which gives an interesting effect...</p>
<p><a class="tag small amber" href="run://mb-music cavastart">󰺢 Start</a>
<a class="tag small red" href="run://mb-music cavakill"> Kill</a>
<a class="tag small green" href="run://cavactl info"> Info</a> </p>
<p>*) compositor is required for transparency, toggle <a class="tag small purple" href="run://compton_toggle"> Picom</a></p>
<div class="row-padding stretch">
<div class="third center">
<div class="third center colors">
<p><strong>Color</strong></p>
<a class="tag large" style="background-color:#DDDDDD" href="run://cavactl foreground #DDDDDD">&nbsp;&nbsp;</a>
<a class="tag large" style="background-color:#a4c400" href="run://cavactl foreground #a4c400">&nbsp;&nbsp;</a>
@ -628,7 +731,7 @@ If you add more commands, a menu will be shown.</p>
<p>&nbsp;</p>
</div>//-->
<div class="third center dark">
<div class="third center dark colors">
<p><strong>Bar width (px)</strong></p>
<p>
<a class="tag dark-gray" href="run://cavactl bar_width 1">1</a>
@ -661,7 +764,7 @@ If you add more commands, a menu will be shown.</p>
<!--<div class="col m1 center">
<p>&nbsp;</p>
</div>//-->
<div class="col m4 center">
<div class="col m4 center colors">
<p><strong>Height (px)</strong></p>
width: 100%
<p><a class="tag dark-gray" href="run://mb-music cavastart 50 full">50</a> <a class="tag dark-gray" href="run://mb-music cavastart 100 full">100</a> <a class="tag dark-gray" href="run://mb-music cavastart 200 full">200</a></p>
@ -669,7 +772,7 @@ If you add more commands, a menu will be shown.</p>
<p><a class="tag dark-gray" href="run://mb-music cavastart 50 half">50</a> <a class="tag dark-gray" href="run://mb-music cavastart 100 half">100</a> <a class="tag dark-gray" href="run://mb-music cavastart 200 half">200</a></p>
</div>
</div>
<p>Use Colorizer <a class="tag small orange" href="run://colorizer-cava -s">󰺢 Cava module </a> to fine-tune colors, use gradients.</p>
<p>Use dynamic menu <a class="tag small orange" href="run://colorizer-cava -s">󰺢 Cava</a> to fine-tune colors, use gradients.</p>
<div class="panel dark-grey rightbar border-black border" style="margin-top:-2px;">
<p><a class="tag teal" href="run://mb-music -s">󰕾 Music & Sound</a> dynamic menu can serve as basic, lightweight music player (mpv-based) you might like to try. <i>Also available from panel's volume icon - right click</i></p>
</div>
@ -758,10 +861,10 @@ function openTab(evt, tabName) {
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" gray", "");
tablinks[i].className = tablinks[i].className.replace(" bg", "");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " gray";
evt.currentTarget.className += " bg";
}
function myFunction() {
var input, filter, table, tr, td, i;

View File

@ -10,12 +10,11 @@
}
body{
background-color:#222222;
color: #999999;
color: #999999;
font-size: 1.6vw !important;
font-family: 'Symbols', sans-serif;
}
.dark{background-color:#292929;}
.sidebar {font-size:2.2vw;}
.dark{background-color:#191919;}
div.fixed {
position: fixed;
top: 4px;
@ -28,23 +27,32 @@ div.fixeddown {
left:0;
width:20%;
}
nav button.tablink {padding:3px 8px !important;width:94%;float:right;text-align:left;border-left:4px solid transparent;}
nav button.tablink:hover {background-color:#444444 !important;color:white !important;border-left:4px solid #222222;}
nav button.bg {background-color:#222222;color:white !important;border-left:4px solid #34BE5B !important;border-radius:4px 0 0 4px;}
hr {margin:0;border: 0;height: 1px;background-image: linear-gradient(to right, rgba(105, 105, 105, 0), rgba(105, 105, 105, 0.75), rgba(105, 105, 105, 0));}
div.fixed .bar-item {margin-right:4px; border-radius:4px;}
.third {padding: 0.01em 4px;}
.button {position:relative;}
.button .right {position:absolute; top:0; right:6px;}
main div.dark .button{min-width:8vw;border-radius:2px;}
section.tab {padding-top: 0;}
section#Colorizer {padding-top: 0.01em;}
#logoheader {padding:16px 0 12px 0;background-color:#111111;border-bottom:1px solid #444444;}
#logo {width:8vw;height:8vw;}
div.fixeddown p {margin:0;}
div.fixeddown p.black a {text-decoration:none;margin:0 4px;}
.logo {cursor:pointer;width:6vw;height:6vw;}
p#links a {text-decoration:none;margin:0 4px;font-size:2.4vw !important;}
#links {background-color:#111111;border-top:1px solid #444444;}
.link {cursor:pointer;}
.bar-block .btn {width: 100px;text-align:center;}
.bar-block .btn:hover {background-color:white;color:gray;}
.dropdown-content {min-width: 20px;}
a.tag {color: transparent; border:1px solid #666666; margin-bottom:4px;}
a.tag:hover {color: transparent; border:1px solid #EEEEEE;margin-bottom:4px;}
p a.tag {text-decoration:none; border:none;margin-bottom: 4px;border-radius:3px;padding: 1px 6px;}
p a.tag:hover {text-decoration:none; border:none;margin-bottom: 4px;filter: brightness(0.8);}
a.tag {text-decoration:none; border:none;margin-bottom: 4px;border-radius:3px; padding:1px 6px;filter: brightness(0.8);}
a.tag:hover {text-decoration:none; border:none;margin-bottom: 4px;filter: brightness(1);}
.colors a.tag {border-radius:0;border:1px solid #333333;filter: brightness(1);}
.colors a.tag:hover {border:1px solid #EEEEEE;}
.attribs a.tag {margin-left:0;margin-right:1px;border:none;border-radius:0;filter: brightness(0.8);}
.attribs a.tag:hover {margin-left:0; margin-right:1px;border:none;border-radius:0;filter: brightness(1);}
kbd {
background-color: #eee;
border-radius: 3px;
@ -58,41 +66,75 @@ kbd {
padding: 2px 4px;
white-space: nowrap;
}
nav button.bar-item {padding:3px 12px !important;font-size:1.5vw !important;}
.small {font-size: 1.5vw !important;}
.tiny {font-size: 1.25vw !important;}
h2 {font-size: 3vw !important;}
h3 {font-size: 2.4vw !important;}
h4 {font-size: 2.2vw !important;}
h5 {font-size: 2vw !important;border-bottom:1px solid;padding-left:1em;}
h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
.large {width:3.2vw !important;height:2.4vw !important;font-size: 2.4vw !important;}
p.black a {font-size:2.4vw !important;}
.grid3 {display: grid; grid-template-columns: auto auto auto;gap: 10px;}
.grid4 {display: grid; grid-template-columns: auto auto auto;gap: 10px;}
.grid div {padding:8px;}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
grid-gap: .5em;
}
.grid + .grid {
margin-top: .5em;
}
.grid div {
border: 0 solid currentcolor;
border-radius: 4px;
/**min-height: 15vh;**/
padding: 1em;
/**color: #0178d4;
background-color:#191919;**/
font-size: 1em;
text-align: center;
/**display: flex;
flex-direction: column;**/
justify-content: center;
}
.gi2 {grid-column: span 2;}
.gi3 {grid-column: span 3;}
.gi4 {grid-column: span 4;}
.gi22 {
grid-column: span 2;
grid-row: span 2;
}
.gi2r{grid-row: span 2;}
.gi3r{grid-row: span 3;}
.gi4r{grid-row: span 4;}
</style>
<body>
<div class="sidebar bar-block dark-grey card" style="width:20%">
<div class="center" style="margin:8px;"><img src="./img/colorizer.png" class="logo" title="Colorizer" onclick="openTab(event, 'Colorizer')"></div>
<nav>
<button class="bar-item button small tablink" onclick="openTab(event, 'Colorizer')">Colorizer</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Openbox')">Motyw Openbox</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Conky')">Conky</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Jgmenu')">Menu/Panele Boczne</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Tint2')">Panel Tint2</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Wall2theme')">Kolory z tapety</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'pyradiocava')"><i>Cava, PyRadio</i></button>
<button class="bar-item button small tablink" onclick="openTab(event, 'fonts')">Czcionki</i></button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Terminal')">Kolory Terminala</button>
<button class="bar-item button small tablink" onclick="openTab(event, 'Save')">Zapisywanie</button>
<div class="sidebar bar-block" style="background-color:#333333;width:20%">
<div class="center" id="logoheader">
<svg id="logo" viewBox="0 0 128 128">
<polygon points="4,4 58,4 58,58 4,58" style="fill:#674EA7;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="68,4 124,4 124,58 68,58" style="fill:#34BE5B;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="4,68 58,68 58,124 4,124" style="fill:#FF8C00;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
<polygon points="68,68 124,68 124,124 68,124" style="fill:#5e81ac;stroke:white;stroke-width:4;fill-rule:nonzero;"/>
</svg><br />
<span class="small">Colorizer</span>
</div>
<nav style="padding-top:8px;">
<button class="button small tablink bg" onclick="openTab(event, 'Colorizer')">Colorizer</button>
<button class="button small tablink" onclick="openTab(event, 'Openbox')">Motyw Openbox</button>
<button class="button small tablink" onclick="openTab(event, 'Conky')">Conky</button>
<button class="button small tablink" onclick="openTab(event, 'Jgmenu')">Menu/Panele Boczne</button>
<button class="button small tablink" onclick="openTab(event, 'Tint2')">Panel Tint2</button>
<button class="button small tablink" onclick="openTab(event, 'Wall2theme')">Kolory z tapety</button>
<button class="button small tablink" onclick="openTab(event, 'pyradiocava')"><i>Cava, PyRadio</i></button>
<button class="button small tablink" onclick="openTab(event, 'fonts')">Czcionki</i></button>
<button class="button small tablink" onclick="openTab(event, 'Terminal')">Kolory Terminala</button>
<button class="button small tablink" onclick="openTab(event, 'Save')">Zapisywanie</button>
</nav>
<div class="fixeddown">
<div class="center small" style="margin: 0 4px 4px 2px;">