obtheme module and help
This commit is contained in:
parent
aaec2b5f3c
commit
b1dd48e579
@ -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)")
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#a4c400" href="run://obtctl clractivebg #a4c400"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#60a917" href="run://obtctl clractivebg #60a917"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#008a00" href="run://obtctl clractivebg #008a00"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#00aba9" href="run://obtctl clractivebg #00aba9"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#1ba1e2" href="run://obtctl clractivebg #1ba1e2"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#3e65ff" href="run://obtctl clractivebg #3e65ff"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#0050ef" href="run://obtctl clractivebg #0050ef"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#6a00ff" href="run://obtctl clractivebg #6a00ff"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#aa00ff" href="run://obtctl clractivebg #aa00ff"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#f472d0" href="run://obtctl clractivebg #f472d0"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#d80073" href="run://obtctl clractivebg #d80073"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#a20025" href="run://obtctl clractivebg #a20025"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#e51400" href="run://obtctl clractivebg #e51400"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#fa6800" href="run://obtctl clractivebg #fa6800"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#f0a30a" href="run://obtctl clractivebg #f0a30a"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#e3c800" href="run://obtctl clractivebg #e3c800"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#825a2c" href="run://obtctl clractivebg #825a2c"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#6d8764" href="run://obtctl clractivebg #6d8764"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#647687" href="run://obtctl clractivebg #647687"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#76608a" href="run://obtctl clractivebg #76608a"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#87794e" href="run://obtctl clractivebg #87794e"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#a0522d" href="run://obtctl clractivebg #a0522d"> </a>
|
||||
<a class="w3-btn w3-circle w3-small w3-margin-bottom" style="background-color:#222222" href="run://obtctl clractivebg #222222"> </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;">
|
||||
|
||||
BIN
share/mabox-colorizer/help/img/bold.png
Normal file
BIN
share/mabox-colorizer/help/img/bold.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 199 B |
BIN
share/mabox-colorizer/help/img/dots.png
Normal file
BIN
share/mabox-colorizer/help/img/dots.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 B |
BIN
share/mabox-colorizer/help/img/normal.png
Normal file
BIN
share/mabox-colorizer/help/img/normal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 167 B |
BIN
share/mabox-colorizer/help/img/tiny.png
Normal file
BIN
share/mabox-colorizer/help/img/tiny.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 185 B |
Loading…
Reference in New Issue
Block a user