add monocolor
This commit is contained in:
parent
ca2dd9bc5d
commit
89f905268f
@ -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" \
|
||||
|
||||
@ -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()")
|
||||
|
||||
|
||||
@ -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)")
|
||||
|
||||
@ -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)")
|
||||
|
||||
103
bin/conkyctl
103
bin/conkyctl
@ -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
101
bin/jgctl
@ -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";;
|
||||
|
||||
76
bin/obtctl
76
bin/obtctl
@ -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";;
|
||||
|
||||
@ -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"> </a>
|
||||
<a class="tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB"> </a>
|
||||
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917"> </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"> </a>
|
||||
<a class="tag large" style="background-color:#a4c400" href="run://obtctl clractivebg #a4c400"> </a>
|
||||
<a class="tag large" style="background-color:#60a917" href="run://obtctl clractivebg #60a917"> </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"> </a>
|
||||
<a class="tag large" style="background-color:#a4c400" href="run://cavactl foreground #a4c400"> </a>
|
||||
@ -628,7 +731,7 @@ If you add more commands, a menu will be shown.</p>
|
||||
<p> </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> </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;
|
||||
|
||||
@ -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;">
|
||||
<p><a class="tag small indigo" href="run://pcmanwp"> Wybierz tapetę</a> <a class="tag small indigo" href="run://mbwallpaper -o"></a></p>
|
||||
<p><em>Zaawansowane<br />(dynamiczne menu)</em></p>
|
||||
<p><em>dynamiczne menu</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>
|
||||
@ -102,20 +144,13 @@ p.black a {font-size:2.4vw !important;}
|
||||
<a class="tag small lime" href="run://colorizer-cava -s"> Cava</a>
|
||||
<a class="tag small lime" href="run://colorizer-pyradio -s"> PyRadio</a>
|
||||
</p>
|
||||
|
||||
<!--<a class="button bar-item tiny tooltip lime" style="margin-top:0;" href="run://pcmanwp"><span class="right large"></span>Wybierz tapetę<span class="text tag medium round" style="position:fixed;left:19%;bottom:20px;">Wybierz i ustaw tapetę za pomocą menu kontekstowego</span></a>
|
||||
<a class="button bar-item tiny tooltip khaki" style="margin-top:1px;" href="run://colorizer -s"><span class="right large"></span>Colorizer Menu<span class="text tag medium round" style="position:fixed;left:19%;bottom:20px;">Colorizer Menu główne (zaawansowane)</span></a>
|
||||
<a class="button bar-item tiny tooltip amber" style="margin-top:0;" href="run://colorizer-ob -s"><span class="right large"> </span>Moduł Openbox<span class="text tag medium round" style="position:fixed;left:19%;bottom:20px;">Konfiguracja Dekoracji Okien Openbox</span></a>
|
||||
<a class="button bar-item tiny tooltip orange" style="margin-top:0;" href="run://colorizer-menus -s"><span class="right large"></span>Moduł Menu<span class="text tag medium round" style="position:fixed;left:19%;bottom:20px;">Zmiana kolorystyki Menu (jgmenu)</span></a>
|
||||
<a class="button bar-item tiny tooltip deep-orange" style="margin-top:0;" href="run://colorizer-conky -s"><span class="right large"></span>Moduł Conky<span class="text tag medium round" style="position:fixed;left:19%;bottom:20px;">Conky Manager & Colorizer </span></a>
|
||||
<a class="button bar-item tiny tooltip orange" style="margin-top:0;" href="run://colorizer-fonts -s"><span class="right large"></span>Czcionki<span class="text tag medium round" style="position:fixed;left:19%;bottom:20px;">Ustawienia czcionek</span></a>//-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="center black">
|
||||
<a href="https://maboxlinux.org" class="tooltip"><span class="text tag small grey round" style="position:absolute;left:-10px;bottom:26px">Strona domowa Mabox</span></a>
|
||||
<a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small grey round" style="position:absolute;left:-10px;bottom:26px">Forum społeczności</span></a>
|
||||
<a href="https://manual.maboxlinux.org/en" class="tooltip"><span class="text tag small grey 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 grey round" style="position:absolute;left:-10px;bottom:26px">Wesprzyj</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">Strona domowa Mabox</span></a>
|
||||
<a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Forum społeczności</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">Wesprzyj</span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -168,34 +203,46 @@ p.black a {font-size:2.4vw !important;}
|
||||
</section>
|
||||
|
||||
<section id="Openbox" class="container tab" style="display:none;min-height:100vh;">
|
||||
<div class="row">
|
||||
<div class="twothird">
|
||||
<h2>Motyw Openbox</h2>
|
||||
<main class="grid">
|
||||
<div class="gi4 gi4r left-align"><h2>Openbox dekoracja okien</h2>
|
||||
<p>Moduł Openbox pozwala w łatwy sposób dostosować wygląd dekoracji okien</p>
|
||||
<p>Działa z motywem domyślnym MBcolors.<br /> <a class="tag round green tiny" href="run://obtctl theme MBcolors">przełącz</a> <a class="tag round green tiny" href="run://obtctl resetMBcolors">Resetuj MBcolors</a></p>
|
||||
<p>Możesz szybko zmienić większość ustawieniń bezpośrednio z tego okna. Aby uzyskać znacznie więcej opcji dostrajania oraz większy wybór kolorów, uruchom dynamiczne menu moduł Openbox.</p>
|
||||
</div>
|
||||
<div class="third padding-16">
|
||||
<div class="card padding-small dark-grey"><span class="right xlarge"> </span>
|
||||
<p><strong>Ustaw dekorację okien</strong></p>
|
||||
<div class="bar-block grey">
|
||||
<a class="button bar-item tiny" href="run://randomizer ob"><span class="right large"></span>Losowa</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>Ciemna <em>(z kolorów tapety)</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>Jasna <em>(z kolorów tapety)</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> Dostosuj...</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>Resetuj</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p><hr /></p>
|
||||
<div class="pale-green leftbar border-green">
|
||||
Jeśli potrzebujesz więcej opcji, precyzyjnego tuningu kolorów, gradientów - użyj zaawansowanego dynamicznego menu
|
||||
<a class="button amber" href="run://colorizer-ob -s"> Openbox</a>
|
||||
</div>
|
||||
<p><hr /></p>
|
||||
<strong>Rozmiar paska tytułu</strong> <em></em><br />
|
||||
<a class="tag small amber" href="run://obtctl tweak tiny">mini</a>
|
||||
<a class="tag small green" href="run://obtctl tweak small">mały</a>
|
||||
<a class="tag small pale-red" href="run://obtctl tweak normal">normalny</a>
|
||||
<a class="tag small green" href="run://obtctl tweak big">duży</a></a>
|
||||
<a class="tag small amber" href="run://obtctl tweak large">wielki</a>
|
||||
|
||||
<br />
|
||||
|
||||
|
||||
</div>
|
||||
<div class="gi2 dark"><span>Generuj motywy...</span></div>
|
||||
<div class="gi2 dark"><strong>Monochromatyczne</strong><br /><em>pobierz kolor z ekranu</em><br />
|
||||
<a class="button padding-small dark-grey" href="run://obtctl mono pick dark"><span class="large"></span><br />Ciemny</a>
|
||||
<a class="button padding-small grey" href="run://obtctl mono pick light"><span class="large"></span><br />Jasny</a>
|
||||
<br />
|
||||
</div>
|
||||
<div class="gi2 dark"><strong>Kolory z tapety</strong><br /><em>wybierz wariant</em><br />
|
||||
<a class="button padding-small dark-grey" href="run://w2theme ob dark show"><span class="large"></span><br />Ciemny</a>
|
||||
<a class="button padding-small grey" href="run://w2theme ob light show"><span class="large"></span><br />Jasny</a>
|
||||
</div>
|
||||
<div class="dark">
|
||||
<a class="button padding-small amber" href="run://randomizer ob"><span class="large"></span><br />Losowy</a>
|
||||
</div>
|
||||
<div class="dark">
|
||||
<a class="button padding-small teal hover-red" href="run://obtctl resetMBcolors"><span class="large"></span><br />Resetuj</a>
|
||||
</div>
|
||||
</main>
|
||||
<p><hr /></p>
|
||||
|
||||
|
||||
<div class="show-inline-block">
|
||||
<div class="bar border round dark-grey">
|
||||
@ -371,56 +418,92 @@ p.black a {font-size:2.4vw !important;}
|
||||
<a href="run://obtctl gradient_type crossdiagonal"><img src="./img/crossdiagonal.png"></a>
|
||||
<a href="run://obtctl gradient_type pyramid"><img src="./img/pyramid.png"></a>
|
||||
</p>
|
||||
<p class="padding">Ponad 300 pięknych pre-definiowanych gradientów dostepne jest w OBtheme menu.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p></p>
|
||||
<p>Potrzebujesz więcej opcji, tuningu i kolorów? Uruchom <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 / Panele boczne</h2>
|
||||
<p>Menu / Panele boczne oraz niemała liczba narzędzi Maboxa została stworzona na bazie jgmenu. W bardzo łatwy sposób możesz je dostosować do swoich potrzeb - zarówno <strong>wygląd</strong> jak i <strong>funkcjonalność</strong></p>
|
||||
<h4>Ustawienia globalne</h4>
|
||||
<p>Obramowanie, margines wewnętrzny, zaokrąglenie, odstęp podmenu oraz czcionki są to ustawienia globalne - niezależne od użytego motywu kolorystycznego. Możesz je zmienić <a class="tag round green small hover-yellow" href="run://jgmenusettings-pipe -s"> tutaj</a></p>
|
||||
</div>
|
||||
<div class="third padding-16">
|
||||
<div class="card padding-small blue-gray"><span class="right xlarge"></span>
|
||||
<p><strong>Ustaw motyw Menu</strong></p>
|
||||
<div class="bar-block grey">
|
||||
<a class="button bar-item tiny" href="run://randomizer menu show"><span class="right large"></span> Losowy</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>Ciemny<em>(z kolorów tapety)</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>Jasne<em>(z kolorów tapety)</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> Dostosuj...</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>Resetuj</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<main class="grid">
|
||||
<div class="gi4 gi4r left-align"><h2>Menu / Panele boczne</h2>
|
||||
<p>Menu / Panele boczne oraz niemała liczba narzędzi Maboxa została stworzona na bazie jgmenu. W bardzo łatwy sposób możesz je dostosować do swoich potrzeb - zarówno <strong>wygląd</strong> jak i <strong>funkcjonalność</strong></p>
|
||||
<br />
|
||||
<p><hr /></p>
|
||||
<div class="pale-red leftbar border-red">
|
||||
Po każdej zmianie menu zostanie pokazane.<br />
|
||||
Użyj <kbd>Esc</kbd> albo kliknij poza menu aby je zamknąć!
|
||||
</div>
|
||||
<p><hr /></p>
|
||||
<div class="pale-green leftbar border-green">
|
||||
Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i przezroczystości - użyj zaawansowanego dynamicznego menu<br />
|
||||
<a class="button small amber" href="run://colorizer-menus -s"> Menu</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gi2 dark"><span>Generuj motywy...</span></div>
|
||||
<div class="gi2 dark"><strong>Monochromatyczny</strong><br /><em>pobierz kolor z ekranu</em><br />
|
||||
<a class="button padding-small dark-grey" href="run://jgctl mono pick dark"><span class="large"></span><br />Ciemny</a>
|
||||
<a class="button padding-small grey" href="run://jgctl mono pick light"><span class="large"></span><br />Jasny</a>
|
||||
<br />
|
||||
</div>
|
||||
<div class="gi2 dark"><strong>Kolory z tapety</strong><br /><em>wybierz wariant</em><br />
|
||||
<a class="button padding-small dark-grey" href="run://w2theme menu dark show"><span class="large"></span><br />Ciemny</a>
|
||||
<a class="button padding-small grey" href="run://w2theme menu light show"><span class="large"></span><br />Jasny</a>
|
||||
</div>
|
||||
<div class="dark">
|
||||
<a class="button padding-small amber" href="run://randomizer menu show"><span class="large"></span><br />Losowy</a>
|
||||
</div>
|
||||
<div class="dark">
|
||||
<a class="button padding-small teal hover-red" href="run://jgctl resetMBcolors show"><span class="large"></span><br />Resetuj</a>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<p><hr /></p>
|
||||
<main class="grid" style="grid-template-columns: auto auto auto;">
|
||||
<div class="dark"><strong>Rozmiar Menu</strong> <em></em><br />
|
||||
<a class="tag small amber" href="run://jgctl tweak sizing tight menu">wąskie</a>
|
||||
<a class="tag small pale-red" href="run://jgctl tweak sizing normal menu">normalne</a>
|
||||
<a class="tag small green" href="run://jgctl tweak sizing wide menu">szerokie</a>
|
||||
</div>
|
||||
<div class="gi2 gi2r attribs dark">
|
||||
<strong>Odstęp (margines)</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>Obramowanie Menu</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>Odstęp dla podmenu</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>Wysokość elementu</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"> Menu główne</a> ustawienia<br />
|
||||
<p class="dark-gray">Klawisz <kbd>super</kbd>, <i>lewy-klik</i> na pulpicie lub z ikony w panelu</p>
|
||||
<p class="left-align">
|
||||
<a class="tag small purple" href="run://jgctl t_search_field"></a> Pole wyszukiwania<br />
|
||||
<a class="tag small purple" href="run://jgctl t_apps_in_submenu"></a> Aplikacje w menu gł. (lub podmenu)
|
||||
<a class="tag small purple" href="run://jgctl t_icons"></a> Ikony<br />
|
||||
</p>
|
||||
<hr />
|
||||
<strong>Edytuj komendy</strong>
|
||||
<p>
|
||||
<a class="tag small amber" href="config://.config/mabox/favorites.csv"> góra (Ulubione)</a>
|
||||
<a class="tag small amber" href="config://.config/mabox/mainmenu_below_apps.csv"> dół</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>
|
||||
<p>Mabox dostarcza kilkunastu konfiguracji Conky. Kliknij ich nazwy poniżej aby je wypróbować.</p>
|
||||
|
||||
<p class="center">Informacje systemowe<br />
|
||||
<main class="grid">
|
||||
<div class="gi4 gi4r left-align"><h2>Conky</h2>
|
||||
<p>Mabox dostarcza kilkunastu konfiguracji Conky.<br /><em>Kliknij ich nazwy poniżej aby je wypróbować.</em></p>
|
||||
<p class="center">Informacje systemowe<br />
|
||||
<a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Domyślne</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone sysinfo_graph">Z grafem</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a><br />
|
||||
@ -439,31 +522,31 @@ p.black a {font-size:2.4vw !important;}
|
||||
<a class="tag small teal" href="run://conkyctl toggleone quoter_">Cytaty</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a>
|
||||
</p>
|
||||
<p><hr /></p>
|
||||
<div class="pale-green leftbar border-green">
|
||||
Użyj dynamicznego menu aby mieć dostęp do większej ilości opcji<br /> <a class="button amber" href="run://colorizer-conky -s"> Conky Manager & Colorizer</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gi2 dark"><span>Generuj motywy...</span></div>
|
||||
<div class="gi2 dark"><strong>Monochromatyczny</strong><br /><em>Pobierz kolor z ekranu</em><br />
|
||||
<a class="button padding-small dark-grey" href="run://conkyctl mono pick dark"><span class="large"></span><br />Ciemny</a>
|
||||
<a class="button padding-small grey" href="run://conkyctl mono pick light"><span class="large"></span><br />Jasny</a>
|
||||
<br />
|
||||
</div>
|
||||
<div class="gi2 dark"><strong>Kolory z tapety</strong><br /><em>wybierz wariant</em><br />
|
||||
<a class="button padding-small dark-grey" href="run://w2theme conky dark show"><span class="large"></span><br />Ciemny</a>
|
||||
<a class="button padding-small grey" href="run://w2theme conky light show"><span class="large"></span><br />Jasny</a>
|
||||
</div>
|
||||
<div class="dark">
|
||||
<a class="button padding-small amber" href="run://randomizer conky"><span class="large"></span><br />Losowy</a>
|
||||
</div>
|
||||
<div class="dark">
|
||||
<a class="button padding-small teal hover-red" href="run://conkyctl resetcolorsall"><span class="large"></span><br />Resetuj</a>
|
||||
</div>
|
||||
</main>
|
||||
<p><hr /></p>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="third padding-16">
|
||||
<div class="card padding-small brown"><span class="right xlarge"></span>
|
||||
<p><strong>Ustaw motyw Conky</strong></p>
|
||||
<div class="bar-block grey">
|
||||
<a class="button bar-item tiny" href="run://randomizer conky"><span class="right large"></span>Losowy</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>Ciemny <em>(z kolorów tapety)</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>Jasny <em>(z kolorów tapety)</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>Dostosuj</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>Resetuj</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="grid">
|
||||
<div class="black">
|
||||
Click <a class="tag xxxlarge black" href="run://conkyctl makemoveableall"></a>
|
||||
@ -616,12 +699,13 @@ p.black a {font-size:2.4vw !important;}
|
||||
</div>
|
||||
<h3>Cava - wizualizacja dźwięku</h3>
|
||||
<p><strong>Cava</strong> to słupkowy wizualizator dźwięku dla terminala. <br />
|
||||
W Maboxie możesz łatwo uruchomić Cava w przeźroczystym terminalu - co daje ciekawy efekt...
|
||||
W Maboxie możesz łatwo uruchomić Cava w przezroczystym* terminalu - co daje ciekawy efekt...
|
||||
</p>
|
||||
<p><a class="tag small amber" href="run://mb-music cavastart"> Uruchom</a>
|
||||
<a class="tag small red" href="run://mb-music cavakill"> Zabij</a>
|
||||
<a class="tag small green" href="run://cavactl info"> Info</a>
|
||||
<a class="tag small green" href="run://cavactl info"> Info</a>
|
||||
</p>
|
||||
<p>*) dla przezroczystości wymagany jest menedżer kompozycji <a class="tag small purple" href="run://compton_toggle"> Picom</a></p>
|
||||
|
||||
<div class="row-padding stretch">
|
||||
<div class="third center">
|
||||
@ -800,10 +884,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;
|
||||
|
||||
@ -8,7 +8,7 @@ window.handle.width: 4
|
||||
window.active.label.text.font: shadow=y:shadowtint=70:shadowoffset=1
|
||||
window.inactive.label.text.font: shadow=y:shadowtint=20:shadowoffset=1
|
||||
|
||||
*.active.border.color: #292929
|
||||
*.active.border.color: #EEEEEE
|
||||
*.inactive.border.color: #292929
|
||||
|
||||
window.active.grip.bg: parentrelative
|
||||
|
||||
Loading…
Reference in New Issue
Block a user