obtheme module and help

master 0.4.0
Daniel Napora 2022-06-04 22:50:37 +02:00
parent aaec2b5f3c
commit b1dd48e579
7 changed files with 80 additions and 16 deletions

View File

@ -74,6 +74,8 @@ out+=("<tt><span bgcolor='$ABG' fgcolor='$AFG'> <b>AbCd</b> </span></tt> TITLEBA
out+=("PADDING [ <b>$PHEIGHT $PWIDTH</b> ],^checkout(padding)")
out+=("Raised or flat? [ <b>$WINRAISED</b> ],^checkout(raised)")
out+=("^sep()")
out+=("Titlebar Buttons,^checkout(tbuttons)")
out+=("^sep(Gradient)")
out+=("Gradient type [ <b>${REST##* }</b> ],^checkout(gradient)")
[[ ! -z "$ABGTO" ]] && out+=("<tt><span bgcolor='$ABG'> </span><span bgcolor='$ABGTO'> </span></tt> ACTIVE_BG_TO,^pipe(mbclr '$ABGTO' obtctl clractivebgto ACTIVE_BG_TO '$me')")
@ -98,6 +100,13 @@ fi
# out2+=("$i,obtctl theme $i;$me")
# fi
#done
#TBUTTONS
out2+=("^tag(tbuttons)")
out2+=("^sep(Titlebar Buttons)")
out2+=("Tiny,obtctl buttons tiny;$me")
out2+=("Normal,obtctl buttons normal;$me")
out2+=("Bold,obtctl buttons bold;$me")
out2+=("Dots,obtctl buttons dots;$me")
#TEXT
out2+=("^tag(titletext)")
out2+=("^sep(TITLE_BAR TEXT)")

View File

@ -3,6 +3,7 @@
OBTHEME=$(awk '/<theme>/ {while (getline n) {if (match(n, /<name>/))
{l=n; exit}}} END {split(l, a, "[<>]"); print a[3]}' "$HOME/.config/openbox/rc.xml")
#echo "$OBTHEME"
THEMEDIR="$HOME/.themes/$OBTHEME/openbox-3"
THEMERC="$HOME/.themes/$OBTHEME/openbox-3/themerc"
if [ ! -f "${THEMERC}.bak" ]; then
@ -197,7 +198,11 @@ inactivetextcolor () {
sd "\.inactive.label.text.color:.*$" ".inactive.label.text.color: ${1}" ${THEMERC}
openbox --reconfigure
}
buttons () {
rm $THEMEDIR/*.xbm
cp -a /usr/share/mabox-colorizer/themes/obbuttons/${1}/*.xbm $THEMEDIR/
openbox --reconfigure
}
case "$1" in
theme) theme "$2";;
@ -221,5 +226,6 @@ case "$1" in
clrnormalbgto) clrnormalbgto "$2";;
activetextcolor) activetextcolor "$2";;
inactivetextcolor) inactivetextcolor "$2";;
buttons) buttons "$2";;
*) : ;;
esac

View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<title>Mabox Colorizer</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body class="w3-dark-grey">
@ -17,15 +17,15 @@
</div>
<div style="margin-left:140px">
<div style="margin-left:140px;" class="w3-small">
<section id="Colorizer" class="w3-container tab w3-display-container" style="min-height:100vh;">
<a class="w3-button w3-round w3-tiny w3-lime w3-margin w3-display-topright" href="run://colorizer -s">Launch Colorizer</a>
<div class="w3-padding w3-display-middle w3-center">
<section id="Colorizer" class="w3-container tab" style="min-height:100vh;">
<div class="w3-container w3-display-middle w3-right">
<img src="/usr/share/mabox-colorizer/img/colorizer.png" />
<h2>Mabox Colorizer</h2>
<p>a tool to easily customize your Mabox Linux Desktop</p>
<a class="w3-button w3-round w3-small w3-lime w3-margin" href="run://colorizer -s">Launch Colorizer</a>
</div>
</section>
@ -34,16 +34,64 @@
<h2>Openbox theme</h2>
<p>The Openbox module allows you to easily customize the appearance of window decorations.</p>
<p>You can change the colors and size of:
<ul><li>title bar</li><li>border / line</li></ul>
<p>You can change some basic settings directly from this screen. For much more options, fine-tunning and colors choices launch OBtheme module.</p>
<h4>Active window titlebar color</h4>
<div class="w3-panel w3-border w3-grey">
<p>You can change active window titlebar color by clicking circles below.</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>
</div>
</p>
<h3>Gradients</h3>
Openbox title bar can use various types of gradients...
<hr />
<h4>Buttons</h4>
<p>Click icons below to change buttons</p>
<table class="w3-table w3-bordered w3-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>Gradients</h4>
<p>Openbox title bar can use various types of gradients...</p>
<table class="w3-table w3-bordered w3-grey w3-small">
<tr class="w3-teal">
<th>Gradient type</th>
<th>Image (click to see in action)</th>
<th>Image (click to apply)</th>
</tr>
<tr>
<td>Solid color (no gradient)</td>
@ -77,10 +125,9 @@ Openbox title bar can use various types of gradients...
<td>Pyramid</td>
<td><a href="run://obtctl gradient pyramid"><img src="./img/pyramid.png"></a></td>
</tr>
</table>
<h3>Raised or flat?</h3>
<table class="w3-table w3-bordered w3-grey w3-small">
<tr>
<th colspan="2" class="w3-teal">Raised or flat?</th>
</tr>
<tr>
<td>Raised</td>
<td><a href="run://obtctl raised 1"><img src="./img/raised.png"></a></td>
@ -90,6 +137,8 @@ Openbox title bar can use various types of gradients...
<td><a href="run://obtctl raised 0"><img src="./img/flat.png"></a></td>
</tr>
</table>
<hr />
</section>
<section id="Conky" class="w3-container tab" style="display:none;min-height:100vh;">

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 B