This commit is contained in:
Daniel Napora 2022-12-17 12:12:52 +01:00
parent 52ed781df7
commit d2214decdc
14 changed files with 562 additions and 346 deletions

View File

@ -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")

View File

@ -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 ;;

View File

@ -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 () {
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 () {
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")
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";;

View File

@ -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>
</div>
<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>
<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 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>
</p>
<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>
<div class="w3-col m7">
<h5>Gradients</h5>
<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">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>
</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>
<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="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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -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>