upd

2022-12-17 12:12:52 +01:00 · 2022-12-17 12:12:52 +01:00 · d2214decdc
parent 52ed781df7
commit d2214decdc
14 changed files with 562 additions and 346 deletions
--- a/bin/colorizer
+++ b/bin/colorizer
@ -139,6 +139,13 @@ case "$LANG" in
    SELECT="<b>select</b> - wybierz akcję..."
    DIFF_CONKY_COLORS="Różne kolory dla Conky"
    HELP="Pomoc"
+    RESET_COLORS="Resetuj kolory"
+    RESET_CHOOSE="Resetuj..."
+    RESET_SEP="Resetuj kolory dla"
+    RES_OB_WD="Dekoracje okien OpenBox"
+    RES_CONKY="Conky"
+    RES_MENU="Menu i Paneli"
+    RES_ALL="Wszystko <i>(OB, menu, conky)</i>"
    ;;
    *)
    REGENERATE="(Re)Generate from wallpaper colors..."
@ -223,6 +230,13 @@ case "$LANG" in
    SELECT="<b>select</b> - select action"
    DIFF_CONKY_COLORS="Different colors for each Conky"
    HELP="About and Help"
+    RESET_COLORS="Reset Colors"
+    RESET_CHOOSE="Reset..."
+    RESET_SEP="Resey Colors of ..."
+    RES_OB_WD="OpenBox Window Decorations"
+    RES_CONKY="Conkies"
+    RES_MENU="Menus / Panels"
+    RES_ALL="All <i>(OB, menus, conky)</i>"
    ;;
 esac

@ -257,19 +271,19 @@ mint+=("#6cabcd" "#5b73c4" "#aa876a" "#9d9d9d" "#db9d61" "#c76199" "#8c6ec9" "#c


 out+=("^sep(Mabox Colorizer)")
-out+=("  $SETTINGS,^checkout(settings)")
+out+=("  $SETTINGS,^checkout(settings)")
 LNG=${LANG:0:2}
 if [[ -f "/usr/share/mabox-colorizer/help/$LNG.html" ]];then
-out+=("  $HELP,yhtml /usr/share/mabox-colorizer/help/$LNG.html 'Mabox Help - Colorizer'")
+out+=("  $HELP,yhtml /usr/share/mabox-colorizer/help/$LNG.html 'Mabox Help - Colorizer'")
 else
-out+=("  $HELP,yhtml /usr/share/mabox-colorizer/help/en.html 'Mabox Help - Colorizer'")
+out+=("  $HELP,yhtml /usr/share/mabox-colorizer/help/en.html 'Mabox Help - Colorizer'")
 fi
 out+=("^sep()")
-out+=("  $REGENERATE,^checkout(regen)")
+out+=("北  $REGENERATE,^checkout(regen)")
    out2+=("^tag(regen)")
    out2+=("^sep($REGENERATEALL)")
-    out2+=("   $ASCONFIGURED,w2theme colorize;colorizer -s")
-    out2+=("   $REVERSE,w2theme reverse;colorizer -s")
+    out2+=("   $ASCONFIGURED,w2theme colorize;colorizer -s")
+    out2+=("   $REVERSE,w2theme reverse;colorizer -s")
    #out2+=("^sep($CURRENTCONF)")
    #out2+=("$MENUPANELS [ <b>${wall2themes_menu}</b> ],^checkout(mp)")
    #out2+=("Conky [ <b>${wall2themes_conky}</b> ],^checkout(conky)")
@ -484,10 +498,10 @@ done
 #if [[ "$wall2themes" == "yes" ]];then
 out+=("^sep($RANDWALL)")
 syswallp=$(shopt -s nullglob ; set -- /usr/share/backgrounds/*.{jpg,JPG,jpeg,JPEG,png,PNG} ; echo $#)
-out+=("  $SYSWALLPAPER (<small>${syswallp}</small>),nitrogen --random /usr/share/backgrounds --set-scaled --save;colorizer -s")
+out+=("  $SYSWALLPAPER (<small>${syswallp}</small>),nitrogen --random /usr/share/backgrounds --set-scaled --save;colorizer -s")
 if [[ -d "${user_wallpapers_dir}" ]]; then
 userwallp=$(shopt -s nullglob ; set -- $user_wallpapers_dir/*.{jpg,JPG,jpeg,JPEG,png,PNG} ; echo $#)
-out+=("  $USERWALLPAPER (<small>${userwallp}</small>),nitrogen --random ${user_wallpapers_dir} --set-scaled --save;colorizer -s")
+out+=("  $USERWALLPAPER (<small>${userwallp}</small>),nitrogen --random ${user_wallpapers_dir} --set-scaled --save;colorizer -s")
 fi
 out+=("^sep()")
 out+=("$WALLPAPERS,^checkout(wallpapersettings)")
@ -498,6 +512,15 @@ if [[ "$gradient_obtheme" == "yes" || "$gradient_menu" == "yes" ]];then
    out+=("^sep($GRADIENTS <small>$OBGRAD $MENUGRAD</small>)")
    out+=("<tt><span bgcolor='#16a084'> </span><span bgcolor='#43a480'> </span><span bgcolor='#5da97b'> </span><span bgcolor='#72ad77'> </span><span bgcolor='#84b171'> </span><span bgcolor='#95b66c'> </span><span bgcolor='#a5ba66'> </span><span bgcolor='#b5be61'> </span><span bgcolor='#c3c15a'> </span><span bgcolor='#d1c753'> </span><span bgcolor='#dfc94c'> </span><span bgcolor='#edce44'> </span><span bgcolor='#f4d03f'> </span></tt>  $PRE_GRADIENTS,^pipe(mbgrad)")
 fi
+out+=("^sep($RESET_COLORS)")
+out+=("$RESET_CHOOSE,^checkout(resetroot)")
+out2+=("^tag(resetroot)")
+out2+=("^sep($RESET_SEP)")
+out2+=("$RES_OB_WD,obtctl resetMBcolors;colorizer -s")
+out2+=("$RES_MENU,jgctl reset;colorizer -s")
+out2+=("$RES_CONKY,conkyctl resetcolorsall;colorizer -s")
+out2+=("^sep()")
+out2+=("\"\"\"$RES_ALL\"\"\",obtctl resetMBcolors;conkyctl resetcolorsall;jgctl reset;colorizer -s")

 if [[ "$related_tools" == "show" ]];then
 out+=(". $CUSTOM_COMMANDS_FILE")
@ -509,7 +532,7 @@ fi

 out2+=("^tag(settings)")
 out2+=("^sep($AUTOGEN_THEMES)")
-out2+=("  $AUTOGEN_THEMES [ <b>${wall2themes}</b> ],^checkout(autogen)")
+out2+=("  $AUTOGEN_THEMES [ <b>${wall2themes}</b> ],^checkout(autogen)")
 out3+=("^tag(autogen")
 out3+=("^sep($GENERATETHEMES)")
 out3+=("$YES,mb-setvar wall2themes=yes $CNF_FILE;colorizer -s")
@ -551,23 +574,23 @@ out2+=("$WALLPAPERS,^checkout(wallpapersettings)")
 out3+=("^tag(wallpapersettings)")
 out3+=("^sep($SYSWALLPAPER ($syswallp))")
 out3+=("^sep(<i>/usr/share/backgrounds</i>)")
-out3+=("  $OPENDIR,xdg-open /usr/share/backgrounds")
-out3+=("  $OPENDIR_VIEWNIOR,viewnior /usr/share/backgrounds")
-out3+=("  $SETRANDOM,nitrogen --random /usr/share/backgrounds --set-scaled --save;colorizer -s")
+out3+=("  $OPENDIR,xdg-open /usr/share/backgrounds")
+out3+=("  $OPENDIR_VIEWNIOR,viewnior /usr/share/backgrounds")
+out3+=("  $SETRANDOM,nitrogen --random /usr/share/backgrounds --set-scaled --save;colorizer -s")
 out3+=("^sep($USERWALLPAPER  ($userwallp))")
 if [[ -d "${user_wallpapers_dir}" ]]; then
 # dir exist
 out3+=("^sep(<i>${user_wallpapers_dir}</i>)")
-out3+=("  $OPENDIR ,xdg-open ${user_wallpapers_dir}")
-out3+=("  $OPENDIR_VIEWNIOR ,viewnior ${user_wallpapers_dir}")
-out3+=("  $SETRANDOM,nitrogen --random ${user_wallpapers_dir} --set-scaled --save;colorizer -s")
+out3+=("  $OPENDIR ,xdg-open ${user_wallpapers_dir}")
+out3+=("  $OPENDIR_VIEWNIOR ,viewnior ${user_wallpapers_dir}")
+out3+=("  $SETRANDOM,nitrogen --random ${user_wallpapers_dir} --set-scaled --save;colorizer -s")
 out3+=("^sep()")
-out3+=("  $CHANGE ($EDITCONF),xdg-open $CNF_FILE")
+out3+=("  $CHANGE ($EDITCONF),xdg-open $CNF_FILE")
 else
 # dir not exist
 out3+=("^sep(<i>${user_wallpapers_dir} - $USERDIR_NOT_EXIST</i>")
-out3+=("  $CREATE_USERDIR,mkdir -p ${user_wallpapers_dir};colorizer -s")
-out3+=("  $CHANGE ($EDITCONF),xdg-open $CNF_FILE")
+out3+=("  $CREATE_USERDIR,mkdir -p ${user_wallpapers_dir};colorizer -s")
+out3+=("  $CHANGE ($EDITCONF),xdg-open $CNF_FILE")
 fi
 out2+=("^sep($GRADIENTS)")
 out2+=("$GRAD_OB [ <b>${gradient_obtheme}</b> ],^checkout(grad_ob)")
@ -610,10 +633,10 @@ out3+=("^sep($SHOW_RELATED)")
 out3+=("$SHOW,mb-setvar related_tools=show $CNF_FILE;colorizer -s")
 out3+=("$HIDE,mb-setvar related_tools=hide $CNF_FILE;colorizer -s")
 out3+=("^sep()")
-out3+=("  $EDIT_RELATED,xdg-open $CUSTOM_COMMANDS_FILE")
+out3+=("  $EDIT_RELATED,xdg-open $CUSTOM_COMMANDS_FILE")
 out3+=(" $RESET_RELATED,rm $CUSTOM_COMMANDS_FILE;colorizer -s")
 out2+=("^sep()")
-out2+=("  $EDITCONF,xdg-open $CNF_FILE")
+out2+=("  $EDITCONF,xdg-open $CNF_FILE")
 out2+=("  $RESET,rm $CNF_FILE;colorizer -s")


--- a/bin/conkyctl
+++ b/bin/conkyctl
@ -263,26 +263,33 @@ makemoveableall () {
        pl*)
        TITLE="Przenieś Conky dokąd chcesz"
        DESC="Możesz teraz przesuwać wszystkie Conky.\nPrzytrzymaj wciśnięty klawisz <b>Alt</b> i przesuń każde Conky gdzie chcesz\n "
+        VB="<span foreground='red'>To prawdopodobnie nie zadziała w środowiskach wirtualnych</span>"
        CANCEL="Anuluj"
        SAVE="Zapisz nowe pozycje"
        ;;
        es*)
        TITLE="Move Conkies where you want"
        DESC="Move Conkies to desired locations now...\n Hold <b>Alt</b> and drag Conkies one by one.\n"
+        VB="<span foreground='red'>It will probably not work in Virtual environments</span>"
        CANCEL="Cancel"
        SAVE="Save new positions"
        ;;
        *)
        TITLE="Move Conkies where you want"
        DESC="Move Conkies to desired locations now...\n Hold <b>Alt</b> and drag Conkies one by one.\n"
+        VB="<span foreground='red'>It will probably not work in Virtual environments</span>"
        CANCEL="Cancel"
        SAVE="Save new positions"
        ;;
    esac
+    TYPE=$(cat /sys/class/dmi/id/chassis_type)
+    if [ "$TYPE" != "1" ];then
+    VB=""
+    fi
    cmd=(
    yad --center --borders=20
    --title="$TITLE"
-    --text="$DESC"
+    --text="$DESC\n\n${VB}"
    --button="$CANCEL":1
    --button="$SAVE":0
    )
@ -553,10 +560,10 @@ single () {
    out+=("$NOT_WORKING,conkyctl netdevice")
    fi
    #out+=("^sep($POSITION)")
-    out+=("  $POSITION,^checkout(position)")
+    out+=("  $POSITION,^checkout(position)")
    out2+=("^tag(position)")
    out2+=("^sep($POSITION)")
-    out2+=("  $MARKNEWPOS,conkyctl setpos ${1};$me")
+    out2+=("  $MARKNEWPOS,conkyctl setpos ${1};$me")
    out2+=("^sep()")
    out2+=("$ALIGNMENT [ <b>$POS</b> ],^checkout(posi)")
    out3+=("^tag(posi)")
@ -583,7 +590,7 @@ single () {
    out3+=("${i},conkyctl gap_y ${i} ${1};$me")
    done
    out2+=("^sep()")
-    out2+=("  $MAKEMOVEABLE,conkyctl makemoveableall")
+    out2+=("  $MAKEMOVEABLE,conkyctl makemoveableall")
    
    if [[ "$1" =~ "logo_mbcolor" ]]; then
    read LSIZE <<< "$(grep minimum_height ${1} | cut -d'=' -f2 | cut -d"," -f1)"
@ -728,10 +735,10 @@ single () {
    out2+=("4,conkyctl stippled_borders 4 ${1};$me")
    
    out+=("^sep()")
-    out+=("   $EDIT ${title^},xdg-open ${1}")
-    out+=("   $RELOAD ${title^},conkyctl restartone ${1}")
+    out+=("   $EDIT ${title^},xdg-open ${1}")
+    out+=("北   $RELOAD ${title^},conkyctl restartone ${1}")
    out+=("^sep()")
-    out+=("   $KILL ${title^},conkyctl kill ${1##*/};${me}")
+    out+=("   $KILL ${title^},conkyctl kill ${1##*/};${me}")
 }
 pipemenu () {
    single "$1"
@ -787,12 +794,12 @@ contextmenu () {
    
    #notify-send.sh -t 0 "Window" "z xdotool: ${WINDOW} \n X $X \n Y $Y \n hexid: $hexid \n $CONKYCFG \n ${WINCLR}\n ${name}\n $HOME/.config/mabox/${name}.csv"
    
-    if [ ! -f $HOME/.config/mabox/${name}.csv ]; then
+    #if [ ! -f ${CONKYDIR}/menuscripts/${name}.csv ]; then
    #touch $HOME/.config/mabox/${name}.csv
-    CUSTOMCOMMANDS=""
-    else
-    CUSTOMCOMMANDS=". $HOME/.config/mabox/${name}.csv"
-    fi
+    #CUSTOMCOMMANDS=""
+    #else
+    #CUSTOMCOMMANDS=". ${CONKYDIR}/menuscripts/${name}.csv"
+    #fi
    
    . /usr/share/mb-jgtools/pipemenu-standalone.cfg
    . $HOME/.config/mabox/mabox.conf
@ -811,6 +818,13 @@ contextmenu () {
    
    single "${CONKYCFG}" "s"
    
+    case "$LANG" in
+        pl*)EDIT_CUSTOMCOMMANDS="   Edytuj menu komend (lewy klik menu)";;
+        es*)EDIT_CUSTOMCOMMANDS="   Edit cmd menu (left clik menu)";;
+        *) EDIT_CUSTOMCOMMANDS="   Edit cmd menu (left clik menu)";;
+    esac
+    out+=("^sep()")
+    out+=("<small>$EDIT_CUSTOMCOMMANDS</small>,touch ${CONKYDIR}/menuscripts/${name}.csv;sleep 1;xdg-open ${CONKYDIR}/menuscripts/${name}.csv")
    out+=("^sep()")
    out+=(" ⮜⮜⮜    Colorizer Conky,colorizer-conky -s")
    
@ -859,57 +873,132 @@ contextmenu () {
        echo "color_sep_fg=${CLR} 10" >> ${CONFIG_FILE}
        echo "font=${FONT} 10" >> ${CONFIG_FILE}

-    case "$LANG" in
-        pl*)
-        CUSTOM_COMMANDS_SEP="Własne polecenia"
-        EDIT_CUSTOMCOMMANDS="   Edytuj własne polecenia"
-        ;;
-        es*)
-        CUSTOM_COMMANDS_SEP="Custom commands"
-        EDIT_CUSTOMCOMMANDS="   Edit custom commands"
-        ;;
-        *)
-        CUSTOM_COMMANDS_SEP="Custom commands"
-        EDIT_CUSTOMCOMMANDS="   Edit custom commands"
-        ;;
-    esac
-if [ -f $HOME/.config/mabox/${name}.csv ]; then
-LINES=$(cat $HOME/.config/mabox/${name}.csv|wc -l)
-if [ "$LINES" -gt "0" ]; then
 cat <<EOF > ${MENU_ITEMS}
-
 $(printf '%s\n' "${out[@]}")
-^sep($CUSTOM_COMMANDS_SEP)
-<small>$EDIT_CUSTOMCOMMANDS</small>,touch ~/.config/mabox/${name}.csv;sleep 1;xdg-open ~/.config/mabox/${name}.csv
-^sep()
-${CUSTOMCOMMANDS}
 $(printf '%s\n' "${out2[@]}")
 $(printf '%s\n' "${out3[@]}")
 EOF
-else
-cat <<EOF > ${MENU_ITEMS}
-$(printf '%s\n' "${out[@]}")
-^sep($CUSTOM_COMMANDS_SEP)
-${CUSTOMCOMMANDS}
-<small>$EDIT_CUSTOMCOMMANDS</small>,touch ~/.config/mabox/${name}.csv;sleep 1;xdg-open ~/.config/mabox/${name}.csv
-$(printf '%s\n' "${out2[@]}")
-$(printf '%s\n' "${out3[@]}")
-EOF
-fi
-else
-cat <<EOF > ${MENU_ITEMS}
-$(printf '%s\n' "${out[@]}")
-^sep($CUSTOM_COMMANDS_SEP)
-<small>$EDIT_CUSTOMCOMMANDS</small>,touch ~/.config/mabox/${name}.csv;sleep 1;xdg-open ~/.config/mabox/${name}.csv
-${CUSTOMCOMMANDS}
-$(printf '%s\n' "${out2[@]}")
-$(printf '%s\n' "${out3[@]}")
-EOF
-fi

 jgmenu --config-file=${CONFIG_FILE} --csv-file=${MENU_ITEMS} 2>/dev/null
    
 }
+
+cmdmenu () {
+    mkdir -p "${CONKYDIR}"/menuscripts
+    # get conky config path from clicked "conky window"
+    eval $(xdotool getmouselocation --shell)
+    eval $(xdotool getwindowgeometry --shell ${WINDOW})
+    hexid=$(wmctrl -lpG | grep ${X} |grep ${Y}|grep ${WIDTH}|grep ${HEIGHT} |cut -d' ' -f1)
+    CONKYCFG=$(xprop -id ${hexid}|grep WM_COMMAND|cut -d'"' -f6)
+    filename=${CONKYCFG##*/}
+    name=${filename%%_mb*}
+    title=${name//_/ }
+    #notify-send.sh "${X} ${Y}" "${WIDTH} ${HEIGHT}"
+    # if script exist run it and exit
+    if [ -f "${CONKYDIR}/menuscripts/${name}" ];then
+    bash "${CONKYDIR}/menuscripts/${name}"
+    exit 0
+    fi
+    
+    if [ -f ${CONKYDIR}/menuscripts/${name}.csv ]; then
+        LINES=$(grep  -Ev "^#|^$" ${CONKYDIR}/menuscripts/${name}.csv|wc -l)
+        notify-send.sh "$LINES"
+        if [ ${LINES} != 0 ]; then
+        CUSTOMCOMMANDS=". ${CONKYDIR}/menuscripts/${name}.csv"
+        else
+        contextmenu
+        fi
+    else
+        contextmenu
+    fi
+    
+    #notify-send.sh "Conky cmdmenu" "${filename}\n${name}\n${title}"
+    # otherwise build and show standalone menu with custom commands
+   
+    sleep .2
+    read WINTRANS <<< "$(grep own_window_transparent ${CONKYCFG} | cut -d'=' -f2 | cut -d"," -f1)"
+    read FONTDEF <<< "$(grep "font .*=.*,$" ${CONKYCFG} | cut -d'=' -f2,3 |cut -d"'" -f2)"
+    FONT=${FONTDEF%:*}
+    FONTSIZE=${FONTDEF#*=}
+    read WINCLR <<< "$(grep own_window_colour ${CONKYCFG} | cut -d'=' -f2 | cut -d"'" -f2)"
+    [[ $WINCLR =~ ^#.* ]] && : || WINCLR="#${WINCLR}"
+    read CLR <<< "$(grep default_color ${CONKYCFG} | cut -d'=' -f2 | cut -d"'" -f2)"
+    [[ $CLR =~ ^#.* ]] && : || CLR="#${CLR}"
+    
+    
+    
+    . /usr/share/mb-jgtools/pipemenu-standalone.cfg
+    . $HOME/.config/mabox/mabox.conf
+    CONFIG_FILE=$(mktemp)
+    MENU_ITEMS=$(mktemp)
+    trap "rm -f ${CONFIG_FILE} ${MENU_ITEMS}" EXIT
+    POSITION_MODE=${1:-pointer}
+    #POSITION_MODE=fixed
+    HIDE_BACK_ITEMS=1
+    menu_gradient_pos=none
+    jgtools_padding=4
+    MENU_PADDING_TOP=${jgtools_padding:-0}
+    JGWIDTH=270
+    TABS="90"
+    jgmenu_icon_size=0
+    
+     mkconfigfile
+        
+        echo "color_menu_bg_to=${WINCLR} 100" >> ${CONFIG_FILE}
+        TXTCOLOR=$(pastel textcolor ${WINCLR}|pastel format hex)
+        #notify-send.sh "TXTCOLOR" "${TXTCOLOR} ${menu_gradient_pos}"
+        if [ "$TXTCOLOR" == "#ffffff" ];then #bg is dark
+        TXTCOLOR_NORM="#cccccc"
+        WINCLR=$(pastel lighten 0.03 ${WINCLR}|pastel format hex)
+        echo "color_norm_fg=${TXTCOLOR_NORM} 100" >> ${CONFIG_FILE}
+        echo "color_sel_fg=${TXTCOLOR} 100" >> ${CONFIG_FILE}
+        echo "color_title_fg=${TXTCOLOR} 60" >> ${CONFIG_FILE}
+        SELBG=$(pastel darken 0.1 ${WINCLR}|pastel format hex)
+        echo "color_sel_bg=${SELBG} 80" >> ${CONFIG_FILE}
+        echo "color_title_bg=${SELBG} 30" >> ${CONFIG_FILE}
+        echo "color_title_border=${SELBG} 60" >> ${CONFIG_FILE}
+        else #bg is light
+        TXTCOLOR_NORM="#333333"
+        echo "color_norm_fg=${TXTCOLOR_NORM} 100" >> ${CONFIG_FILE}
+        echo "color_sel_fg=${TXTCOLOR} 100" >> ${CONFIG_FILE}
+        echo "color_title_fg=${TXTCOLOR} 90" >> ${CONFIG_FILE}
+        SELBG=$(pastel darken 0.1 ${WINCLR}|pastel format hex)
+        echo "color_sel_bg=${SELBG} 80" >> ${CONFIG_FILE}
+        echo "color_title_bg=${SELBG} 90" >> ${CONFIG_FILE}
+        echo "color_title_border=${SELBG} 90" >> ${CONFIG_FILE}
+        fi
+        echo "color_menu_bg=${WINCLR} 90" >> ${CONFIG_FILE}
+        echo "color_menu_border=${CLR} 60" >> ${CONFIG_FILE}
+        echo "menu_border=1" >> ${CONFIG_FILE}
+        echo "menu_radius=0" >> ${CONFIG_FILE}
+       
+        echo "color_sep_fg=${CLR} 10" >> ${CONFIG_FILE}
+        echo "font=${FONT} 10" >> ${CONFIG_FILE}
+        echo "sub_spacing=3" >> ${CONFIG_FILE}
+        echo "menu_margin_x=3" >> ${CONFIG_FILE}
+        echo "menu_margin_y=3" >> ${CONFIG_FILE}
+      #notify-send.sh "CFG" "$(cat $CONFIG_FILE)"
+      case "$LANG" in
+        pl*)
+        CUSTOM_COMMANDS_SEP="Własne polecenia"
+        EDIT_CUSTOMCOMMANDS="   Edytuj menu"
+        ;;
+        es*)
+        CUSTOM_COMMANDS_SEP="Custom commands"
+        EDIT_CUSTOMCOMMANDS="   Edit menu"
+        ;;
+        *)
+        CUSTOM_COMMANDS_SEP="Custom commands"
+        EDIT_CUSTOMCOMMANDS="   Edit menu"
+        ;;
+    esac
+cat <<EOF > ${MENU_ITEMS}
+${CUSTOMCOMMANDS}
+EOF
+
+jgmenu --config-file=${CONFIG_FILE} --csv-file=${MENU_ITEMS} 2>/dev/null
+}
+
 netdevice () {
 CFGFILE="$HOME/.config/conky/Network_mbcolor.conkyrc"
 rm /tmp/xx*
@ -918,6 +1007,7 @@ cd /tmp
 csplit -s ${CFGFILE} /conky.text/

 #IFACE=$(ip route get 8.8.8.8 | awk -- '{printf $5}')
+# thanks @sng :)
 IFACE=$(ip route get 8.8.8.8 | awk '{for(i=1; i<NF; i++) {if($i=="dev") dev=i+1} print $dev}')
 case "$LANG" in
    pl*)
@ -1131,6 +1221,7 @@ case "$1" in
    kill) kill "$2";;
    restartone) restartone "$2";;
    contextmenu) contextmenu;;
+    cmdmenu) cmdmenu;;
    makemoveableall) makemoveableall;;
    saveposall) saveposall;;
    resetcolorsall) resetcolorsall ;;
--- a/bin/obtctl
+++ b/bin/obtctl
@ -6,6 +6,12 @@ OBTHEME=$(awk '/<theme>/ {while (getline n) {if (match(n, /<name>/))
 THEMEDIR="$HOME/.themes/$OBTHEME/openbox-3"
 THEMERC="$HOME/.themes/$OBTHEME/openbox-3/themerc"

+MBCOLORSDIR="$HOME"/.themes/MBcolors/openbox-3/
+if [ ! -d "$MBCOLORSDIR" ]; then
+mkdir -p ${MBCOLORSDIR}
+rsync -a /usr/share/mabox-colorizer/themes/MBcolors/openbox-3/* ${MBCOLORSDIR}/
+fi
+
    if [ ! -f "${THEMERC}.bak" ]; then
    cp ${THEMERC} ${THEMERC}.bak
    fi
@ -17,9 +23,29 @@ reset () {
    rm ${THEMERC}
    mv ${THEMERC}.bak ${THEMERC}
 }
-
+resetMBcolors() {
+    theme MBcolors
+    rsync -a /usr/share/mabox-colorizer/themes/MBcolors/openbox-3/* ${MBCOLORSDIR}/
+}
+    
 borderWidth () {
-    sd "^border.width:.*$" "border.width: $1" ${THEMERC}
+    case "$1" in
+        increase)
+        read BWIDTH <<< "$(grep border.width: ${THEMERC} | cut -d':' -f2)"
+        BWIDTH=$((BWIDTH+1))
+        sd "^border.width:.*$" "border.width: ${BWIDTH}" ${THEMERC}
+        ;;
+        decrease)
+        read BWIDTH <<< "$(grep border.width: ${THEMERC} | cut -d':' -f2)"
+        if [ "$BWIDTH" -gt "0" ];then
+        BWIDTH=$((BWIDTH-1))
+        sd "^border.width:.*$" "border.width: ${BWIDTH}" ${THEMERC}
+        fi
+        ;;
+        0|1|2|3|4|5|6|7|8)
+        sd "^border.width:.*$" "border.width: $1" ${THEMERC}
+        ;;
+    esac
 }
 activeborderColor () {
    sd "\.active.border.color:.*$" ".active.border.color: $1" ${THEMERC}
@ -28,8 +54,27 @@ inactiveborderColor () {
    sd "\.inactive.border.color:.*$" ".inactive.border.color: $1" ${THEMERC}
 }
 paddingHeight () {
-    sd "^padding.height:.*$" "padding.height: $1" ${THEMERC}
-    sd "^padding.width:.*$" "padding.width: $1" ${THEMERC}
+    case "$1" in
+        increase)
+        read PHEIGHT <<< "$(grep ^padding.height: ${THEMERC} | cut -d':' -f2)"
+        PHEIGHT=$((PHEIGHT+1))
+        sd "^padding.height:.*$" "padding.height: ${PHEIGHT}" ${THEMERC}
+        sd "^padding.width:.*$" "padding.width: ${PHEIGHT}" ${THEMERC}
+        ;;
+        decrease)
+        read PHEIGHT <<< "$(grep ^padding.height: ${THEMERC} | cut -d':' -f2)"
+        if [ "$PHEIGHT" -gt "0" ];then
+        PHEIGHT=$((PHEIGHT-1))
+        sd "^padding.height:.*$" "padding.height: ${PHEIGHT}" ${THEMERC}
+        sd "^padding.width:.*$" "padding.width: ${PHEIGHT}" ${THEMERC}
+        fi
+        ;;
+        0|1|2|3|4|6|8|10|12|16|20)
+        sd "^padding.height:.*$" "padding.height: $1" ${THEMERC}
+        sd "^padding.width:.*$" "padding.width: $1" ${THEMERC}
+        ;;
+    esac
+    
 }
 paddingWidth () {
    sd "^padding.width:.*$" "padding.width: $1" ${THEMERC}
@ -253,16 +298,23 @@ fontsize () {
    case "$1" in
        increase)
        SIZE=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:size'  "$cfg")
+        if [ "$SIZE" -lt "21" ];then
        ((SIZE=SIZE+1))
        xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:size' -v "$SIZE" "$cfg"
+        xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:size' -v "$SIZE" "$cfg"
+        fi
        ;;
        decrease)
        SIZE=$(xmlstarlet sel -N a="$nspace" -t -v '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:size'  "$cfg")
-        ((SIZE=SIZE-1))
-        xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:size' -v "$SIZE" "$cfg"
+        if [ "$SIZE" -gt "7" ];then
+            ((SIZE=SIZE-1))
+            xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:size' -v "$SIZE" "$cfg"
+            xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:size' -v "$SIZE" "$cfg"
+        fi
        ;;
        *)
        xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="ActiveWindow"]/a:size' -v "$1" "$cfg"
+        xmlstarlet ed -L -N a="$nspace" -u '/a:openbox_config/a:theme/a:font[@place="InactiveWindow"]/a:size' -v "$1" "$cfg"
        ;;
    esac
 }
@ -290,6 +342,7 @@ fontslanttoggle (){
 case "$1" in
    theme) theme "$2";;
    reset) reset;;
+    resetMBcolors) resetMBcolors;;
    borderWidth) borderWidth "$2";;
    activeborderColor) activeborderColor "$2";;
    inactiveborderColor) inactiveborderColor "$2";;
--- a/share/mabox-colorizer/help/en.html
+++ b/share/mabox-colorizer/help/en.html
@ -23,22 +23,24 @@ div.fixeddown {
 .w3-bar-block .w3-btn {width: 100px;text-align:center;}
 .w3-bar-block .w3-btn:hover {background-color:white;color:gray;}
 .w3-dropdown-content {min-width: 20px;}
+a.w3-tag {color: transparent; border:1px solid #666666; margin-bottom:4px;}
+a.w3-tag:hover {color: transparent; border:1px solid #EEEEEE;margin-bottom:4px;}
+p a.w3-tag {text-decoration:none; border:none;}
+p a.w3-tag:hover {text-decoration:none; border:none;}
 </style>
 <body>

 <div class="w3-sidebar w3-bar-block w3-dark-grey w3-card" style="width:160px">
 <div class="w3-center w3-margin"><img src="./img/colorizer.png" class="link" title="Colorizer" onclick="openTab(event, 'Colorizer')"></div>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Colorizer')">Colorizer</button>
-  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Wall2theme')">Theme Generation</button>
+  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Wall2theme')">Auto Theming</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Openbox')">Openbox Theme</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Jgmenu')">Menu/Sidepanels</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Conky')">Conky</button>
-  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Wallpapers')">Wallpapers</button>
-  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Gradients')">Gradients</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Tint2')">Tint2 Panel</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Terminal')">Terminal theme</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Save')">Save and Restore</button>
-  <a class="w3-button w3-round w3-tiny w3-lime w3-margin" href="run://colorizer -s"> Colorizer</a>
+  <a class="w3-button w3-round w3-small w3-lime w3-hover-yellow w3-margin" href="run://colorizer -s">  Colorizer</a>
 </div>

 <div style="margin-left:160px;" class="w3-small">
@ -57,8 +59,7 @@ div.fixeddown {
   <li><strong><span class="w3-tag w3-round w3-tiny w3-green link" onclick="openTab(event, 'Conky')">Conkies</span></strong></li>
   <li><strong>PyRadio</strong> - Internet Radio Player</li>
   </ul></p>
-   <p><strong><span class="w3-tag w3-round w3-tiny w3-green link" onclick="openTab(event, 'Wall2theme')">Automatically generate themes</span></strong> for all above <strong>from Wallpaper colors</strong> <span class="w3-tag w3-round w3-red">New!</span></p>
-  <a class="w3-button w3-round w3-small w3-lime w3-margin" href="run://colorizer -s"> Colorizer</a>
+   <strong><span class="w3-tag w3-round w3-tiny w3-green link" onclick="openTab(event, 'Wall2theme')">Automatically generate themes</span></strong> for all above <strong>from Wallpaper colors</strong> <span class="w3-tag w3-round w3-red">New!</span>
  </div>
  <div class="fixeddown">
      <div class="w3-bar w3-tiny">
@ -71,23 +72,31 @@ div.fixeddown {
 </div>
  </section>
  <section id="Wall2theme" class="w3-container tab" style="display:none;min-height:100vh;">
-      <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://colorizer -s"> Colorizer</a></div>
-<h2>Generating themes from wallpaper</h2>
-<p></p>
+      <div class="fixed"><a class="w3-button w3-round w3-small w3-lime w3-hover-yellow w3-margin w3-display-topright" href="run://colorizer -s"> Colorizer</a></div>
+<h2>Auto theming</h2>
+<p>Colorizer automatically generates a color palette from the currently set wallpaper.</p>
+  <h3>Automatic themes generation</h3>
+  <p>Colorizar will automatically generate themes after wallpaper change (if configured, see:<br /> <b>Colorizer</b> -> <b>Settings</b> -> <b>Autogenerate themes</b></p>
+  <p>For fast preview do not use Nitrogen GUI, better use:</p>
+  <ul>
+  <li>Random wallpaper option from Colorizer (sysytem or users wallpapers)</li>
+  <li>any option from Wallpaper menu should work (also slideshow)</li>
+  <li>you can also set wallpaper from file manager image context menu</li>
+  </ul>
+  <p></p>
 </section>
  <section id="Openbox" class="w3-container tab" style="display:none;min-height:100vh;">
-    <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://colorizer-ob -s"> OBtheme module</a></div>
+    <div class="fixed"><a class="w3-button w3-round w3-small w3-lime w3-hover-yellow w3-margin w3-display-topright" href="run://colorizer-ob -s"> OBtheme menu</a></div>
    <h2>Openbox theme</h2>
 <p>The Openbox module allows you to easily customize the appearance of window decorations.</p>
-<p>It works with <strong>MBcolors theme</strong> - defaut one.</p>
+<p>It works only with special theme - <strong>MBcolors</strong> <a class="w3-tag w3-round w3-green w3-tiny" href="run://obtctl theme MBcolors">switch to</a> <a class="w3-tag w3-round w3-green w3-tiny" href="run://obtctl resetMBcolors">Reset MBcolors</a></p>

 <p>You can change most of basic settings directly from this help screen.</p>
-<p>For much more options, fine-tunning and colors choices launch OBtheme module.</p>

-<div class="w3-bar w3-border w3-round w3-dark-grey w3-margin-bottom">
-            <span class="w3-bar-item w3-border-right w3-black">Quickly set:</span>
+<div class="w3-show-inline-block">
+<div class="w3-bar w3-border w3-round w3-dark-grey">
            <div class="w3-dropdown-hover">
-                <button class="w3-button w3-small w3-border-right">Border</button>
+                <button class="w3-button w3-small w3-border-right">  Window Border</button>
                <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 0">0</a>
                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 1">1</a>
@ -97,8 +106,14 @@ div.fixeddown {
                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 8">8</a>
                </div>
            </div>
+            <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl borderWidth increase">+</a>
+            <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl borderWidth decrease">-</a>
+</div>
+</div>       
+<div class="w3-show-inline-block">
+<div class="w3-bar w3-border w3-round w3-dark-grey">
            <div class="w3-dropdown-hover">
-                <button class="w3-button w3-small w3-border-right">Padding</button>
+                <button class="w3-button w3-small w3-border-right">  Title Padding</button>
                <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 0">0</a>
                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 1">1</a>
@ -113,14 +128,24 @@ div.fixeddown {
                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 20">20</a>
                </div>
            </div>
+            <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl paddingHeight increase">+</a>
+            <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl paddingHeight decrease">-</a>
+</div>
+</div> 
+<div class="w3-show-inline-block">
+<div class="w3-bar w3-border w3-round w3-dark-grey">
            <div class="w3-dropdown-hover">
-                <button class="w3-button w3-small w3-border-right">Titlebar style</button>
+                <button class="w3-button w3-small w3-border-right">Title bar style</button>
                <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl raised 1">raised</a>
                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl raised 0">flat</a>
                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl raised 2">sunken</a>
                 </div>
            </div>
+</div>
+</div> 
+<div class="w3-show-inline-block">
+<div class="w3-bar w3-border w3-round w3-dark-grey">
            <div class="w3-dropdown-hover">
                <button class="w3-button w3-small w3-border-right">Buttons</button>
                <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
@ -131,7 +156,19 @@ div.fixeddown {
                 </div>
            </div>
 </div>
-            <h5>Window title settings</h5>
+</div>
+            <div class="w3-large w3-panel w3-display-container">Window title
+            <div class="w3-display-topright w3-medium"><span class="w3-tiny">font color:</span>
+            <a class="w3-tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#222222" href="run://obtctl activetextcolor #333333">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000">&nbsp;&nbsp;</a>
+            &nbsp;&nbsp;    &nbsp;&nbsp;    &nbsp;&nbsp; 
+            </div>
+</div>
            <!-- FONT FAMILY AND SIZE //-->
             <div class="w3-show-inline-block">
                <div class="w3-bar w3-border w3-round w3-dark-grey">
@ -153,27 +190,27 @@ div.fixeddown {
                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl fontsize increase">+</a>
                    <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl fontsize decrease">-</a>
                </div>
-            </div>
+            </div>&nbsp;
            <!-- WEIGHT AND SLANT: BOLD ITALIC //-->
            <div class="w3-show-inline-block">
                <div class="w3-bar w3-border w3-round w3-dark-grey">
-                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl fontweighttoggle"><strong>B</strong></a>
-                    <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl fontslanttoggle"><em>I</em></a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl fontweighttoggle"></a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl fontslanttoggle"></a>
                </div>
-            </div>
+            </div>&nbsp;
            <!-- TEXT JUSTIFY //-->
            <div class="w3-show-inline-block">
                <div class="w3-bar w3-border w3-round w3-dark-grey">
-                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl textjustify left"></a>
-                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl textjustify center"></a>
-                    <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl textjustify right"></a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl textjustify left"></a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl textjustify center"></a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl textjustify right"></a>
                </div>
-            </div>
+            </div>&nbsp;
            <!-- SHADOW EFFECT //-->
            <div class="w3-show-inline-block">
-                <div class="w3-bar w3-border w3-round w3-dark-grey">
-                    <div class="w3-dropdown-hover">
-                    <button class="w3-button w3-small w3-border-right">shadow</button>
+                <div class="w3-bar w3-border w3-round">
+                    <div class="w3-dropdown-hover w3-dark-grey">
+                    <button class="w3-button w3-small">shadow</button>
                        <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl shadow 0">no shadow</a>
                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl shadow 1">dark</a>
@ -183,104 +220,75 @@ div.fixeddown {
                </div>
            </div>    
                
-    <div class="w3-row-padding w3-margin-top">
+    <div class="w3-row w3-margin-top">
        <div class="w3-col m5 w3-black w3-round">
-              <h5>Active window titlebar color</h5>
-              <p class="w3-center">
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#DDDDDD" href="run://obtctl clractivebg #DDDDDD">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#a4c400" href="run://obtctl clractivebg #a4c400">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#60a917" href="run://obtctl clractivebg #60a917">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#008a00" href="run://obtctl clractivebg #008a00">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#00aba9" href="run://obtctl clractivebg #00aba9">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#1ba1e2" href="run://obtctl clractivebg #1ba1e2">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#3e65ff" href="run://obtctl clractivebg #3e65ff">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#0050ef" href="run://obtctl clractivebg #0050ef">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#6a00ff" href="run://obtctl clractivebg #6a00ff">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#aa00ff" href="run://obtctl clractivebg #aa00ff">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#f472d0" href="run://obtctl clractivebg #f472d0">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#d80073" href="run://obtctl clractivebg #d80073">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#a20025" href="run://obtctl clractivebg #a20025">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#e51400" href="run://obtctl clractivebg #e51400">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#fa6800" href="run://obtctl clractivebg #fa6800">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#f0a30a" href="run://obtctl clractivebg #f0a30a">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#e3c800" href="run://obtctl clractivebg #e3c800">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#825a2c" href="run://obtctl clractivebg #825a2c">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#6d8764" href="run://obtctl clractivebg #6d8764">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#647687" href="run://obtctl clractivebg #647687">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#76608a" href="run://obtctl clractivebg #76608a">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#87794e" href="run://obtctl clractivebg #87794e">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#a0522d" href="run://obtctl clractivebg #a0522d">&nbsp;</a>
-              <a class="w3-btn w3-circle w3-tiny w3-margin-bottom" style="background-color:#222222" href="run://obtctl clractivebg #222222">&nbsp;</a>
+              <h5 class="w3-center">Title bar color</h5>
+              <p class="w3-center">for active window</p>
+              <div class="w3-center w3-padding">
+              <a class="w3-tag w3-large" style="background-color:#DDDDDD" href="run://obtctl clractivebg #DDDDDD">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#a4c400" href="run://obtctl clractivebg #a4c400">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#60a917" href="run://obtctl clractivebg #60a917">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#008a00" href="run://obtctl clractivebg #008a00">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#00aba9" href="run://obtctl clractivebg #00aba9">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#1ba1e2" href="run://obtctl clractivebg #1ba1e2">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#3e65ff" href="run://obtctl clractivebg #3e65ff">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#0050ef" href="run://obtctl clractivebg #0050ef">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#6a00ff" href="run://obtctl clractivebg #6a00ff">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#aa00ff" href="run://obtctl clractivebg #aa00ff">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#f472d0" href="run://obtctl clractivebg #f472d0">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#d80073" href="run://obtctl clractivebg #d80073">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#a20025" href="run://obtctl clractivebg #a20025">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#e51400" href="run://obtctl clractivebg #e51400">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#fa6800" href="run://obtctl clractivebg #fa6800">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#f0a30a" href="run://obtctl clractivebg #f0a30a">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#e3c800" href="run://obtctl clractivebg #e3c800">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#825a2c" href="run://obtctl clractivebg #825a2c">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#6d8764" href="run://obtctl clractivebg #6d8764">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#647687" href="run://obtctl clractivebg #647687">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#76608a" href="run://obtctl clractivebg #76608a">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#87794e" href="run://obtctl clractivebg #87794e">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#a0522d" href="run://obtctl clractivebg #a0522d">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#222222" href="run://obtctl clractivebg #222222">&nbsp;&nbsp;</a>
+            </div>
+                    <p class="w3-padding"><em>Note!</em><br />
+            Changing the background color will also set:<br />
+            - border color to the same color<br />
+            - BGCOLOR_TO color for a subtle gradient
            </p>
-            
        </div>
-        <div class="w3-col m7">
-            <h5>Gradients</h5>
+        <div class="w3-col m1">&nbsp;</div>
+        <div class="w3-col w3-black m6 w3-round">
+            <h5 class="w3-center">Gradient type</h5>
+            <p class="w3-center">
+            <a href="run://obtctl gradient solid"><img src="./img/solid.png"></a>
+            <a href="run://obtctl gradient vertical"><img src="./img/vertical.png"></a>
+            <a href="run://obtctl gradient horizontal"><img src="./img/horizontal.png"></a>
+            <a href="run://obtctl gradient mirrorhorizontal"><img src="./img/mirrorhorizontal.png"></a>
+            <a href="run://obtctl gradient splitvertical"><img src="./img/splitvertical.png"></a>
+            <a href="run://obtctl gradient diagonal"><img src="./img/diagonal.png"></a>
+            <a href="run://obtctl gradient crossdiagonal"><img src="./img/crossdiagonal.png"></a>
+            <a href="run://obtctl gradient pyramid"><img src="./img/pyramid.png"></a>
+</p>
+<p class="w3-padding">More than 300 beautifull pre-defined gradients are available from Colorizer OBtheme menu.</p>
        </div>
 </div> 

-<em>Note!<br />
-            Changing the background color will also set:
-            <ul>
-            <li>border color to the same color</li>
-            <li>computed BGCOLOR_TO color for a subtle gradient</li>
-            </ul>
-            You can change them to you liking afterwards.
-</em>
+<p></p>
+<p>For much more options, fine-tunning and colors choices launch <a class="w3-tag w3-round w3-green w3-small w3-hover-yellow" href="run://colorizer-ob -s"> OBtheme menu</a></p>

-<h4>Gradients</h4>
-<p>Openbox title bar can use various types of gradients...</p>
-<table class="w3-table w3-bordered w3-dark-grey w3-small">
-    <tr class="w3-teal">
-      <th>Gradient type</th>
-      <th>Image (click to apply)</th>
-    </tr>
-    <tr>
-      <td>Solid color (no gradient)</td>
-      <td><a href="run://obtctl gradient solid"><img src="./img/solid.png"></a></td>
-    </tr>
-    <tr>
-      <td>Vertical</td>
-      <td><a href="run://obtctl gradient vertical"><img src="./img/vertical.png"></a></td>
-    </tr>
-    <tr>
-      <td>Horizontal</td>
-      <td><a href="run://obtctl gradient horizontal"><img src="./img/horizontal.png"></a></td>
-    </tr>
-    <tr>
-      <td>MirrorHorizontal</td>
-      <td><a href="run://obtctl gradient mirrorhorizontal"><img src="./img/mirrorhorizontal.png"></a></td>
-    </tr>
-    <tr>
-      <td>SplitVertical</td>
-      <td><a href="run://obtctl gradient splitvertical"><img src="./img/splitvertical.png"></a></td>
-    </tr>
-    <tr>
-      <td>Diagonal</td>
-      <td><a href="run://obtctl gradient diagonal"><img src="./img/diagonal.png"></a></td>
-    </tr>
-    <tr>
-      <td>CrossDiagonal</td>
-      <td><a href="run://obtctl gradient crossdiagonal"><img src="./img/crossdiagonal.png"></a></td>
-    </tr>
-    <tr>
-      <td>Pyramid</td>
-      <td><a href="run://obtctl gradient pyramid"><img src="./img/pyramid.png"></a></td>
-    </tr>
-    </table>


  </section>

  <section id="Jgmenu" class="w3-container tab" style="display:none;min-height:100vh">
-    <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://colorizer-menus -s"> Menus module</a></div>
+    <div class="fixed"><a class="w3-button w3-round w3-small w3-lime w3-hover-yellow w3-margin w3-display-topright" href="run://colorizer-menus -s"> Menus module</a></div>
    <h2>Menu / Sidepanels</h2>
  <p>Menu / Sidepanels module ...</p>
  </section>
  
  
  <section id="Conky" class="w3-container tab" style="display:none;min-height:100vh;">
-   <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://colorizer-conky -s"> Conky module</a></div>
+   <div class="fixed"><a class="w3-button w3-round w3-small w3-lime w3-hover-yellow w3-margin w3-display-topright" href="run://colorizer-conky -s"> Conky menu</a></div>
    <h2>Conky</h2>
    <p>Mabox provides nine Conky configs that you can easily customize with the Colorizer Conky module.</p>
    <p>You can easily set up:
@ -309,7 +317,7 @@ div.fixeddown {
  
  <section id="Terminal" class="w3-container tab" style="display:none;min-height:100vh">
    <div class="fixed">
-        <a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="termo://theme.sh -i2">Launch Terminal theme selector</a>
+        <a class="w3-button w3-round w3-tiny w3-lime w3-hover-yellow w3-margin w3-display-topright" href="termo://theme.sh -i2">Launch Terminal theme selector</a>
    </div>
    <h2>Terminal theme</h2>
    <p>Mabox comes with many terminal themes available (~400)</p>
@ -321,35 +329,13 @@ div.fixeddown {
  <h2>Tint2 panel</h2>
  <p>Colorizer module for Tint2 panel is not available yet - but planned</p>
  <p>Use quite powerfull Tint2 config menu for now.</p>
-  <p><a class="w3-button w3-inline w3-round w3-tiny w3-lime" href="run://jgtint2-pipe -s">Tint2 configuration menu</a></p>
+  <p><a class="w3-button w3-inline w3-round w3-small w3-lime w3-hover-yellow " href="run://jgtint2-pipe -s">  Tint2 configuration menu</a></p>
  
-  <p><a class="w3-button w3-inline w3-round w3-tiny w3-lime" href="run://jgtint2launcher -s">Add/Remove Launchers to panel</a></p>
+  <p><a class="w3-button w3-inline w3-round w3-small w3-lime w3-hover-yellow" href="run://jgtint2launcher -s">  Add/Remove Launchers to panel</a></p>
  </section>
-  <section id="Wallpapers" class="w3-container tab" style="display:none;min-height:100vh;">
-      <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://jgwallpaperchanger -c"> Wallpaper Menu</a></div>
-  <h2>Wallpapers</h2>
-  <p>Colorizer automatically generates a color palette from the currently set wallpaper.</p>
-  <h3>Automatic themes generation</h3>
-  <p>Colorizar will automatically generate themes after wallpaper change (if configured, see:<br /> <b>Colorizer</b> -> <b>Settings</b> -> <b>Autogenerate themes</b></p>
-  <p>For fast preview do not use Nitrogen GUI, better use:</p>
-  <ul>
-  <li>Random wallpaper option from Colorizer (sysytem or users wallpapers)</li>
-  <li>any option from Wallpaper menu should work (also slideshow)</li>
-  <li>you can also set wallpaper from file manager image context menu</li>
-  </ul>
-  <p></p>
-  </section>
-  
-  <section id="Gradients" class="w3-container tab" style="display:none;min-height:100vh;">
-      <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://jgwallpaperchanger -c"> Wallpaper Menu</a></div>
-  <h2>Gradients</h2>
-  <p>Colorizer provides over 300 ready-made, beautiful gradients.
-You can use them to decorate your Openbox windows or to set the background of menus / side panels</p>
-  <p></p>
-  </section>
-  
+ 
  <section id="Save" class="w3-container tab" style="display:none;min-height:100vh;">
-      <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://mb-obthemes"> Theme Manager</a></div>
+      <div class="fixed"><a class="w3-button w3-round w3-small w3-lime w3-hover-yellow w3-margin w3-display-topright" href="run://mb-obthemes"> Theme Manager</a></div>
  <h2>Save and Restore</h2>
  <p>If you are satisfied with your configuration, you can save it as a meta-theme so that you can restore it later.</p>
  <p>Theme Manager will save:
@ -362,7 +348,7 @@ You can use them to decorate your Openbox windows or to set the background of me
  <li>Menu / Sidepanels colors</li>
  <li>Tint2 panel</li>
  </ul>
-  </p><a class="w3-button w3-round w3-tiny w3-lime w3-margin" href="run://mb-obthemes"> Theme Manager</a>
+  </p><a class="w3-button w3-round w3-small w3-lime w3-hover-yellow w3-margin" href="run://mb-obthemes"> Theme Manager</a>
  </section>

 
--- a/share/mabox-colorizer/help/img/crossdiagonal.png
+++ b/share/mabox-colorizer/help/img/crossdiagonal.png
--- a/share/mabox-colorizer/help/img/diagonal.png
+++ b/share/mabox-colorizer/help/img/diagonal.png
--- a/share/mabox-colorizer/help/img/horizontal.png
+++ b/share/mabox-colorizer/help/img/horizontal.png
--- a/share/mabox-colorizer/help/img/mirrorhorizontal.png
+++ b/share/mabox-colorizer/help/img/mirrorhorizontal.png
--- a/share/mabox-colorizer/help/img/pyramid.png
+++ b/share/mabox-colorizer/help/img/pyramid.png
--- a/share/mabox-colorizer/help/img/raised.png
+++ b/share/mabox-colorizer/help/img/raised.png
--- a/share/mabox-colorizer/help/img/solid.png
+++ b/share/mabox-colorizer/help/img/solid.png
--- a/share/mabox-colorizer/help/img/splitvertical.png
+++ b/share/mabox-colorizer/help/img/splitvertical.png
--- a/share/mabox-colorizer/help/img/vertical.png
+++ b/share/mabox-colorizer/help/img/vertical.png
--- a/share/mabox-colorizer/help/pl.html
+++ b/share/mabox-colorizer/help/pl.html
@ -20,6 +20,13 @@ div.fixeddown {
    right:0;
 }
 .link {cursor:pointer;}
+.w3-bar-block .w3-btn {width: 100px;text-align:center;}
+.w3-bar-block .w3-btn:hover {background-color:white;color:gray;}
+.w3-dropdown-content {min-width: 20px;}
+a.w3-tag {color: transparent; border:1px solid #666666; margin-bottom:4px;}
+a.w3-tag:hover {color: transparent; border:1px solid #EEEEEE;margin-bottom:4px;}
+p a.w3-tag {text-decoration:none; border:none;}
+p a.w3-tag:hover {text-decoration:none; border:none;}
 </style>
 <body>

@ -30,8 +37,6 @@ div.fixeddown {
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Openbox')">Motyw Openbox</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Jgmenu')">Menu/Panele Boczne</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Conky')">Conky</button>
-  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Wallpapers')">Tapety</button>
-  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Gradients')">Gradienty</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Tint2')">Panel Tint2</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Terminal')">Kolory Terminala</button>
  <button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Save')">Zapisywanie</button>
@ -77,122 +82,192 @@ div.fixeddown {
    <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://colorizer-ob -s">Uruchom moduł Openbox</a></div>
    <h2>Motyw Openbox</h2>
 <p>Moduł Openbox pozwala w łatwy sposób dostosować wygląd dekoracji okien</p>
-<p>Działa z motywem domyślnym MBcolors.</p>
-
-<p>Możesz zmienić niektóre podstawowe ustawienia bezpośrednio z tego ekranu. Aby uzyskać znacznie więcej opcji dostrajania oraz większy wybór kolorów, uruchom moduł Openbox.</p>
-
-<h4>Kolor tła dla aktywnego okna</h4>
-<div class="w3-panel w3-border w3-dark-grey">
-  <p>Możesz zmienić kolor paska tytułowego aktywnego okna, klikając kółka poniżej.</p>
-  <p class="w3-center w3-margin">
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#DDDDDD" href="run://obtctl clractivebg #DDDDDD">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#a4c400" href="run://obtctl clractivebg #a4c400">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#60a917" href="run://obtctl clractivebg #60a917">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#008a00" href="run://obtctl clractivebg #008a00">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#00aba9" href="run://obtctl clractivebg #00aba9">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#1ba1e2" href="run://obtctl clractivebg #1ba1e2">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#3e65ff" href="run://obtctl clractivebg #3e65ff">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#0050ef" href="run://obtctl clractivebg #0050ef">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#6a00ff" href="run://obtctl clractivebg #6a00ff">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#aa00ff" href="run://obtctl clractivebg #aa00ff">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#f472d0" href="run://obtctl clractivebg #f472d0">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#d80073" href="run://obtctl clractivebg #d80073">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#a20025" href="run://obtctl clractivebg #a20025">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#e51400" href="run://obtctl clractivebg #e51400">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#fa6800" href="run://obtctl clractivebg #fa6800">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#f0a30a" href="run://obtctl clractivebg #f0a30a">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#e3c800" href="run://obtctl clractivebg #e3c800">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#825a2c" href="run://obtctl clractivebg #825a2c">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#6d8764" href="run://obtctl clractivebg #6d8764">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#647687" href="run://obtctl clractivebg #647687">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#76608a" href="run://obtctl clractivebg #76608a">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#87794e" href="run://obtctl clractivebg #87794e">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#a0522d" href="run://obtctl clractivebg #a0522d">&nbsp;</a>
-  <a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#222222" href="run://obtctl clractivebg #222222">&nbsp;</a>
-</p>
+<p>Działa z motywem domyślnym MBcolors. <a class="w3-tag w3-round w3-green w3-tiny" href="run://obtctl theme MBcolors">przełącz</a> <a class="w3-tag w3-round w3-green w3-tiny" href="run://obtctl resetMBcolors">Resetuj MBcolors</a></p>
+<p>Możesz szybko zmienić większość ustawieniń bezpośrednio z tego ekranu. Aby uzyskać znacznie więcej opcji dostrajania oraz większy wybór kolorów, uruchom moduł Openbox.</p>
+<div class="w3-show-inline-block">
+<div class="w3-bar w3-border w3-round w3-dark-grey">
+            <div class="w3-dropdown-hover">
+                <button class="w3-button w3-small w3-border-right">  Obramowanie</button>
+                <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
+                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 0">0</a>
+                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 1">1</a>
+                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 2">2</a>
+                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 3">3</a>
+                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 4">4</a>
+                  <a class="w3-bar-item w3-btn" href="run://obtctl borderWidth 8">8</a>
+                </div>
+            </div>
+            <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl borderWidth increase">+</a>
+            <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl borderWidth decrease">-</a>
 </div>
-<em>Zauważ!<br />
-Zmiana koloru paska tytułowego ustawi również:
-<ul>
-<li>taki sam kolor obramowania okna</li>
-<li>kolor dla subtelnego gradientu</li>
-</ul>
-Później możesz je zmienić według własnych upodobań.
-</em>
-<hr />
-<h4>Przyciski</h4>
-<p>Kliknij ikony poniżej, aby zmienić wygląd przyciskw</p>
-<table class="w3-table w3-bordered w3-dark-grey w3-small w3-centered">
-<tr class="w3-teal">
-      <th>Tiny</th>
-      <th>Normal</th>
-      <th>Bold</th>
-      <th>Dots</th>
-    </tr>
-    <tr>
-      <td><a href="run://obtctl buttons tiny"><img src="./img/tiny.png"></a></td>
-      <td><a href="run://obtctl buttons normal"><img src="./img/normal.png"></a></td>
-      <td><a href="run://obtctl buttons bold"><img src="./img/bold.png"></a></td>
-      <td><a href="run://obtctl buttons dots"><img src="./img/dots.png"></a></td>
-    </tr>
-    </table>
-<hr />
-<h4>Gradienty</h4>
-<p>Pasek tytułu Openbox może wykorzystywać różne rodzaje gradientów...</p>
-<table class="w3-table w3-bordered w3-dark-grey w3-small">
-    <tr class="w3-teal">
-      <th>Typ Gradientu</th>
-      <th>Obrazek (kliknij aby zastosować)</th>
-    </tr>
-    <tr>
-      <td>Jednolity kolor (bez gradientu)</td>
-      <td><a href="run://obtctl gradient solid"><img src="./img/solid.png"></a></td>
-    </tr>
-    <tr>
-      <td>W pionie</td>
-      <td><a href="run://obtctl gradient vertical"><img src="./img/vertical.png"></a></td>
-    </tr>
-    <tr>
-      <td>W poziomie</td>
-      <td><a href="run://obtctl gradient horizontal"><img src="./img/horizontal.png"></a></td>
-    </tr>
-    <tr>
-      <td>Lustro Poziome</td>
-      <td><a href="run://obtctl gradient mirrorhorizontal"><img src="./img/mirrorhorizontal.png"></a></td>
-    </tr>
-    <tr>
-      <td>Podział w pionie</td>
-      <td><a href="run://obtctl gradient splitvertical"><img src="./img/splitvertical.png"></a></td>
-    </tr>
-    <tr>
-      <td>Przekątna</td>
-      <td><a href="run://obtctl gradient diagonal"><img src="./img/diagonal.png"></a></td>
-    </tr>
-    <tr>
-      <td>Przekątna krzyżowa</td>
-      <td><a href="run://obtctl gradient crossdiagonal"><img src="./img/crossdiagonal.png"></a></td>
-    </tr>
-    <tr>
-      <td>Piramida</td>
-      <td><a href="run://obtctl gradient pyramid"><img src="./img/pyramid.png"></a></td>
-    </tr>
-    <tr>
-    <th colspan="2" class="w3-teal">Podniesiony, Płaski czy Wklęsły?</th>
-    </tr>
-    <tr>
-      <td>Podniesiony</td>
-      <td><a href="run://obtctl raised 1"><img src="./img/raised.png"></a></td>
-    </tr>
-    <tr>
-      <td>Płaski</td>
-      <td><a href="run://obtctl raised 0"><img src="./img/flat.png"></a></td>
-    </tr>
-    <tr>
-      <td>Wklęsły</td>
-      <td><a href="run://obtctl raised 2"><img src="./img/flat.png"></a></td>
-    </tr>
-    </table>
-<hr />
+</div>       
+<div class="w3-show-inline-block">
+<div class="w3-bar w3-border w3-round w3-dark-grey">
+            <div class="w3-dropdown-hover">
+                <button class="w3-button w3-small w3-border-right">  Odstęp</button>
+                <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 0">0</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 1">1</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 2">2</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 3">3</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 4">4</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 6">6</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 8">8</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 10">10</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 12">12</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 16">16</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl paddingHeight 20">20</a>
+                </div>
+            </div>
+            <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl paddingHeight increase">+</a>
+            <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl paddingHeight decrease">-</a>
+</div>
+</div> 
+<div class="w3-show-inline-block">
+<div class="w3-bar w3-border w3-round w3-dark-grey">
+            <div class="w3-dropdown-hover">
+                <button class="w3-button w3-small w3-border-right">Styl</button>
+                <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl raised 1">podniesiony</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl raised 0">płaski</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl raised 2">wklęsły</a>
+                 </div>
+            </div>
+</div>
+</div> 
+<div class="w3-show-inline-block">
+<div class="w3-bar w3-border w3-round w3-dark-grey">
+            <div class="w3-dropdown-hover">
+                <button class="w3-button w3-small w3-border-right">Przyciski</button>
+                <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl buttons tiny"><img src="./img/tiny.png">tiny</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl buttons normal"><img src="./img/normal.png">normal</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl buttons bold"><img src="./img/bold.png">bold</a>
+                  <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl buttons dots"><img src="./img/dots.png">dots</a>
+                 </div>
+            </div>
+</div>
+</div>
+            <div class="w3-large w3-panel w3-display-container">Tytuł okna
+            <div class="w3-display-topright w3-medium"><span class="w3-tiny">kolor czcionki:</span>
+            <a class="w3-tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#222222" href="run://obtctl activetextcolor #333333">&nbsp;&nbsp;</a>
+            <a class="w3-tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000">&nbsp;&nbsp;</a>
+            &nbsp;&nbsp;    &nbsp;&nbsp;    &nbsp;&nbsp; 
+            </div>
+</div>
+            <!-- FONT FAMILY AND SIZE //-->
+             <div class="w3-show-inline-block">
+                <div class="w3-bar w3-border w3-round w3-dark-grey">
+                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://mb-setfont obtitle">czcionka</a>
+                    <div class="w3-dropdown-hover">
+                        <button class="w3-button w3-small w3-border-right">rozmiar</button>
+                        <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 8">8</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 9">9</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 10">10</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 11">11</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 12">12</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 13">13</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 14">14</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 15">15</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl fontsize 16">16</a>
+                        </div>
+                    </div>
+                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl fontsize increase">+</a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl fontsize decrease">-</a>
+                </div>
+            </div>&nbsp;
+            <!-- WEIGHT AND SLANT: BOLD ITALIC //-->
+            <div class="w3-show-inline-block">
+                <div class="w3-bar w3-border w3-round w3-dark-grey">
+                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl fontweighttoggle"></a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl fontslanttoggle"></a>
+                </div>
+            </div>&nbsp;
+            <!-- TEXT JUSTIFY //-->
+            <div class="w3-show-inline-block">
+                <div class="w3-bar w3-border w3-round w3-dark-grey">
+                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl textjustify left"></a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray w3-border-right" href="run://obtctl textjustify center"></a>
+                    <a class="w3-bar-item w3-btn w3-hover-gray" href="run://obtctl textjustify right"></a>
+                </div>
+            </div>&nbsp;
+            <!-- SHADOW EFFECT //-->
+            <div class="w3-show-inline-block">
+                <div class="w3-bar w3-border w3-round">
+                    <div class="w3-dropdown-hover w3-dark-grey">
+                    <button class="w3-button w3-small">cień</button>
+                        <div class="w3-dropdown-content w3-bar-block w3-border w3-dark-grey w3-card">
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl shadow 0">bez cienia</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl shadow 1">ciemny</a>
+                          <a class="w3-bar-item w3-btn w3-tiny" href="run://obtctl shadow 2">jasny</a>
+                        </div>
+                    </div>
+                </div>
+            </div>    
+                
+    <div class="w3-row w3-margin-top">
+        <div class="w3-col m5 w3-black w3-round">
+              <h5 class="w3-center">Kolor paska tytułu</h5>
+              <p class="w3-center">aktywne okno</p>
+              <div class="w3-center w3-padding">
+              <a class="w3-tag w3-large" style="background-color:#DDDDDD" href="run://obtctl clractivebg #DDDDDD">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#a4c400" href="run://obtctl clractivebg #a4c400">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#60a917" href="run://obtctl clractivebg #60a917">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#008a00" href="run://obtctl clractivebg #008a00">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#00aba9" href="run://obtctl clractivebg #00aba9">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#1ba1e2" href="run://obtctl clractivebg #1ba1e2">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#3e65ff" href="run://obtctl clractivebg #3e65ff">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#0050ef" href="run://obtctl clractivebg #0050ef">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#6a00ff" href="run://obtctl clractivebg #6a00ff">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#aa00ff" href="run://obtctl clractivebg #aa00ff">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#f472d0" href="run://obtctl clractivebg #f472d0">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#d80073" href="run://obtctl clractivebg #d80073">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#a20025" href="run://obtctl clractivebg #a20025">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#e51400" href="run://obtctl clractivebg #e51400">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#fa6800" href="run://obtctl clractivebg #fa6800">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#f0a30a" href="run://obtctl clractivebg #f0a30a">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#e3c800" href="run://obtctl clractivebg #e3c800">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#825a2c" href="run://obtctl clractivebg #825a2c">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#6d8764" href="run://obtctl clractivebg #6d8764">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#647687" href="run://obtctl clractivebg #647687">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#76608a" href="run://obtctl clractivebg #76608a">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#87794e" href="run://obtctl clractivebg #87794e">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#a0522d" href="run://obtctl clractivebg #a0522d">&nbsp;&nbsp;</a>
+              <a class="w3-tag w3-large" style="background-color:#222222" href="run://obtctl clractivebg #222222">&nbsp;&nbsp;</a>
+            </div>
+                    <p class="w3-padding"><em>Note!</em><br />
+            Changing the background color will also set:<br />
+            - border color to the same color<br />
+            - BGCOLOR_TO color for a subtle gradient
+            </p>
+        </div>
+        <div class="w3-col m1">&nbsp;</div>
+        <div class="w3-col w3-black m6 w3-round">
+            <h5 class="w3-center">Typ Gradientu</h5>
+            <p class="w3-center">
+            <a href="run://obtctl gradient solid"><img src="./img/solid.png"></a>
+            <a href="run://obtctl gradient vertical"><img src="./img/vertical.png"></a>
+            <a href="run://obtctl gradient horizontal"><img src="./img/horizontal.png"></a>
+            <a href="run://obtctl gradient mirrorhorizontal"><img src="./img/mirrorhorizontal.png"></a>
+            <a href="run://obtctl gradient splitvertical"><img src="./img/splitvertical.png"></a>
+            <a href="run://obtctl gradient diagonal"><img src="./img/diagonal.png"></a>
+            <a href="run://obtctl gradient crossdiagonal"><img src="./img/crossdiagonal.png"></a>
+            <a href="run://obtctl gradient pyramid"><img src="./img/pyramid.png"></a>
+</p>
+<p class="w3-padding">More than 300 beautifull pre-defined gradients are available from Colorizer OBtheme menu.</p>
+        </div>
+</div> 
+
+<p></p>
+<p>For much more options, fine-tunning and colors choices launch <a class="w3-tag w3-round w3-green w3-small w3-hover-yellow" href="run://colorizer-ob -s"> OBtheme menu</a></p>
+
+

  </section>

@ -247,18 +322,6 @@ Później możesz je zmienić według własnych upodobań.
  
  <p><a class="w3-button w3-inline w3-round w3-tiny w3-lime" href="run://jgtint2launcher -s">Dodaj/Usuń Programy do launchera</a></p>
  </section>
-  <section id="Wallpapers" class="w3-container tab" style="display:none;min-height:100vh;">
-      <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://jgwallpaperchanger -c">Uruchom menu tapet</a></div>
-  <h2>Tapety</h2>
-  <p>Colorizer automatycznie generuje paletę kolorów z aktualnie ustawionej tapety.</p>
-  <p></p>
-  </section>
-    <section id="Gradients" class="w3-container tab" style="display:none;min-height:100vh;">
-      <h2>Gradienty</h2>
-  <p>Colorizer dostarcza ponad 300 gotowych, pięknych gradientów.
-Możesz je wykorzystać do dekoracji okien Openbox lub do ustawienia tła menu / paneli bocznych.</p>
-  <p></p>
-  </section>
  <section id="Save" class="w3-container tab" style="display:none;min-height:100vh;">
      <div class="fixed"><a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://mb-obthemes">Uruchom Manadżera Motywów</a></div>
  <h2>Zapisywanie i przywracanie</h2>