wall2theme completed

master 0.9.15
Daniel Napora 2022-12-23 11:10:27 +01:00
parent f194a8dd21
commit 53748b45d0
4 changed files with 276 additions and 28 deletions

View File

@ -22,6 +22,13 @@ theme () {
reset () {
rm ${THEMERC}
mv ${THEMERC}.bak ${THEMERC}
}
resetonlycolors () {
theme MBcolors
clractivebg "#579c8e"
clractivebgto "#41756a"
}
resetMBcolors() {
theme MBcolors
@ -510,6 +517,7 @@ randomizer () {
case "$1" in
theme) theme "$2";;
reset) reset;;
resetonlycolors) resetonlycolors;;
resetMBcolors) resetMBcolors;;
borderWidth) borderWidth "$2";;
activeborderColor) activeborderColor "$2";;

View File

@ -46,6 +46,12 @@ menu_theme () {
#sleep 1
;;
esac
case "$2" in
show)
colorizer-menus -s
;;
*):;;
esac
}
conky_colors() {
source ~/.config/colorizer/colorizer.conf
@ -208,7 +214,38 @@ conkygradient () {
fi
done
}
obtheme () {
case "$1" in
dark)
obtctl clractivebg ${w[2]}
TITLE_FG=$(pastel textcolor ${w[2]}|pastel format hex)
if [[ "$TITLE_FG" == *"ffffff"* ]];then
obtctl activetextcolor ${w[-1]}
obtctl activebuttonscolors ${w[-1]}
else
obtctl activetextcolor ${w[0]}
obtctl activebuttonscolors ${w[0]}
fi
obtctl clractivebgto ${w[4]}
obtctl clrnormalbg ${w[0]}
obtctl clrnormalbgto "$(pastel darken 0.1 "${w[0]}"|pastel format hex)"
;;
light)
obtctl clractivebg ${w[-2]}
TITLE_FG=$(pastel textcolor ${w[-2]}|pastel format hex)
if [[ "$TITLE_FG" == *"ffffff"* ]];then
obtctl activetextcolor ${w[-1]}
obtctl activebuttonscolors ${w[-1]}
else
obtctl activetextcolor ${w[0]}
obtctl activebuttonscolors ${w[0]}
fi
obtctl clractivebgto ${w[-4]}
obtctl clrnormalbg ${w[1]}
obtctl clrnormalbgto "$(pastel darken 0.1 "${w[1]}"|pastel format hex)"
;;
esac
}
colorize () {
source ~/.config/colorizer/colorizer.conf
# CONKY
@ -312,7 +349,7 @@ rm -rf ~/.config/colorizer/pinned/$WALLNAME
case "$1" in
ob) obtheme "$2";;
menu) menu_theme "$2";;
menu) menu_theme "$2" "$3";;
conky) conky_colors "$2";;
conkyone) conky_colorsone "$2" "$3";;
pyradio) pyradio_theme "$2";;

View File

@ -10,7 +10,7 @@ color: #999999;
}
div.fixed {
position: fixed;
top: 0;
top: 4px;
right: 0;
width: 400px;
}
@ -20,6 +20,12 @@ div.fixeddown {
left:0;
width:160px;
}
div.fixed .w3-bar-item {margin-right:4px; border-radius:4px;}
.w3-third {padding: 0.01em 4px;}
.w3-button {position:relative;}
.w3-button .w3-right {position:absolute; top:0; right:6px;}
section.tab {padding-top: 3em;}
section#Colorizer {padding-top: 0.01em;}
div.fixeddown p {margin:2px 0;}
div.fixeddown a {text-decoration:none;margin:0 2px;}
.link {cursor:pointer;}
@ -52,7 +58,7 @@ kbd {
<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, 'Wall2theme')">Auto Theming</button>
<button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Wall2theme')">Wallpaper  themes</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>
@ -353,7 +359,7 @@ kbd {
<li>apply one of the ready-made color themes for the selected Conky - or for all </li>
<li>disable (kill), reload or edit Conky</li>
</ul>
You can add <strong>your own commands</strong> to each Conky, which will be shown in the <strong>left mouse click</strong> <em>(check the logo)</em>.
You can add <strong>your own commands</strong> to each Conky, which will be shown on <strong>left mouse click</strong> <em>(check the logo)</em>.
</p>
<h5>Tips</h5>
@ -368,22 +374,101 @@ You can add <strong>your own commands</strong> to each Conky, which will be show
</section>
<section id="Wall2theme" class="w3-container tab" style="display:none;min-height:100vh;">
<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 can 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>
<div class="fixed">
<div class="w3-bar">
<a class="w3-button w3-bar-item w3-small w3-grey w3-hover-amber w3-right" href="run://colorizer -s"> Colorizer Menu</a>
</div>
</div>
<h2>Generating themes from wallpaper</h2>
<div class="w3-row w3-margin-top">
<div class="w3-twothird">
<p>Colorizer generates a color palette based on the currently set wallpaper</p>
<p>Based on such a color palette, it is possible to use two versions of themes (dark and light) for:
<ul>
<li>OpenBox window decoration</li>
<li>Menus, Panels</li>
<li>Conky</li>
<li>PyRadio</li>
</ul>
</p>
<p>Try how it works...</p>
</div>
<div class="w3-third">
<div class="w3-card w3-round w3-padding w3-deep-purple"><span class="w3-right w3-xxlarge"></span>
<p><br /><strong>Set Wallpaper</strong></p>
<div class="w3-bar-block w3-grey">
<a class="w3-button w3-bar-item w3-tiny" href="run://pcmanfm -n /usr/share/backgrounds ~/wallpapers">Select</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://nitrogen --random /usr/share/backgrounds --set-scaled --save">Random System Wallpaper</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://nitrogen --random wallpapers --set-scaled --save">Random User Wallpaper</a>
</div>
</div>
</div>
</div>
<div class="w3-row w3-margin-top">
<div class="w3-third">
<div class="w3-card w3-round w3-padding w3-dark-grey"><span class="w3-right w3-xxlarge"></span>
<p><br /><strong>Window decorations</strong></p>
<div class="w3-bar-block w3-grey">
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme ob dark">Dark</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme ob light">Light</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-green" href="run://colorizer-ob -s"><span class="w3-right w3-large"></span> Customize</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-red" href="run://obtctl resetonlycolors"><span class="w3-right w3-large"></span >Reset</a>
</div>
</div>
</div>
<div class="w3-third">
<div class="w3-card w3-round w3-padding w3-blue-gray"><span class="w3-right w3-xxlarge"></span>
<p><br /><strong>Menu, Panels</strong></p>
<div class="w3-bar-block w3-grey">
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme menu dark show">Dark</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme menu light show">Light</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-green" href="run://colorizer-menus -s"><span class="w3-right w3-large"></span> Customize</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-red" href="run://jgctl resetMBcolors show"><span class="w3-right w3-large"></span>Reset</a>
</div>
</div>
</div>
<div class="w3-third">
<div class="w3-card w3-round w3-padding w3-amber"><span class="w3-right w3-xxlarge"></span>
<p><br/><strong>Conky</strong></p>
<div class="w3-bar-block w3-grey">
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme conky dark">Dark</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme conky light">Light</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-green" href="run://colorizer-conky -s"><span class="w3-right w3-large"></span> Customize</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-red" href="run://conkyctl resetcolorsall"><span class="w3-right w3-large"></span >Reset</a>
</div>
</div>
</div>
</div>
<br />
<h4>Automatic generation of themes after changing wallpaper</h4>
<p><em>(Experimental)</em></p>
<p>You can set the theme to auto-generate when you change wallpaper.<br /> Use <a class="w3-tag w3-round w3-green w3-small w3-hover-yellow" href="run: //colorizer -s"> Colorizer -> Settings</a> or <a class="w3-tag w3-round w3-green w3-small w3-hover-yellow" href="config://.config/ colorizer/colorizer.conf"> edit configuration file</a> to configure this feature.</p>
<br /><br />
</section>
<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-hover-yellow w3-margin w3-display-topright" href="termo://theme.sh -i2">Launch Terminal theme selector</a>
<div class="w3-bar">
<a class="w3-button w3-bar-item w3-small w3-grey w3-hover-amber w3-right" href="termo://theme.sh -i2"> Terminal theme selector</a>
</div>
</div>
<h2>Terminal theme</h2>
<p>Mabox comes with many terminal themes available (~400)</p>

View File

@ -10,7 +10,7 @@ color: #999999;
}
div.fixed {
position: fixed;
top: 0;
top: 4px;
right: 0;
width: 400px;
}
@ -20,6 +20,12 @@ div.fixeddown {
left:0;
width:160px;
}
div.fixed .w3-bar-item {margin-right:4px; border-radius:4px;}
.w3-third {padding: 0.01em 4px;}
.w3-button {position:relative;}
.w3-button .w3-right {position:absolute; top:0; right:6px;}
section.tab {padding-top: 3em;}
section#Colorizer {padding-top: 0.01em;}
div.fixeddown p {margin:2px 0;}
div.fixeddown a {text-decoration:none;margin:0 2px;}
.link {cursor:pointer;}
@ -54,7 +60,7 @@ kbd {
<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, 'Wall2theme')">Generowanie Motywów</button>
<button class="w3-bar-item w3-button w3-small tablink" onclick="openTab(event, 'Wall2theme')">Kolory z tapety</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>
@ -71,7 +77,7 @@ kbd {
<div style="margin-left:160px;" class="w3-small">
<section id="Colorizer" class="w3-container tab" style="min-height:90vh;">
<section id="Colorizer" class="w3-container tab" style="min-height:100vh;">
<div class="w3-display-container" style="min-height:90vh">
<img src="/usr/share/mabox-colorizer/img/colorizer.png" class="w3-margin-top w3-right"/>
@ -120,10 +126,95 @@ kbd {
</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">Uruchom Colorizer</a></div>
<div class="fixed">
<div class="w3-bar">
<a class="w3-button w3-bar-item w3-small w3-grey w3-hover-amber w3-right" href="run://colorizer -s"> Uruchom Colorizer Menu</a>
</div>
</div>
<h2>Generowanie motywów z tapety</h2>
<p>Colorizer potrafi automatycznie generować kolorystykę po zmianie tapety. <em>Domyślnie włączone.</em></p>
<div class="w3-row w3-margin-top">
<div class="w3-twothird">
<p>Colorizer generuje paletę kolorów na bazie aktualnie ustawionej tapety.</p>
<p>Na bazie takiej palety kolorów możliwe jest zastosowanie dwóch wersji motywów (ciemny i jasny) dla:
<ul>
<li>dekoracji okien OpenBox</li>
<li>Menu, Paneli </li>
<li>Conky</li>
<li>PyRadio</li>
</ul>
</p>
<p>Wypróbuj jak to działa ...</p>
</div>
<div class="w3-third">
<div class="w3-card w3-round w3-padding w3-deep-purple"><span class="w3-right w3-xxlarge"></span>
<p><br /><strong>Ustaw tapetę</strong></p>
<div class="w3-bar-block w3-grey">
<a class="w3-button w3-bar-item w3-tiny" href="run://pcmanfm -n /usr/share/backgrounds ~/wallpapers">Wybierz </a>
<a class="w3-button w3-bar-item w3-tiny" href="run://nitrogen --random /usr/share/backgrounds --set-scaled --save">Losowa systemowa</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://nitrogen --random wallpapers --set-scaled --save">Losowa użytkownika</a>
</div>
</div>
</div>
</div>
<div class="w3-row w3-margin-top">
<div class="w3-third">
<div class="w3-card w3-round w3-padding w3-dark-grey"><span class="w3-right w3-xxlarge"></span>
<p><br /><strong>Dekoracje okien</strong></p>
<div class="w3-bar-block w3-grey">
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme ob dark">Ciemne</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme ob light">Jasne</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-green" href="run://colorizer-ob -s"><span class="w3-right w3-large"></span> Dostosuj</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-red" href="run://obtctl resetonlycolors"><span class="w3-right w3-large"></span>Resetuj</a>
</div>
</div>
</div>
<div class="w3-third">
<div class="w3-card w3-round w3-padding w3-blue-gray"><span class="w3-right w3-xxlarge"></span>
<p><br /><strong>Menu, Panele</strong></p>
<div class="w3-bar-block w3-grey">
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme menu dark show">Ciemne</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme menu light show">Jasne</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-green" href="run://colorizer-menus -s"><span class="w3-right w3-large"></span> Dostosuj</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-red" href="run://jgctl resetMBcolors show"><span class="w3-right w3-large"></span>Resetuj</a>
</div>
</div>
</div>
<div class="w3-third">
<div class="w3-card w3-round w3-padding w3-amber"><span class="w3-right w3-xxlarge"></span>
<p><br /><strong>Conky</strong></p>
<div class="w3-bar-block w3-grey">
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme conky dark">Ciemne</a>
<a class="w3-button w3-bar-item w3-tiny" href="run://w2theme conky light">Jasne</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-green" href="run://colorizer-conky -s"><span class="w3-right w3-large"></span> Dostosuj</a>
</div>
<div class="w3-bar-block w3-grey" style="margin-top:1px;">
<a class="w3-button w3-bar-item w3-tiny w3-hover-red" href="run://conkyctl resetcolorsall"><span class="w3-right w3-large"></span>Resetuj</a>
</div>
</div>
</div>
</div>
<br />
<h4>Automatyczne generowanie motywów po zmianie tapety</h4>
<p><em>(Eksperymentalne)</em></p>
<p>Jeśli chcesz możesz ustawić automatyczne generowanie motywów po zmianie tapety<br /> Aby to włączyć użyj <a class="w3-tag w3-round w3-green w3-small w3-hover-yellow" href="run://colorizer -s"> Colorizer -> Ustawienia</a> lub <a class="w3-tag w3-round w3-green w3-small w3-hover-yellow" href="config://.config/colorizer/colorizer.conf"> edytuj plik konfiguracyjny</a></p>
<br /><br />
</section>
<section id="Openbox" class="w3-container tab" style="display:none;min-height:100vh;">
<div class="fixed">
@ -313,7 +404,7 @@ kbd {
<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="w3-padding">Ponad 300 pięknych pre-definiowanych gradientów dostepne jest OBtheme menu.</p>
<p class="w3-padding">Ponad 300 pięknych pre-definiowanych gradientów dostepne jest w OBtheme menu.</p>
</div>
</div>
@ -333,7 +424,9 @@ kbd {
</div>
</div>
<h2>Menu / Panele boczne</h2>
<p>Menu / Panele boczne ...</p>
<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>
<p></p>
</section>
<section id="Conky" class="w3-container tab" style="display:none;min-height:100vh;">
@ -355,8 +448,27 @@ kbd {
<li>zastosować jeden z gotowych motywów kolorystycznych dla wybranego Conky - lub dla wszystkich </li>
<li>wyłączyć (zabić), przeładować lub edytować Conky</li>
</ul>
Do każdego Conky możesz dodać <strong>własne polecenia</strong>, które zostaną pokazane w menu po kliknięciu <strong>lewym przyciskiem myszy</strong> <em>(sprawdź klikając w logo)</em>.
Do każdego Conky możesz dodać <strong>własne polecenia</strong>, które zostaną pokazane po kliknięciu <strong>lewym przyciskiem myszy</strong> <em>(sprawdź klikając w logo)</em>.
</p>
<!--//<button onclick="document.getElementById('cmdmenu').style.display='block'" class="w3-button w3-black">Open Modal</button>//-->
<div id="cmdmenu" class="w3-modal">
<div class="w3-modal-content w3-animate-top">
<header class="w3-container w3-amber">
<span onclick="document.getElementById('cmdmenu').style.display='none'"
class="w3-button w3-display-topright">&times;</span>
<h6>Modal Header</h6>
</header>
<div class="w3-container">
<p>Some text..</p>
<p>Some text..</p>
</div>
<footer class="w3-container w3-amber">
<p>Modal Footer</p>
</footer>
</div>
</div>
<h5>Porady</h5>
@ -371,7 +483,9 @@ Do każdego Conky możesz dodać <strong>własne polecenia</strong>, które zost
<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">Wybierz Motyw Terminala</a>
<div class="w3-bar">
<a class="w3-button w3-bar-item w3-small w3-grey w3-hover-amber w3-right" href="termo://theme.sh -i2"> Wybierz Motyw Terminala</a>
</div>
</div>
<h2>Motyw Terminala</h2>
<p>Mabox dostarcz wiele motywów kolorystycznych dla terminali (~400)</p>
@ -392,7 +506,11 @@ Do każdego Conky możesz dodać <strong>własne polecenia</strong>, które zost
<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="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>
<div class="fixed">
<div class="w3-bar">
<a class="w3-button w3-bar-item w3-small w3-grey w3-hover-amber w3-right" href="run://mb-obthemes">Uruchom Manadżera Motywów</a>
</div>
</div>
<h2>Zapisywanie i przywracanie</h2>
<p>Jeśli jesteś zadowolony z obecnej konfiguracji, możesz ją zapisać jako meta-motyw co pozwala ją później przywrócić.</p>
<p>Menadżer Motywów zapisuje: