Mabox/mabox-colorizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Colorizer GUI update

Browse Source
This commit is contained in:
Daniel Napora
2026-04-20 23:05:56 +02:00
parent dfe731895d
commit 6c82dab7e1
2 changed files with 146 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
share/mabox-colorizer/help/en.html
View File

@@ -154,7 +154,7 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
<a href="https://maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Mabox Website</span></a> <a href="https://maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Mabox Website</span></a>
<a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Community Forum</span></a> <a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Community Forum</span></a>
<a href="https://manual.maboxlinux.org/en" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Manual</span></a> <a href="https://manual.maboxlinux.org/en" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Manual</span></a>
<a href="https://ko-fi.com/maboxlinux" class="tooltip"><span style="color:red"></span><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Donate</span></a> <a href="https://maboxlinux.org/donate" class="tooltip"><span style="color:red"></span><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Donate</span></a>
</p> </p>
</div> </div>
</div> </div>
@@ -165,14 +165,14 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
<div class="display-container" style="min-height:90vh"> <div class="display-container" style="min-height:90vh">
<img src="/usr/share/mabox-colorizer/img/colorizer.png" class="right"/> <img src="/usr/share/mabox-colorizer/img/colorizer.png" class="right"/>
<h2 class="center">Mabox Colorizer <span class="tiny">pre-release</span></h2> <h2 class="center">Mabox Colorizer <span class="tiny">beta</span></h2>
<p class="center"><i>a set of tools to easily customize<br/>your Mabox Linux Desktop</i></p> <p class="center"><i>a set of tools to easily customize<br/>your Mabox Linux Desktop</i></p>
<p>Easily change look and feel of: <p>Easily change look and feel of:
<ul> <ul>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Openbox')">Openbox theme</span></strong> (window decorations)</li> <li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Openbox')">Openbox theme</span></strong> (window decorations)</li>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Jgmenu')">Menu/Sidepanels</span></strong> and other <i>jgmenu-based</i> <strong>Mabox tools</strong></li> <li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Jgmenu')">Menu/Sidepanels</span></strong> and other <i>jgmenu-based</i> <strong>Mabox tools</strong></li>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Conky')">Conkies</span></strong></li> <li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Conky')">Conky widgets</span></strong></li>
<li><strong><span class="tag round tiny amber link" onclick="openTab(event, 'Wall2theme')">Generate themes</span></strong> for all above <strong>from Wallpaper colors</strong></li> <li><strong><span class="tag round tiny amber link" onclick="openTab(event, 'Wall2theme')">Generate themes</span></strong> for all above <strong>from Wallpaper colors</strong></li>
<!--<li><strong>PyRadio</strong> - Internet Radio Player</li>//--> <!--<li><strong>PyRadio</strong> - Internet Radio Player</li>//-->
</ul></p> </ul></p>
@@ -213,21 +213,26 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
<main class="grid"> <main class="grid">
<div class="gi4 gi4r left-align"><h2>Openbox window decoration</h2> <div class="gi4 gi4r left-align"><h2>Openbox window decoration</h2>
<p>The Openbox module allows you to easily customize the appearance of window decorations.</p> <p>The Openbox module allows you to easily customize the appearance of window decorations.</p>
<p>It works only with special theme - <strong>MBcolors</strong> <a class="tag round green tiny" href="run://obtctl theme MBcolors">switch to MBcolors</a></p>
<p><hr /></p> <p><hr /></p>
<div class="pale-green leftbar border-green"> <div class="pale-green leftbar border-green">
If you need a full set of options, precise color tuning and gradients - use the advanced dynamic menu<br /> If you need a full set of options, precise color tuning and gradients - use the advanced dynamic menu<br />
<a class="button amber" href="run://colorizer-ob -s"> Openbox</a> <a class="button amber" href="run://colorizer-ob -s"> Openbox</a>
</div> </div>
<p><hr /></p> <p><hr /></p>
<strong>Size</strong> <em>presets</em><br /> <strong>Title Bar</strong><br />
<a class="tag small amber" href="run://obtctl tweak tiny">tiny</a> <strong>Size</strong> <em>presets</em> <a class="tag small amber" href="run://obtctl tweak tiny">tiny</a>
<a class="tag small green" href="run://obtctl tweak small">small</a> <a class="tag small green" href="run://obtctl tweak small">small</a>
<a class="tag small pale-red" href="run://obtctl tweak normal">normal</a> <a class="tag small pale-red" href="run://obtctl tweak normal">normal</a>
<a class="tag small green" href="run://obtctl tweak big">big</a> <a class="tag small green" href="run://obtctl tweak big">big</a>
<a class="tag small amber" href="run://obtctl tweak large">large</a> <a class="tag small amber" href="run://obtctl tweak large">large</a>
<br /> <br />
<span class="small">font color</span> <a class="tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#DDDDDD" href="run://obtctl activetextcolor #DDDDDD">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #222222">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000">&nbsp;&nbsp;</a>
@@ -315,18 +320,6 @@ If you need a full set of options, precise color tuning and gradients - use the
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="panel panel display-container">Window title
<div class="display-topright medium colors"><span class="tiny">font color:</span>
<a class="tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #333333">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000">&nbsp;&nbsp;</a>
&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
</div>
</div> </div>
<!-- FONT FAMILY AND SIZE //--> <!-- FONT FAMILY AND SIZE //-->
<div class="show-inline-block"> <div class="show-inline-block">
@@ -486,10 +479,10 @@ If you need a full set of options, precise color tuning and transparency - use t
</p> </p>
<hr /> <hr />
<strong>Submenu spacing</strong> <strong>Submenu spacing</strong>
<p><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-20">-20</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-16">-16</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-10">-10</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-6">-6</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-2">-2</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=0">0</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=1">1</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=2">2</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=4">4</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=8">8</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=12">12</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=16">16</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=20">20</a></p> <p><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-20">-20</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-16">-16</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-10">-10</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-6">-6</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-2">-2</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=0">0</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=1">1</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=2">2</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=4">4</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=8">8</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=12">12</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=16">16</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=20">20</a></p>
<hr /> <hr />
<strong>Item height</strong> <strong>Item height</strong>
<p><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=160">80%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=180">90%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=200">100%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=220">110%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=240">120%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=280">140%</a></p> <p><a class="tag dark-grey" href="run://mb-setvar item_height_factor=160">80%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=180">90%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=200">100%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=220">110%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=240">120%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=280">140%</a></p>
</div> </div>
<div class="dark"> <div class="dark">
<a class="tag small purple" href="run://mb-jgtools main ipc"> Main menu</a> settings<br /> <a class="tag small purple" href="run://mb-jgtools main ipc"> Main menu</a> settings<br />
@@ -515,13 +508,13 @@ If you need a full set of options, precise color tuning and transparency - use t
<section id="Conky" class="container tab" style="display:none;min-height:100vh;"> <section id="Conky" class="container tab" style="display:none;min-height:100vh;">
<main class="grid"> <main class="grid">
<div class="gi4 gi4r left-align"><h2>Conky</h2> <div class="gi4 gi4r left-align"><h2>Conky widgets</h2>
<p>Mabox provides several Conky configurations. <i>click names below to toggle</i></p> <p>Mabox provides several Conky configurations. <i>click names below to toggle</i></p>
<p class="center"> <p class="center">
System Info<br /> System Info<br />
<a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Default</a> <a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Default</a>
<a class="tag small teal" href="run://conkyctl toggleone sysinfo_graph">with Graph</a> <a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a>
<a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a><br /> <a class="tag small teal" href="run://conkyctl toggleone Info_Bar">Info Bar</a><br />
<a class="tag small teal" href="run://conkyctl toggleone CPU">CPU</a> <a class="tag small teal" href="run://conkyctl toggleone CPU">CPU</a>
<a class="tag small teal" href="run://conkyctl toggleone RAM">RAM</a> <a class="tag small teal" href="run://conkyctl toggleone RAM">RAM</a>
<a class="tag small teal" href="run://conkyctl toggleone mount_points">Discs</a> <a class="tag small teal" href="run://conkyctl toggleone mount_points">Discs</a>
@@ -531,11 +524,12 @@ If you need a full set of options, precise color tuning and transparency - use t
<a class="tag small teal" href="run://conkyctl toggleone PCmanFM">PCmanFM</a> <a class="tag small teal" href="run://conkyctl toggleone PCmanFM">PCmanFM</a>
<a class="tag small teal" href="run://conkyctl toggleone tiling_terminal">Terminal</a> <a class="tag small teal" href="run://conkyctl toggleone tiling_terminal">Terminal</a>
<a class="tag small teal" href="run://conkyctl toggleone mabox_tools_">Mabox Tools</a><br /> <a class="tag small teal" href="run://conkyctl toggleone mabox_tools_">Mabox Tools</a><br />
Clock and others<br /> Advanced<br />
<a class="tag small teal" href="run://conkyctl toggleone clock_mbcolor">Clock</a> <a class="tag small teal" href="run://conkyctl toggleone Better_Clock">Clock</a>
<a class="tag small teal" href="run://conkyctl toggleone clock_and_date">Clock and Date</a> <a class="tag small teal" href="run://conkyctl toggleone Polaroid">Polaroid</a>
<a class="tag small teal" href="run://conkyctl toggleone quoter_">Quotes</a> <a class="tag small teal" href="run://conkyctl toggleone quoter_">Quotes</a>
<a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a> <a class="tag small teal" href="run://conkyctl toggleone Mabox_logo_SVG">Colorable Logo</a>
<a class="tag small teal" href="run://conkyctl toggleone TODOlist">TODO list</a>
</p> </p>
<p><hr /></p> <p><hr /></p>
<div class="pale-green leftbar border-green"> <div class="pale-green leftbar border-green">
@@ -569,6 +563,7 @@ If you need a full set of options, precise color tuning and transparency - use t
<h5>Right mouse click for customization context menu</h5> <h5>Right mouse click for customization context menu</h5>
<p>Click <strong>right mouse button</strong> on any Conky for <strong>context menu</strong>, which allows you to: <p>Click <strong>right mouse button</strong> on any Conky for <strong>context menu</strong>, which allows you to:
<ul> <ul>
<li>change the position of a given Conky widget on the screen</li>
<li>apply one of the ready-made color themes for the selected Conky</li> <li>apply one of the ready-made color themes for the selected Conky</li>
<li>set text colors, borders, shadow or outline effects</li> <li>set text colors, borders, shadow or outline effects</li>
<li>manually change the background color or make it transparent</li> <li>manually change the background color or make it transparent</li>
@@ -582,7 +577,7 @@ If you need a full set of options, precise color tuning and transparency - use t
<p>If only one command is defined, Conky will act like a launcher (icon) - firing up command immediately after left click. <p>If only one command is defined, Conky will act like a launcher (icon) - firing up command immediately after left click.
If you add more commands, a menu will be shown.</p> If you add more commands, a menu will be shown.</p>
<p><a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Default</a> and <a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a> Conky already have predefined commands, left-click on them to see this feature in action.</p> <p><a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Default</a> and <a class="tag small teal" href="run://conkyctl toggleone Mabox_logo_SVG"> SVG Logo</a> Conky already have predefined commands, left-click on them to see this feature in action.</p>
<p>Syntax for adding commands is very simple, see blog post: <a href="https://blog.maboxlinux.org/how-to-add-custom-commands-to-menu-and-sidepanels/">How to add custom commands to Menu and SidePanels</a></p> <p>Syntax for adding commands is very simple, see blog post: <a href="https://blog.maboxlinux.org/how-to-add-custom-commands-to-menu-and-sidepanels/">How to add custom commands to Menu and SidePanels</a></p>
<h5>Tips</h5> <h5>Tips</h5>
@@ -590,7 +585,8 @@ If you add more commands, a menu will be shown.</p>
<p>Click actions on any Conky:</p> <p>Click actions on any Conky:</p>
<p><kbd>right click</kbd> to access <strong>context menu</strong></p> <p><kbd>right click</kbd> to access <strong>context menu</strong></p>
<p><kbd>left click</kbd> to <strong>run command</strong> or <strong>show menu</strong> (if defined)</p> <p><kbd>left click</kbd> to <strong>run command</strong> or <strong>show menu</strong> (if defined)</p>
<p><kbd>Super</kbd> + <kbd>left click</kbd> will make all Conkies moveable</p> <p><kbd>Super</kbd> + <kbd>left click</kbd> to launch Conky Widget Manager</p>
<p><kbd>Super</kbd> + <kbd>right click</kbd> will make all Conkies moveable</p>
<p>Global shortcut:</p> <p>Global shortcut:</p>
<p><kbd>Super</kbd> + <kbd>C</kbd> - <strong>toggle Conky session</strong> - start/stop all Conkies</p> <p><kbd>Super</kbd> + <kbd>C</kbd> - <strong>toggle Conky session</strong> - start/stop all Conkies</p>
</div> </div>
@@ -600,24 +596,23 @@ If you add more commands, a menu will be shown.</p>
<h2>Generating themes from wallpaper</h2> <h2>Generating themes from wallpaper</h2>
<div class="row"> <div class="row">
<div class="twothird"> <div class="twothird">
<p>Colorizer generates a color palette based on the currently set wallpaper</p> <p>Colorizer generates a color palette based on the currently set wallpaper.
<p>Based on such a color palette, it is possible to use two versions of themes (dark and light) for: Based on such palette, it is possible to generate two versions of themes (dark and light) for:
<ul> <ul>
<li>OpenBox window decoration</li> <li>OpenBox window decoration</li>
<li>Menus, Panels</li> <li>Menus, Panels</li>
<li>Conky</li> <li>Conky widgets</li>
</ul> </ul>
</p> Try how it works...</p>
<p>Try how it works...</p>
</div> </div>
<div class="third"> <div class="third">
<div class="card round padding deep-purple"><span class="right xxlarge"></span> <div class="card round padding deep-purple"><span class="right xxlarge"></span>
<p><br /><strong>Set Wallpaper</strong></p> <p><br /><strong>Set Wallpaper</strong></p>
<div class="bar-block grey"> <div class="bar-block grey">
<a class="button bar-item tiny" href="run://pcmanwp">Select</a> <a class="button bar-item tiny" href="run://pcmanwp">Choose...</a>
<a class="button bar-item tiny" href="run://nitrogen --random /usr/share/backgrounds --set-scaled --save">Random System Wallpaper</a> <a class="button bar-item tiny" href="run://mbwallpaper -o">Random Wallpaper</a>
<a class="button bar-item tiny" href="run://nitrogen --random wallpapers --set-scaled --save">Random User Wallpaper</a> <a class="button bar-item tiny" href="run://jgwallpaperchanger -s">More options...</a>
</div> </div>
</div> </div>
</div> </div>
@@ -672,11 +667,9 @@ If you add more commands, a menu will be shown.</p>
</div> </div>
</div> </div>
<h5>How to change wallpaper in Mabox?</h5> <h5>How to change wallpaper in Mabox?</h5>
<p>The recommended method is to use the context menu in the file manager.</p> <p>On the panel next to the menu, there is a <strong>thumbnail</strong>. <i>Left‑click</i> it to set a random wallpaper. By <i>right‑clicking</i> the thumbnail, you gain access to additional interesting options.</p>
<p>Click <a class="tag small amber" href="run://pcmanwp"> Select wallpaper</a> - the file manager will be launched with all defined wallpaper directories in tabs. Use the context menu to set the selected wallpaper. <p>You can also use the context menu in the file manager <a class="tag small amber" href="run://pcmanwp"> Select wallpaper</a></p>
<kbd>Ctrl + 3</kbd> allows you to change the view mode to Thumbnails</p> <p>You can define multiple directories where you store wallpapers <a class="tag small amber" href="config://.config/mabox/wallp_dirs.conf"> Configure directories</a></p>
<p>You can define multiple directories where you store wallpapers<br />
<a class="tag small amber" href="config://.config/mabox/wallp_dirs.conf"> Configure directories</a></p>
</section> </section>
<section id="fonts" class="container tab" style="display:none;min-height:100vh"> <section id="fonts" class="container tab" style="display:none;min-height:100vh">
@@ -880,7 +873,7 @@ If you add more commands, a menu will be shown.</p>
</div> </div>
<p>Use dynamic menu <a class="tag small orange" href="run://colorizer-cava -s">󰺢 Cava</a> to fine-tune colors, use gradients.</p> <p>Use dynamic menu <a class="tag small orange" href="run://colorizer-cava -s">󰺢 Cava</a> to fine-tune colors, use gradients.</p>
<div class="panel dark-grey rightbar border-black border" style="margin-top:-2px;"> <div class="panel dark-grey rightbar border-black border" style="margin-top:-2px;">
<p><a class="tag teal" href="run://mb-music -s">󰕾 Music & Sound</a> dynamic menu can serve as basic, lightweight music player (mpv-based) you might like to try. <i>Also available from panel's volume icon - right click</i></p> <p><a class="tag teal" href="run://mb-music -s">󰕾 Music & Sound</a> dynamic menu can serve as basic, lightweight music player (mpv-based). Launch it with <kbd>super + m</kbd></p>
</div> </div>
<h3>PyRadio - Internet Radio</h3> <h3>PyRadio - Internet Radio</h3>
@@ -888,7 +881,8 @@ If you add more commands, a menu will be shown.</p>
<div class="row"> <div class="row">
<div class="twothird"> <div class="twothird">
<p>PyRadio is advanced command line internet radio player.</p> <p>PyRadio is advanced command line internet radio player.</p>
<p>You can turn on <strong>PyRadio</strong> <kbd>super</kbd>+<kbd>r</kbd></p> <p>You can turn on <strong>PyRadio</strong> with <kbd>super + r</kbd><br />
Subsequent uses of the shortcut will alternately hide and show the PyRadio window. To turn it off, press <kbd>q</kbd> lub <kbd>Ctrl + c</kbd></p>
<p>Colorizer can generate pyradio themes based on palette of currently used wallpaper.</p> <p>Colorizer can generate pyradio themes based on palette of currently used wallpaper.</p>
<p>Use Colorizer <a class="tag small orange" href="run://colorizer-pyradio -s"> PyRadio module </a> to fine-tune colors.</p> <p>Use Colorizer <a class="tag small orange" href="run://colorizer-pyradio -s"> PyRadio module </a> to fine-tune colors.</p>
</div> </div>
@@ -918,7 +912,8 @@ If you add more commands, a menu will be shown.</p>
</div> </div>
<h2>Terminal theme</h2> <h2>Terminal theme</h2>
<p>Mabox comes with many terminal themes available (~400)</p> <p>Mabox comes with many terminal themes available (~400)</p>
<p>The interactive selector will help you find a suitable theme (<kbd>Enter</kbd>/<kbd>Esc</kbd> - use selected theme, <kbd>Ctrl</kbd>+<kbd>c</kbd> - cancel)</p> <p>The interactive selector will help you find a suitable theme</p>
<p>(<kbd>Enter</kbd>/<kbd>Esc</kbd> - use selected theme, <kbd>Ctrl</kbd>+<kbd>c</kbd> - cancel)</p>
<p>You can run terminal theme selector any time from cli by <strong>th</strong> alias</p> <p>You can run terminal theme selector any time from cli by <strong>th</strong> alias</p>
<h5>Different colors for root and SSH sessions</h5> <h5>Different colors for root and SSH sessions</h5>
<img src="img/theme.sh.webp" /> <img src="img/theme.sh.webp" />
@@ -930,9 +925,7 @@ If you add more commands, a menu will be shown.</p>
<section id="Tint2" class="container tab" style="display:none;min-height:100vh;"> <section id="Tint2" class="container tab" style="display:none;min-height:100vh;">
<h2>Tint2 panel</h2> <h2>Tint2 panel</h2>
<p>Colorizer module for Tint2 panel is not available yet - currently in <strong>active development!</strong></p> <p>Use quite powerfull Tint2 config menu.</p>
<p class="center"><em>You can support development if you like...</em></p><p class="center"><a class="button blue hover-indigo" href="https://ko-fi.com/maboxlinux"><span class="large"> 󰅶 </span> Buy me a coffee</a></p>
<p>For now... use quite powerfull Tint2 config menu.</p>
<p><a class="button inline round small lime hover-yellow " href="run://jgtint2-pipe -s"> Tint2 configuration menu</a></p> <p><a class="button inline round small lime hover-yellow " href="run://jgtint2-pipe -s"> Tint2 configuration menu</a></p>
<p><a class="button inline round small lime hover-yellow" href="run://jgtint2launcher -s"> Add/Remove Launchers to panel</a></p> <p><a class="button inline round small lime hover-yellow" href="run://jgtint2launcher -s"> Add/Remove Launchers to panel</a></p>

215
share/mabox-colorizer/help/pl.html
View File

@@ -152,10 +152,10 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
</div> </div>
<p id="links" class="center black"> <p id="links" class="center black">
<a href="https://maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Strona domowa Mabox</span></a> <a href="https://pl.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Strona domowa Mabox</span></a>
<a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Forum społeczności</span></a> <a href="https://forum.maboxlinux.org" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Forum społeczności</span></a>
<a href="https://manual.maboxlinux.org/en" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Manual</span></a> <a href="https://pl.maboxlinux.org/przewodnik-uzytkownika/wprowadzenie-do-mabox-linux/" class="tooltip"><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Przewodnik Użytkownika Mabox</span></a>
<a href="https://ko-fi.com/maboxlinux" class="tooltip"><span style="color:red"></span><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Wesprzyj</span></a> <a href="https://maboxlinux.org/donate" class="tooltip"><span style="color:red"></span><span class="text tag small round" style="position:absolute;left:-10px;bottom:26px">Wesprzyj</span></a>
</p> </p>
</div> </div>
</div> </div>
@@ -166,13 +166,13 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
<div class="display-container" style="min-height:90vh"> <div class="display-container" style="min-height:90vh">
<img src="/usr/share/mabox-colorizer/img/colorizer.png" class="right"/> <img src="/usr/share/mabox-colorizer/img/colorizer.png" class="right"/>
<h2 class="center">Mabox Colorizer <span class="tiny">pre-release</span></h2> <h2 class="center">Mabox Colorizer <span class="tiny">beta</span></h2>
<p class="center"><i>narzędzie do dostrajania motywów<br />pulpitu Mabox Linux</i></p> <p class="center"><i>zestaw narzędzi do dostrajania motywów<br />pulpitu Mabox Linux</i></p>
<p>Z łatwością zmienisz wygląd: <p>Z łatwością zmienisz wygląd:
<ul> <ul>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Openbox')">Motywu Openbox</span></strong> (dekoracje okien)</li> <li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Openbox')">Motywu Openbox</span></strong> (dekoracje okien)</li>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Jgmenu')">Menu oraz Paneli bocznych</span></strong> oraz innych <i>bazujących na jgmenu</i> <strong>narzędzi Mabox</strong></li> <li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Jgmenu')">Menu oraz Paneli bocznych</span></strong> oraz innych <i>bazujących na jgmenu</i> <strong>narzędzi Mabox</strong></li>
<li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Conky')">Conky</span></strong></li> <li><strong><span class="tag round tiny light-green link" onclick="openTab(event, 'Conky')">widżetów Conky</span></strong></li>
<li><strong><span class="tag round tiny amber link" onclick="openTab(event, 'Wall2theme')">Generowanie motywów</span></strong> na podstawie <strong>kolorystyki tapety</strong></li> <li><strong><span class="tag round tiny amber link" onclick="openTab(event, 'Wall2theme')">Generowanie motywów</span></strong> na podstawie <strong>kolorystyki tapety</strong></li>
</ul></p> </ul></p>
<p class="center">  Wypróbuj <strong>Randomizer</strong> - szybko zmieniaj motywy. Bezpiecznie zresetuj gdy chcesz.</p> <p class="center">  Wypróbuj <strong>Randomizer</strong> - szybko zmieniaj motywy. Bezpiecznie zresetuj gdy chcesz.</p>
@@ -211,22 +211,26 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
<main class="grid"> <main class="grid">
<div class="gi4 gi4r left-align"><h2>Openbox dekoracja okien</h2> <div class="gi4 gi4r left-align"><h2>Openbox dekoracja okien</h2>
<p>Moduł Openbox pozwala w łatwy sposób dostosować wygląd dekoracji okien</p> <p>Moduł Openbox pozwala w łatwy sposób dostosować wygląd dekoracji okien</p>
<p>Działa z motywem domyślnym MBcolors.<br /> <a class="tag round green tiny" href="run://obtctl theme MBcolors">przełącz</a> <a class="tag round green tiny" href="run://obtctl resetMBcolors">Resetuj MBcolors</a></p>
<p><hr /></p> <p><hr /></p>
<div class="pale-green leftbar border-green"> <div class="pale-green leftbar border-green">
Jeśli potrzebujesz więcej opcji, precyzyjnego tuningu kolorów, gradientów - użyj zaawansowanego dynamicznego menu Jeśli potrzebujesz więcej opcji, precyzyjnego tuningu kolorów, gradientów - użyj zaawansowanego dynamicznego menu
<a class="button amber" href="run://colorizer-ob -s"> Openbox</a> <a class="button amber" href="run://colorizer-ob -s"> Openbox</a>
</div> </div>
<p><hr /></p> <p><hr /></p>
<strong>Rozmiar paska tytułu</strong> <em></em><br /> <strong>Pasek tytułu</strong> <em></em><br />
<a class="tag small amber" href="run://obtctl tweak tiny">mini</a> <span class="small">rozmiar</span> <a class="tag small amber" href="run://obtctl tweak tiny">mini</a>
<a class="tag small green" href="run://obtctl tweak small">mały</a> <a class="tag small green" href="run://obtctl tweak small">mały</a>
<a class="tag small pale-red" href="run://obtctl tweak normal">normalny</a> <a class="tag small pale-red" href="run://obtctl tweak normal">normalny</a>
<a class="tag small green" href="run://obtctl tweak big">duży</a></a> <a class="tag small green" href="run://obtctl tweak big">duży</a></a>
<a class="tag small amber" href="run://obtctl tweak large">wielki</a> <a class="tag small amber" href="run://obtctl tweak large">wielki</a>
<br />
<br /> <span class="small">kolor czcionki</span> <a class="tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#DDDDDD" href="run://obtctl activetextcolor #DDDDDD">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #222222">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000">&nbsp;&nbsp;</a>
</div> </div>
<div class="gi2 dark"><span>Generuj motywy...</span></div> <div class="gi2 dark"><span>Generuj motywy...</span></div>
@@ -246,8 +250,57 @@ Jeśli potrzebujesz więcej opcji, precyzyjnego tuningu kolorów, gradientów -
<a class="button padding-small teal hover-red" href="run://obtctl resetMBcolors"><span class="large"></span><br />Resetuj</a> <a class="button padding-small teal hover-red" href="run://obtctl resetMBcolors"><span class="large"></span><br />Resetuj</a>
</div> </div>
</main> </main>
<p><hr /></p> <hr /><br />
<!-- FONT FAMILY AND SIZE //-->
<div class="show-inline-block">
<div class="bar border round dark-grey">
<a class="bar-item btn hover-gray border-right" href="run://mb-setfont obtitle">czcionka</a>
<div class="dropdown-hover">
<button class="button small border-right">rozmiar</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl fontsize 8">8</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 9">9</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 10">10</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 11">11</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 12">12</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 13">13</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 14">14</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 15">15</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 16">16</a>
</div>
</div>
<a class="bar-item btn hover-gray border-right" href="run://obtctl fontsize increase">+</a>
<a class="bar-item btn hover-gray" href="run://obtctl fontsize decrease">-</a>
</div>
</div>&nbsp;
<!-- WEIGHT AND SLANT: BOLD ITALIC //-->
<div class="show-inline-block">
<div class="bar border round dark-grey">
<a class="bar-item btn hover-gray border-right" href="run://obtctl fontweighttoggle"></a>
<a class="bar-item btn hover-gray" href="run://obtctl fontslanttoggle"></a>
</div>
</div>&nbsp;
<!-- TEXT JUSTIFY //-->
<div class="show-inline-block">
<div class="bar border round dark-grey">
<a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify left"></a>
<a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify center"></a>
<a class="bar-item btn hover-gray" href="run://obtctl textjustify right"></a>
</div>
</div>&nbsp;
<!-- SHADOW EFFECT //-->
<div class="show-inline-block">
<div class="bar border round">
<div class="dropdown-hover dark-grey">
<button class="button small">cień</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl shadow 0">bez cienia</a>
<a class="bar-item btn tiny" href="run://obtctl shadow 1">ciemny</a>
<a class="bar-item btn tiny" href="run://obtctl shadow 2">jasny</a>
</div>
</div>
</div>
</div>
<div class="show-inline-block"> <div class="show-inline-block">
<div class="bar border round dark-grey"> <div class="bar border round dark-grey">
@@ -315,70 +368,8 @@ Jeśli potrzebujesz więcej opcji, precyzyjnego tuningu kolorów, gradientów -
</div> </div>
</div> </div>
</div> </div>
<div class="panel display-container">Tytuł okna
<div class="display-topright medium"><span class="tiny">kolor czcionki:</span>
<a class="tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800">&nbsp;&nbsp;</a>
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #333333">&nbsp;&nbsp;</a>
<a class="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="show-inline-block">
<div class="bar border round dark-grey">
<a class="bar-item btn hover-gray border-right" href="run://mb-setfont obtitle">czcionka</a>
<div class="dropdown-hover">
<button class="button small border-right">rozmiar</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl fontsize 8">8</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 9">9</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 10">10</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 11">11</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 12">12</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 13">13</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 14">14</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 15">15</a>
<a class="bar-item btn tiny" href="run://obtctl fontsize 16">16</a>
</div>
</div>
<a class="bar-item btn hover-gray border-right" href="run://obtctl fontsize increase">+</a>
<a class="bar-item btn hover-gray" href="run://obtctl fontsize decrease">-</a>
</div>
</div>&nbsp;
<!-- WEIGHT AND SLANT: BOLD ITALIC //-->
<div class="show-inline-block">
<div class="bar border round dark-grey">
<a class="bar-item btn hover-gray border-right" href="run://obtctl fontweighttoggle"></a>
<a class="bar-item btn hover-gray" href="run://obtctl fontslanttoggle"></a>
</div>
</div>&nbsp;
<!-- TEXT JUSTIFY //-->
<div class="show-inline-block">
<div class="bar border round dark-grey">
<a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify left"></a>
<a class="bar-item btn hover-gray border-right" href="run://obtctl textjustify center"></a>
<a class="bar-item btn hover-gray" href="run://obtctl textjustify right"></a>
</div>
</div>&nbsp;
<!-- SHADOW EFFECT //-->
<div class="show-inline-block">
<div class="bar border round">
<div class="dropdown-hover dark-grey">
<button class="button small">cień</button>
<div class="dropdown-content bar-block border dark-grey card">
<a class="bar-item btn tiny" href="run://obtctl shadow 0">bez cienia</a>
<a class="bar-item btn tiny" href="run://obtctl shadow 1">ciemny</a>
<a class="bar-item btn tiny" href="run://obtctl shadow 2">jasny</a>
</div>
</div>
</div>
</div>
<div class="row margin-top"> <div class="row">
<div class="col m5 black round"> <div class="col m5 black round">
<p class="center">Kolor paska tytułu</p> <p class="center">Kolor paska tytułu</p>
<p class="center">aktywne okno</p> <p class="center">aktywne okno</p>
@@ -482,10 +473,10 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
</p> </p>
<hr /> <hr />
<strong>Odstęp dla podmenu</strong> <strong>Odstęp dla podmenu</strong>
<p><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-20">-20</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-16">-16</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-10">-10</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-6">-6</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=-2">-2</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=0">0</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=1">1</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=2">2</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=4">4</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=8">8</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=12">12</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=16">16</a><a class="tag dark-grey" href="menu://mb-setvar submenu_spacing=20">20</a></p> <p><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-20">-20</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-16">-16</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-10">-10</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-6">-6</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=-2">-2</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=0">0</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=1">1</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=2">2</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=4">4</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=8">8</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=12">12</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=16">16</a><a class="tag dark-grey" href="run://mb-setvar submenu_spacing=20">20</a></p>
<hr /> <hr />
<strong>Wysokość elementu</strong> <strong>Wysokość elementu</strong>
<p><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=160">80%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=180">90%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=200">100%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=220">110%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=240">120%</a><a class="tag dark-grey" href="menu://mb-setvar item_height_factor=280">140%</a></p> <p><a class="tag dark-grey" href="run://mb-setvar item_height_factor=160">80%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=180">90%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=200">100%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=220">110%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=240">120%</a><a class="tag dark-grey" href="run://mb-setvar item_height_factor=280">140%</a></p>
</div> </div>
<div class="dark"> <div class="dark">
<a class="tag small purple" href="run://mb-jgtools main ipc"> Menu główne</a> ustawienia<br /> <a class="tag small purple" href="run://mb-jgtools main ipc"> Menu główne</a> ustawienia<br />
@@ -507,12 +498,12 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
<section id="Conky" class="container tab" style="display:none;min-height:100vh;"> <section id="Conky" class="container tab" style="display:none;min-height:100vh;">
<main class="grid"> <main class="grid">
<div class="gi4 gi4r left-align"><h2>Conky</h2> <div class="gi4 gi4r left-align"><h2>Widżety Conky</h2>
<p>Mabox dostarcza kilkunastu konfiguracji Conky.<br /><em>Kliknij ich nazwy poniżej aby je wypróbować.</em></p> <p>Mabox dostarcza kilkunastu konfiguracji Conky.<br /><em>Kliknij ich nazwy poniżej aby je wypróbować (właczyć/wyłączyć).</em></p>
<p class="center">Informacje systemowe<br /> <p class="center">Informacje systemowe<br />
<a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Domyślne</a> <a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Domyślne</a>
<a class="tag small teal" href="run://conkyctl toggleone sysinfo_graph">Z grafem</a> <a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a>
<a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a><br /> <a class="tag small teal" href="run://conkyctl toggleone Info_Bar">Info Bar</a>
<a class="tag small teal" href="run://conkyctl toggleone CPU">CPU</a> <a class="tag small teal" href="run://conkyctl toggleone CPU">CPU</a>
<a class="tag small teal" href="run://conkyctl toggleone RAM">RAM</a> <a class="tag small teal" href="run://conkyctl toggleone RAM">RAM</a>
<a class="tag small teal" href="run://conkyctl toggleone mount_points">Dyski</a> <a class="tag small teal" href="run://conkyctl toggleone mount_points">Dyski</a>
@@ -522,11 +513,12 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
<a class="tag small teal" href="run://conkyctl toggleone PCmanFM">PCmanFM</a> <a class="tag small teal" href="run://conkyctl toggleone PCmanFM">PCmanFM</a>
<a class="tag small teal" href="run://conkyctl toggleone tiling_terminal">Terminal</a> <a class="tag small teal" href="run://conkyctl toggleone tiling_terminal">Terminal</a>
<a class="tag small teal" href="run://conkyctl toggleone mabox_tools_">Narzędzia Maboxa</a><br /> <a class="tag small teal" href="run://conkyctl toggleone mabox_tools_">Narzędzia Maboxa</a><br />
Zegary i inne<br /> Zaawansowane<br />
<a class="tag small teal" href="run://conkyctl toggleone clock_mbcolor">Zegar</a> <a class="tag small teal" href="run://conkyctl toggleone Better_Clock">Zegar</a>
<a class="tag small teal" href="run://conkyctl toggleone clock_and_date">Zegar i Data</a> <a class="tag small teal" href="run://conkyctl toggleone Polaroid">Polaroid</a>
<a class="tag small teal" href="run://conkyctl toggleone quoter_">Cytaty</a> <a class="tag small teal" href="run://conkyctl toggleone quoter_">Cytaty</a>
<a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a> <a class="tag small teal" href="run://conkyctl toggleone Mabox_logo_SVG">Kolorowalne Logo</a>
<a class="tag small teal" href="run://conkyctl toggleone TODOlist">TODO list</a>
</p> </p>
<p><hr /></p> <p><hr /></p>
<div class="pale-green leftbar border-green"> <div class="pale-green leftbar border-green">
@@ -591,6 +583,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
<h5>Menu kontekstowe do konfiguracji pod prawym kliknieciem</h5> <h5>Menu kontekstowe do konfiguracji pod prawym kliknieciem</h5>
<p>Kliknij <strong>prawym przyciskiem myszy</strong> na dowolnym Conky, a zobaczysz <strong>menu kontekstowe</strong>. Pozwala ono w wygodny sposób: <p>Kliknij <strong>prawym przyciskiem myszy</strong> na dowolnym Conky, a zobaczysz <strong>menu kontekstowe</strong>. Pozwala ono w wygodny sposób:
<ul> <ul>
<li>zmienić szybko i wygodnie pozycję danego widżetu Conky na ekranie</li>
<li>ustawiać kolory tekstu, obramowanie, efekt cienia lub obrysu</li> <li>ustawiać kolory tekstu, obramowanie, efekt cienia lub obrysu</li>
<li>zmienić ręcznie kolor tła lub ustawić przezroczystość</li> <li>zmienić ręcznie kolor tła lub ustawić przezroczystość</li>
<li>zastosować jeden z gotowych motywów kolorystycznych dla wybranego Conky - lub dla wszystkich </li> <li>zastosować jeden z gotowych motywów kolorystycznych dla wybranego Conky - lub dla wszystkich </li>
@@ -601,7 +594,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
<p>Do każdego Conky możesz dodać <strong>własne polecenia</strong>, które zostaną pokazane po kliknięciu <strong>lewym przyciskiem myszy</strong>.</p> <p>Do każdego Conky możesz dodać <strong>własne polecenia</strong>, które zostaną pokazane po kliknięciu <strong>lewym przyciskiem myszy</strong>.</p>
<p>Aby je edytować kliknij prawym przyciskiem na wybrane Conky, a następnie wybierz <strong>Edytuj własne komendy</strong></p> <p>Aby je edytować kliknij prawym przyciskiem na wybrane Conky, a następnie wybierz <strong>Edytuj własne komendy</strong></p>
<p>Jeśli zdefiniowano tylko jedno polecenie, Conky będzie działać jak launcher (ikona) - uruchami polecenie natychmiast po kliknięciu lewym przyciskiem myszy. Jeśli dodasz więcej poleceń, wyświetli się menu.</p> <p>Jeśli zdefiniowano tylko jedno polecenie, Conky będzie działać jak launcher (ikona) - uruchami polecenie natychmiast po kliknięciu lewym przyciskiem myszy. Jeśli dodasz więcej poleceń, wyświetli się menu.</p>
<p>Conky <a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Domyślne</a> oraz <a class="tag small teal" href="run://conkyctl toggleone logo_">Logo</a> mają już predefiniowane komendy, kliknij w nie lewym przyciskiem aby zobaczyć jak to działa.</p> <p>Conky <a class="tag small teal" href="run://conkyctl toggleone sysinfo_mbcolor">Domyślne</a> oraz <a class="tag small teal" href="run://conkyctl toggleone Mabox_logo_SVG">Kolorowalne Logo</a> mają już predefiniowane komendy, kliknij w nie lewym przyciskiem, aby zobaczyć jak to działa.</p>
<h5>Porady</h5> <h5>Porady</h5>
@@ -610,7 +603,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
</div> </div>
<div class="panel dark-grey leftbar border-black border"> <div class="panel dark-grey leftbar border-black border">
<p><strong>Szybkie rozmieszczanie Conky na ekranie</strong></p> <p><strong>Szybkie rozmieszczanie Conky na ekranie</strong></p>
<p>Aby szybko rozmieścić Conky tak jak ci pasuje, przytrzymaj klawisz <kbd>Ctrl</kbd> i kliknij w dowolne Conky. Możesz teraz (z wciśniętym klawiszem <kbd>Alt</kbd>) przeciągać Conky w dowolne miejsce na pulpicie i zapisać nowe pozycje.</p> <p>Aby szybko rozmieścić Conky tak jak ci pasuje, przytrzymaj klawisz <kbd>Super</kbd> i kliknij prawym przyciskiem w dowolne Conky. Możesz teraz (z wciśniętym klawiszem <kbd>Alt</kbd>) przeciągać Conky w dowolne miejsce na pulpicie i zapisać nowe pozycje.</p>
</div> </div>
</section> </section>
@@ -618,15 +611,14 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
<h2>Generowanie motywów z tapety</h2> <h2>Generowanie motywów z tapety</h2>
<div class="row"> <div class="row">
<div class="twothird"> <div class="twothird">
<p>Colorizer generuje paletę kolorów na bazie aktualnie ustawionej tapety</p> <p>Colorizer generuje paletę kolorów na bazie aktualnie ustawionej tapety.<br />
<p>Na bazie takiej palety kolorów możliwe jest zastosowanie dwóch wersji motywów (ciemny i jasny) dla: Na podstawie tej palety możliwe jest zastosowanie dwóch wersji motywów (ciemny i jasny) dla:
<ul> <ul>
<li>dekoracji okien OpenBox</li> <li>dekoracji okien OpenBox</li>
<li>Menu, Paneli </li> <li>Menu, Paneli </li>
<li>Conky</li> <li>widżetów Conky</li>
</ul> </ul>
</p> Wypróbuj jak to działa ...</p>
<p>Wypróbuj jak to działa ...</p>
</div> </div>
<div class="third"> <div class="third">
@@ -634,8 +626,8 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
<p><br /><strong>Ustaw tapetę</strong></p> <p><br /><strong>Ustaw tapetę</strong></p>
<div class="bar-block grey"> <div class="bar-block grey">
<a class="button bar-item tiny" href="run://pcmanwp">Wybierz </a> <a class="button bar-item tiny" href="run://pcmanwp">Wybierz </a>
<a class="button bar-item tiny" href="run://nitrogen --random /usr/share/backgrounds --set-scaled --save">Losowa systemowa</a> <a class="button bar-item tiny" href="run://mbwallpaper -o">Losowa tapeta</a>
<a class="button bar-item tiny" href="run://nitrogen --random wallpapers --set-scaled --save">Losowa użytkownika</a> <a class="button bar-item tiny" href="run://jgwallpaperchanger -s">Losowa użytkownika</a>
</div> </div>
</div> </div>
</div> </div>
@@ -690,11 +682,9 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
</div> </div>
</div> </div>
<h5>Jak ustawić tapetę w Maboxie?</h5> <h5>Jak ustawić tapetę w Maboxie?</h5>
<p>Zalecaną metodą jest korzystanie z menu kontekstowego w menadżerze plików.</p> <p>W panelu obok menu znajduje się miniaturka, kliknij lewym aby ustawić <strong>losową</strong> tapetę. Klikając prawym przyciskiem w miniaturkę uzyskasz dostęp do dodatkowych ciekawych możliwości.</p>
<p>Kliknij <a class="tag small amber" href="run://pcmanwp"> Wybierz tapetę</a> - uruchomiony zostanie menadżer plików z wszystkimi zdefiniowanymi katalogami z tapetami w kartach. Użyj menu kontekstowego aby ustawić wybraną tapetę. <p>Możesz także skorzystać z menu kontekstowego w menadżerze plików <a class="tag small amber" href="run://pcmanwp"> Wybierz tapetę</a></p>
<kbd>Ctrl + 3</kbd> pozwala na zmianę trybu widoku na Miniatury</p> <p>Możesz zdefiniować wiele katalogów, w których przechowujesz tapety <a class="tag small amber" href="config://.config/mabox/wallp_dirs.conf"> Konfiguruj katalogi</a></p>
<p>Możesz zdefiniować wiele katalogów, w których przechowujesz tapety<br />
<a class="tag small amber" href="config://.config/mabox/wallp_dirs.conf"> Konfiguruj katalogi</a></p>
</section> </section>
<section id="pyradiocava" class="container tab" style="display:none;min-height:100vh;"> <section id="pyradiocava" class="container tab" style="display:none;min-height:100vh;">
@@ -785,7 +775,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
</div> </div>
<p>Użyj <a class="tag small orange" href="run://colorizer-cava -s"> 󰺢 Modułu Cava</a> aby ustawiać gradienty, dopieszczać kolory, itp.</p> <p>Użyj <a class="tag small orange" href="run://colorizer-cava -s"> 󰺢 Modułu Cava</a> aby ustawiać gradienty, dopieszczać kolory, itp.</p>
<div class="panel dark-grey rightbar border-black border" style="margin-top:-2px;"> <div class="panel dark-grey rightbar border-black border" style="margin-top:-2px;">
<p><a class="tag teal" href="run://mb-music -s">󰕾 Muzyka & Dźwięk</a> to dynamiczne menu, które może służyć jako prosty i lekki odtwarzacz (bazujący na mpv). <i>Dostępny także pod prawym klikiem na ikonie dźwięku w panelu.</i></p> <p><a class="tag teal" href="run://mb-music -s">󰕾 Muzyka & Dźwięk</a> to dynamiczne menu, które może służyć jako prosty i lekki odtwarzacz (bazujący na mpv). Możesz je wywołać skrótem <kbd>super + m</kbd></p>
</div> </div>
<h3>PyRadio - Radio internetowe</h3> <h3>PyRadio - Radio internetowe</h3>
@@ -793,8 +783,9 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
<div class="row"> <div class="row">
<div class="twothird"> <div class="twothird">
<p>PyRadio to zaawansowany odtwarzacz radia internetowego, działający pod konsolą.</p> <p>PyRadio to zaawansowany odtwarzacz radia internetowego, działający pod konsolą.</p>
<p>Możesz włączyć <strong>PyRadio</strong> skrótem <kbd>super</kbd>+<kbd>r</kbd></p> <p>Możesz włączyć <strong>PyRadio</strong> skrótem <kbd>super + r</kbd><br />
<p>Colorizer może generować motywy pyradio na bazie palety kolorów z aktualnie ustawionej tapety.</p> Kolejne użycia skrótu będą naprzemiennie chować i pokazywać okienko z PyRadio. Aby wyłączyć wciśnij <kbd>q</kbd> lub <kbd>Ctrl + c</kbd></p>
<p>Colorizer może generować motywy PyRadio na bazie palety kolorów z aktualnie ustawionej tapety.</p>
<p>Użyj <a class="tag small orange" href="run://colorizer-pyradio -s"> Modułu PyRadio</a> aby dostosować kolory.</p> <p>Użyj <a class="tag small orange" href="run://colorizer-pyradio -s"> Modułu PyRadio</a> aby dostosować kolory.</p>
</div> </div>
@@ -834,7 +825,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
<img src="/usr/share/icons/Papirus/32x32/places/folder-adwaita.svg" /> <img src="/usr/share/icons/Papirus/32x32/places/folder-adwaita.svg" />
<img src="/usr/share/icons/Papirus/32x32/places/folder-adwaita-music.svg" /><br /> <img src="/usr/share/icons/Papirus/32x32/places/folder-adwaita-music.svg" /><br />
<a class="tag small light-gray hover-white" href="run://gtkctl papcolor adwaita">light</a><a class="tag small dark-gray hover-black" href="run://gtkctl papcolor adwaita -d">dark</a></div> <a class="tag small light-gray hover-white" href="run://gtkctl papcolor adwaita">light</a><a class="tag small dark-gray hover-black" href="run://gtkctl papcolor adwaita -d">dark</a></div>
<div class="gi5"><h3>Ikony Katalogów Papirus</h3><hr />Wygeneruj i ustaw kolorowe foldery Papirus. Wariant jasny (light) lub ciemny (dark).</div> <div class="gi5"><h3 style="margin-top:-20px;">Ikony Katalogów Papirus</h3><p>Wygeneruj i ustaw kolorowe foldery Papirus. Wariant jasny (light) lub ciemny (dark). Efekt zobaczysz od razu w menedżerze plików</p></div>
<div class="i">Black<br /> <div class="i">Black<br />
<img src="/usr/share/icons/Papirus/32x32/places/folder-black.svg" /> <img src="/usr/share/icons/Papirus/32x32/places/folder-black.svg" />
<img src="/usr/share/icons/Papirus/32x32/places/folder-black-music.svg" /><br /> <img src="/usr/share/icons/Papirus/32x32/places/folder-black-music.svg" /><br />
@@ -942,24 +933,24 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
</div> </div>
<h2>Motyw Terminala</h2> <h2>Motyw Terminala</h2>
<p>Mabox dostarcza wiele motywów kolorystycznych dla terminali (~400)</p> <p>Mabox dostarcza wiele motywów kolorystycznych dla terminali (~400)</p>
<p>Interaktywny selektor pomoże Ci znaleźć odpowiedni motyw. (<kbd>Enter</kbd>/<kbd>Esc</kbd> - użyj wybranego motywu, <kbd>Ctrl + c</kbd> - anuluj)</p> <p>Interaktywny selektor pomoże Ci znaleźć odpowiedni motyw.</p>
<p> (<kbd>Enter</kbd>/<kbd>Esc</kbd> - użyj wybranego motywu, <kbd>Ctrl + c</kbd> - anuluj)</p>
<p>Możesz uruchomić selektor motywu terminala w dowolnym momencie z linii komend za pomocą aliasu <strong>th</strong></p> <p>Możesz uruchomić selektor motywu terminala w dowolnym momencie z linii komend za pomocą aliasu <strong>th</strong></p>
<h5>Różne kolory dla sesji root i SSH</h5> <h5>Różne kolory dla sesji root i SSH</h5>
<img src="img/theme.sh.webp" /> <img src="img/theme.sh.webp" />
<p>Aby zmienić motyw dla sesji <strong>ssh</strong> i <strong>root</strong>, edytuj <tt>~/.bashrc</tt></p> <p>Aby zmienić motyw dla sesji <strong>ssh</strong> i <strong>root</strong>, edytuj <tt>~/.bashrc</tt></p>
<h5>Terminator i Quake-terminal</h5> <h5>Terminator i Quake-terminal</h5>
<p>Terminator jest domyślnym terminalem w Maboxie. Użyj <kbd>super + t</kbd>, aby uruchomić go w normalnym oknie lub <kbd>F12</kbd>, aby uruchomić jako terminal Quake (naciśnij ponownie <kbd>F12</kbd>, aby go pokazać/ukryć). </p> <p>Terminator jest domyślnym terminalem w Maboxie. Użyj <kbd>super + t</kbd>, aby uruchomić go w normalnym oknie lub <kbd>F12</kbd>, aby uruchomić jako terminal Quake (naciśnij ponownie <kbd>F12</kbd>, aby go pokazać/ukryć). </p>
<p>Terminator to terminal kafelkowy. Możesz uruchomić <a class="tag small teal" href="run://conkyctl toggleone Tiling_terminal">edukacyjne Conky</a> pokazujące kilka skrótów przydatnych podczas pracy z terminatorem.</p> <p>Terminator to terminal kafelkowy. Możesz uruchomić <a class="tag small teal" href="run://conkyctl toggleone tiling_terminal">edukacyjne Conky</a> pokazujące kilka skrótów przydatnych podczas pracy z terminatorem.</p>
</section> </section>
<section id="Tint2" class="container tab" style="display:none;min-height:100vh;"> <section id="Tint2" class="container tab" style="display:none;min-height:100vh;">
<h2>Panel Tint2</h2> <h2>Panel Tint2</h2>
<p>Moduł Tint2 Colorizera nie jest jeszcze dostępny, ale już jest opracowywany.</p>
<p class="center"><em>Możesz wspomóc jego rozwój jeśli chcesz...</em></p><p class="center"><a class="button blue hover-indigo" href="https://ko-fi.com/maboxlinux"><span class="large"> 󰅶 </span> Postaw mi kawę</a></p>
<p>Póki co, możesz użyć całkiem fajnego menu konfiguracji panelu.</p>
<p><a class="button inline round tiny lime" href="run://jgtint2-pipe -s">Menu konfiguracji Tint2</a></p>
<p><a class="button inline round tiny lime" href="run://jgtint2launcher -s">Dodaj/Usuń Programy do launchera</a></p> <p>Do konfiguracji panelu możesz użyć menu konfiguracji panelu.</p>
<p><a class="button inline round small lime" href="run://jgtint2-pipe -s">Menu konfiguracji Tint2</a></p>
<p><a class="button inline round small lime" href="run://jgtint2launcher -s">Dodaj/Usuń Programy do launchera</a></p>
</section> </section>
<section id="Save" class="container tab" style="display:none;min-height:100vh;"> <section id="Save" class="container tab" style="display:none;min-height:100vh;">
<div class="fixed"> <div class="fixed">