Colorizer GUI update
This commit is contained in:
@@ -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://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://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>
|
||||
</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">
|
||||
<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>Easily change look and feel of:
|
||||
<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, '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>PyRadio</strong> - Internet Radio Player</li>//-->
|
||||
</ul></p>
|
||||
@@ -213,21 +213,26 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
|
||||
<main class="grid">
|
||||
<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>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>
|
||||
<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 />
|
||||
<a class="button amber" href="run://colorizer-ob -s"> Openbox</a>
|
||||
</div>
|
||||
<p><hr /></p>
|
||||
<strong>Size</strong> <em>presets</em><br />
|
||||
<a class="tag small amber" href="run://obtctl tweak tiny">tiny</a>
|
||||
<strong>Title Bar</strong><br />
|
||||
<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 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 amber" href="run://obtctl tweak large">large</a>
|
||||
|
||||
<br />
|
||||
<span class="small">font color</span> <a class="tag " style="background-color:#FFFFFF" href="run://obtctl activetextcolor #FFFFFF"> </a>
|
||||
<a class="tag " style="background-color:#DDDDDD" href="run://obtctl activetextcolor #DDDDDD"> </a>
|
||||
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917"> </a>
|
||||
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025"> </a>
|
||||
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800"> </a>
|
||||
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #222222"> </a>
|
||||
<a class="tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000"> </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 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"> </a>
|
||||
<a class="tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB"> </a>
|
||||
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917"> </a>
|
||||
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025"> </a>
|
||||
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800"> </a>
|
||||
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #333333"> </a>
|
||||
<a class="tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000"> </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- FONT FAMILY AND SIZE //-->
|
||||
<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>
|
||||
<hr />
|
||||
<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 />
|
||||
<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 class="dark">
|
||||
<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;">
|
||||
<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 class="center">
|
||||
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_graph">with Graph</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a><br />
|
||||
<a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a>
|
||||
<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 RAM">RAM</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 tiling_terminal">Terminal</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone mabox_tools_">Mabox Tools</a><br />
|
||||
Clock and others<br />
|
||||
<a class="tag small teal" href="run://conkyctl toggleone clock_mbcolor">Clock</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone clock_and_date">Clock and Date</a>
|
||||
Advanced<br />
|
||||
<a class="tag small teal" href="run://conkyctl toggleone Better_Clock">Clock</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 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><hr /></p>
|
||||
<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>
|
||||
<p>Click <strong>right mouse button</strong> on any Conky for <strong>context menu</strong>, which allows you to:
|
||||
<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>set text colors, borders, shadow or outline effects</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.
|
||||
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>
|
||||
<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><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>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><kbd>Super</kbd> + <kbd>C</kbd> - <strong>toggle Conky session</strong> - start/stop all Conkies</p>
|
||||
</div>
|
||||
@@ -600,24 +596,23 @@ If you add more commands, a menu will be shown.</p>
|
||||
<h2>Generating themes from wallpaper</h2>
|
||||
<div class="row">
|
||||
<div class="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:
|
||||
<p>Colorizer generates a color palette based on the currently set wallpaper.
|
||||
Based on such palette, it is possible to generate two versions of themes (dark and light) for:
|
||||
<ul>
|
||||
<li>OpenBox window decoration</li>
|
||||
<li>Menus, Panels</li>
|
||||
<li>Conky</li>
|
||||
<li>Conky widgets</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Try how it works...</p>
|
||||
Try how it works...</p>
|
||||
</div>
|
||||
|
||||
<div class="third">
|
||||
<div class="card round padding deep-purple"><span class="right xxlarge"></span>
|
||||
<p><br /><strong>Set Wallpaper</strong></p>
|
||||
<div class="bar-block grey">
|
||||
<a class="button bar-item tiny" href="run://pcmanwp">Select</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://nitrogen --random wallpapers --set-scaled --save">Random User Wallpaper</a>
|
||||
<a class="button bar-item tiny" href="run://pcmanwp">Choose...</a>
|
||||
<a class="button bar-item tiny" href="run://mbwallpaper -o">Random Wallpaper</a>
|
||||
<a class="button bar-item tiny" href="run://jgwallpaperchanger -s">More options...</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -672,11 +667,9 @@ If you add more commands, a menu will be shown.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h5>How to change wallpaper in Mabox?</h5>
|
||||
<p>The recommended method is to use the context menu in the file manager.</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.
|
||||
<kbd>Ctrl + 3</kbd> allows you to change the view mode to Thumbnails</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>
|
||||
<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>You can also use the context menu in the file manager <a class="tag small amber" href="run://pcmanwp"> Select wallpaper</a></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>
|
||||
</section>
|
||||
<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>
|
||||
<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;">
|
||||
<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>
|
||||
|
||||
<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="twothird">
|
||||
<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>Use Colorizer <a class="tag small orange" href="run://colorizer-pyradio -s"> PyRadio module </a> to fine-tune colors.</p>
|
||||
</div>
|
||||
@@ -918,7 +912,8 @@ If you add more commands, a menu will be shown.</p>
|
||||
</div>
|
||||
<h2>Terminal theme</h2>
|
||||
<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>
|
||||
<h5>Different colors for root and SSH sessions</h5>
|
||||
<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;">
|
||||
<h2>Tint2 panel</h2>
|
||||
<p>Colorizer module for Tint2 panel is not available yet - currently in <strong>active development!</strong></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>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://jgtint2launcher -s"> Add/Remove Launchers to panel</a></p>
|
||||
|
||||
@@ -152,10 +152,10 @@ h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
|
||||
</div>
|
||||
|
||||
<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://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">Wesprzyj</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://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>
|
||||
</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">
|
||||
<img src="/usr/share/mabox-colorizer/img/colorizer.png" class="right"/>
|
||||
<h2 class="center">Mabox Colorizer <span class="tiny">pre-release</span></h2>
|
||||
<p class="center"><i>narzędzie do dostrajania motywów<br />pulpitu Mabox Linux</i></p>
|
||||
<h2 class="center">Mabox Colorizer <span class="tiny">beta</span></h2>
|
||||
<p class="center"><i>zestaw narzędzi do dostrajania motywów<br />pulpitu Mabox Linux</i></p>
|
||||
<p>Z łatwością zmienisz wygląd:
|
||||
<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, '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>
|
||||
</ul></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">
|
||||
<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>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>
|
||||
<div class="pale-green leftbar border-green">
|
||||
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>
|
||||
</div>
|
||||
<p><hr /></p>
|
||||
<strong>Rozmiar paska tytułu</strong> <em></em><br />
|
||||
<a class="tag small amber" href="run://obtctl tweak tiny">mini</a>
|
||||
<strong>Pasek tytułu</strong> <em></em><br />
|
||||
<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 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 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"> </a>
|
||||
<a class="tag " style="background-color:#DDDDDD" href="run://obtctl activetextcolor #DDDDDD"> </a>
|
||||
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917"> </a>
|
||||
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025"> </a>
|
||||
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800"> </a>
|
||||
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #222222"> </a>
|
||||
<a class="tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000"> </a>
|
||||
|
||||
</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>
|
||||
</div>
|
||||
</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>
|
||||
<!-- 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>
|
||||
<!-- 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>
|
||||
<!-- 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="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 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"> </a>
|
||||
<a class="tag " style="background-color:#BBBBBB" href="run://obtctl activetextcolor #BBBBBB"> </a>
|
||||
<a class="tag " style="background-color:#60a917" href="run://obtctl activetextcolor #60a917"> </a>
|
||||
<a class="tag " style="background-color:#a20025" href="run://obtctl activetextcolor #a20025"> </a>
|
||||
<a class="tag " style="background-color:#e3c800" href="run://obtctl activetextcolor #e3c800"> </a>
|
||||
<a class="tag " style="background-color:#222222" href="run://obtctl activetextcolor #333333"> </a>
|
||||
<a class="tag " style="background-color:#000000" href="run://obtctl activetextcolor #000000"> </a>
|
||||
|
||||
</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>
|
||||
<!-- 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>
|
||||
<!-- 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>
|
||||
<!-- 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">
|
||||
<p class="center">Kolor paska tytułu</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>
|
||||
<hr />
|
||||
<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 />
|
||||
<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 class="dark">
|
||||
<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;">
|
||||
<main class="grid">
|
||||
<div class="gi4 gi4r left-align"><h2>Conky</h2>
|
||||
<p>Mabox dostarcza kilkunastu konfiguracji Conky.<br /><em>Kliknij ich nazwy poniżej aby je wypróbować.</em></p>
|
||||
<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ć (właczyć/wyłączyć).</em></p>
|
||||
<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_graph">Z grafem</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a><br />
|
||||
<a class="tag small teal" href="run://conkyctl toggleone mabox_info">Mini</a>
|
||||
<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 RAM">RAM</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 tiling_terminal">Terminal</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone mabox_tools_">Narzędzia Maboxa</a><br />
|
||||
Zegary i inne<br />
|
||||
<a class="tag small teal" href="run://conkyctl toggleone clock_mbcolor">Zegar</a>
|
||||
<a class="tag small teal" href="run://conkyctl toggleone clock_and_date">Zegar i Data</a>
|
||||
Zaawansowane<br />
|
||||
<a class="tag small teal" href="run://conkyctl toggleone Better_Clock">Zegar</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 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><hr /></p>
|
||||
<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>
|
||||
<p>Kliknij <strong>prawym przyciskiem myszy</strong> na dowolnym Conky, a zobaczysz <strong>menu kontekstowe</strong>. Pozwala ono w wygodny sposób:
|
||||
<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>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>
|
||||
@@ -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>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>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>
|
||||
|
||||
@@ -610,7 +603,7 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
|
||||
</div>
|
||||
<div class="panel dark-grey leftbar border-black border">
|
||||
<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>
|
||||
</section>
|
||||
|
||||
@@ -618,24 +611,23 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
|
||||
<h2>Generowanie motywów z tapety</h2>
|
||||
<div class="row">
|
||||
<div class="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:
|
||||
<p>Colorizer generuje paletę kolorów na bazie aktualnie ustawionej tapety.<br />
|
||||
Na podstawie tej palety 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>widżetów Conky</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Wypróbuj jak to działa ...</p>
|
||||
</div>
|
||||
Wypróbuj jak to działa ...</p>
|
||||
</div>
|
||||
|
||||
<div class="third">
|
||||
<div class="card round padding deep-purple"><span class="right xxlarge"></span>
|
||||
<p><br /><strong>Ustaw tapetę</strong></p>
|
||||
<div class="bar-block grey">
|
||||
<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://nitrogen --random wallpapers --set-scaled --save">Losowa użytkownika</a>
|
||||
<a class="button bar-item tiny" href="run://mbwallpaper -o">Losowa tapeta</a>
|
||||
<a class="button bar-item tiny" href="run://jgwallpaperchanger -s">Losowa użytkownika</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -690,11 +682,9 @@ Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i prz
|
||||
</div>
|
||||
</div>
|
||||
<h5>Jak ustawić tapetę w Maboxie?</h5>
|
||||
<p>Zalecaną metodą jest korzystanie z menu kontekstowego w menadżerze plików.</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ę.
|
||||
<kbd>Ctrl + 3</kbd> pozwala na zmianę trybu widoku na Miniatury</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>
|
||||
<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>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>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<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;">
|
||||
<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>
|
||||
|
||||
<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="twothird">
|
||||
<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>Colorizer może generować motywy pyradio na bazie palety kolorów z aktualnie ustawionej tapety.</p>
|
||||
<p>Możesz włączyć <strong>PyRadio</strong> skrótem <kbd>super + r</kbd><br />
|
||||
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>
|
||||
</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-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>
|
||||
<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 />
|
||||
<img src="/usr/share/icons/Papirus/32x32/places/folder-black.svg" />
|
||||
<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>
|
||||
<h2>Motyw Terminala</h2>
|
||||
<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>
|
||||
<h5>Różne kolory dla sesji root i SSH</h5>
|
||||
<img src="img/theme.sh.webp" />
|
||||
<p>Aby zmienić motyw dla sesji <strong>ssh</strong> i <strong>root</strong>, edytuj <tt>~/.bashrc</tt></p>
|
||||
<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 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 id="Tint2" class="container tab" style="display:none;min-height:100vh;">
|
||||
<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 id="Save" class="container tab" style="display:none;min-height:100vh;">
|
||||
<div class="fixed">
|
||||
|
||||
Reference in New Issue
Block a user