2022-06-29 16:31:14 +02:00
<!DOCTYPE html>
< html >
< title > Mabox Colorizer< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "stylesheet" href = "./css/w3.css" >
< style >
2024-01-14 22:05:04 +01:00
@font-face{
font-family: "Symbols";
2024-01-15 00:02:48 +01:00
src: url("/usr/share/fonts/TTF/Symbols-2048-em Nerd Font Complete.ttf") format("truetype");
2024-01-14 22:05:04 +01:00
}
2022-06-29 16:31:14 +02:00
body{
background-color:#222222;
2024-02-22 14:24:51 +01:00
color: #999999;
2024-01-25 13:01:29 +01:00
font-size: 1.6vw !important;
2024-01-14 22:05:04 +01:00
font-family: 'Symbols', sans-serif;
2022-06-29 16:31:14 +02:00
}
2024-02-22 14:24:51 +01:00
.dark{background-color:#191919;}
2022-06-29 16:31:14 +02:00
div.fixed {
position: fixed;
2022-12-23 11:10:27 +01:00
top: 4px;
2022-06-29 16:31:14 +02:00
right: 0;
2022-12-19 22:22:23 +01:00
width: 400px;
2022-06-29 16:31:14 +02:00
}
div.fixeddown {
position: fixed;
bottom:0;
2022-12-20 00:35:35 +01:00
left:0;
2024-01-25 13:01:29 +01:00
width:20%;
2022-06-29 16:31:14 +02:00
}
2024-02-22 14:24:51 +01:00
nav button.tablink {padding:3px 8px !important;width:94%;float:right;text-align:left;border-left:4px solid transparent;}
nav button.tablink:hover {background-color:#444444 !important;color:white !important;border-left:4px solid #222222;}
nav button.bg {background-color:#222222;color:white !important;border-left:4px solid #34BE5B !important;border-radius:4px 0 0 4px;}
hr {margin:0;border: 0;height: 1px;background-image: linear-gradient(to right, rgba(105, 105, 105, 0), rgba(105, 105, 105, 0.75), rgba(105, 105, 105, 0));}
2024-01-28 11:31:19 +01:00
div.fixed .bar-item {margin-right:4px; border-radius:4px;}
.third {padding: 0.01em 4px;}
.button {position:relative;}
.button .right {position:absolute; top:0; right:6px;}
2024-02-22 14:24:51 +01:00
main div.dark .button{min-width:8vw;border-radius:2px;}
2024-01-17 22:41:38 +01:00
section.tab {padding-top: 0;}
2022-12-23 11:10:27 +01:00
section#Colorizer {padding-top: 0.01em;}
2024-02-22 14:24:51 +01:00
#logoheader {padding:16px 0 12px 0;background-color:#111111;border-bottom:1px solid #444444;}
#logo {width:8vw;height:8vw;}
2024-01-25 13:01:29 +01:00
div.fixeddown p {margin:0;}
2024-02-22 14:24:51 +01:00
p#links a {text-decoration:none;margin:0 4px;font-size:2.4vw !important;}
#links {background-color:#111111;border-top:1px solid #444444;}
2022-12-08 17:48:55 +01:00
.link {cursor:pointer;}
2024-01-28 11:31:19 +01:00
.bar-block .btn {width: 100px;text-align:center;}
.bar-block .btn:hover {background-color:white;color:gray;}
.dropdown-content {min-width: 20px;}
2024-02-22 14:24:51 +01:00
a.tag {text-decoration:none; border:none;margin-bottom: 4px;border-radius:3px; padding:1px 6px;filter: brightness(0.8);}
a.tag:hover {text-decoration:none; border:none;margin-bottom: 4px;filter: brightness(1);}
.colors a.tag {border-radius:0;border:1px solid #333333;filter: brightness(1);}
.colors a.tag:hover {border:1px solid #EEEEEE;}
.attribs a.tag {margin-left:0;margin-right:1px;border:none;border-radius:0;filter: brightness(0.8);}
.attribs a.tag:hover {margin-left:0; margin-right:1px;border:none;border-radius:0;filter: brightness(1);}
2022-12-21 10:43:12 +01:00
kbd {
background-color: #eee;
border-radius: 3px;
border: 1px solid #b4b4b4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
color: #333;
display: inline-block;
font-size: 0.85em;
font-weight: 700;
line-height: 1;
padding: 2px 4px;
white-space: nowrap;
}
2024-01-28 11:31:19 +01:00
.small {font-size: 1.5vw !important;}
.tiny {font-size: 1.25vw !important;}
2024-01-25 13:01:29 +01:00
h2 {font-size: 3vw !important;}
h3 {font-size: 2.4vw !important;}
h4 {font-size: 2.2vw !important;}
2024-02-22 14:24:51 +01:00
h5 {font-size: 2vw !important;border-bottom: 1px solid;padding-left: 1em;}
2024-01-28 11:31:19 +01:00
.large {width:3.2vw !important;height:2.4vw !important;font-size: 2.4vw !important;}
2022-12-21 10:43:12 +01:00
2024-02-22 14:24:51 +01:00
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
grid-gap: .5em;
}
.grid + .grid {
margin-top: .5em;
}
.grid div {
border: 0 solid currentcolor;
border-radius: 4px;
/**min-height: 15vh;**/
padding: 1em;
/**color: #0178d4;
background-color:#191919;**/
font-size: 1em;
text-align: center;
/**display: flex;
flex-direction: column;**/
justify-content: center;
}
.gi2 {grid-column: span 2;}
.gi3 {grid-column: span 3;}
.gi4 {grid-column: span 4;}
.gi22 {
grid-column: span 2;
grid-row: span 2;
}
.gi2r{grid-row: span 2;}
.gi3r{grid-row: span 3;}
.gi4r{grid-row: span 4;}
2022-06-29 16:31:14 +02:00
< / style >
< body >
2024-02-22 14:24:51 +01:00
< div class = "sidebar bar-block" style = "background-color:#333333;width:20%" >
< div class = "center" id = "logoheader" >
< svg id = "logo" viewBox = "0 0 128 128" >
< polygon points = "4,4 58,4 58,58 4,58" style = "fill:#674EA7;stroke:white;stroke-width:4;fill-rule:nonzero;" / >
< polygon points = "68,4 124,4 124,58 68,58" style = "fill:#34BE5B;stroke:white;stroke-width:4;fill-rule:nonzero;" / >
< polygon points = "4,68 58,68 58,124 4,124" style = "fill:#FF8C00;stroke:white;stroke-width:4;fill-rule:nonzero;" / >
< polygon points = "68,68 124,68 124,124 68,124" style = "fill:#5e81ac;stroke:white;stroke-width:4;fill-rule:nonzero;" / >
< / svg > < br / >
< span class = "small" > Colorizer< / span >
< / div >
< nav style = "padding-top:8px;" >
< button class = "button small tablink bg" onclick = "openTab(event, 'Colorizer')" > Colorizer< / button >
< button class = "button small tablink" onclick = "openTab(event, 'Openbox')" > Motyw Openbox< / button >
< button class = "button small tablink" onclick = "openTab(event, 'Conky')" > Conky< / button >
< button class = "button small tablink" onclick = "openTab(event, 'Jgmenu')" > Menu/Panele Boczne< / button >
< button class = "button small tablink" onclick = "openTab(event, 'Tint2')" > Panel Tint2< / button >
< button class = "button small tablink" onclick = "openTab(event, 'Wall2theme')" > Kolory z tapety< / button >
< button class = "button small tablink" onclick = "openTab(event, 'pyradiocava')" > < i > Cava, PyRadio< / i > < / button >
< button class = "button small tablink" onclick = "openTab(event, 'fonts')" > Czcionki< / i > < / button >
< button class = "button small tablink" onclick = "openTab(event, 'Terminal')" > Kolory Terminala< / button >
< button class = "button small tablink" onclick = "openTab(event, 'Save')" > Zapisywanie< / button >
2023-05-09 14:14:23 +02:00
< / nav >
2022-12-20 00:35:35 +01:00
< div class = "fixeddown" >
2024-02-01 14:01:44 +01:00
< div class = "center small" style = "margin: 0 4px 4px 2px;" >
< p > < a class = "tag small indigo" href = "run://pcmanwp" > Wybierz tapetę< / a > < a class = "tag small indigo" href = "run://mbwallpaper -o" > < / a > < / p >
2024-02-22 14:24:51 +01:00
< p > < em > dynamiczne menu< / em > < / p >
2024-01-25 13:01:29 +01:00
< p >
2024-02-01 14:01:44 +01:00
< a class = "tag small purple" href = "run://colorizer -s" > Colorizer< / a > < br / >
2024-01-28 11:31:19 +01:00
< a class = "tag small amber" href = "run://colorizer-ob -s" > Openbox< / a >
< a class = "tag small amber" href = "run://colorizer-conky -s" > Conky< / a >
< a class = "tag small amber" href = "run://colorizer-menus -s" > Menu< / a >
< a class = "tag small amber" href = "run://colorizer-fonts -s" > Czcionki< / a > < br / >
< a class = "tag small lime" href = "run://colorizer-cava -s" > Cava< / a >
< a class = "tag small lime" href = "run://colorizer-pyradio -s" > PyRadio< / a >
2024-01-25 13:01:29 +01:00
< / p >
2024-02-22 14:24:51 +01:00
< / div >
2024-01-25 13:01:29 +01:00
2024-02-22 14:24:51 +01:00
< 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://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 >
2022-12-20 00:35:35 +01:00
< / p >
< / div >
2022-06-29 16:31:14 +02:00
< / div >
2024-01-28 11:31:19 +01:00
< div style = "margin-left:20%;" class = "small" >
2022-06-29 16:31:14 +02:00
2024-01-28 11:31:19 +01:00
< section id = "Colorizer" class = "container tab" style = "min-height:100vh;" >
2022-06-29 16:31:14 +02:00
2024-01-28 11:31:19 +01:00
< 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 >
2022-09-19 20:59:26 +02:00
< p > Z łatwością zmienisz wygląd:
2022-06-29 16:31:14 +02:00
< ul >
2024-01-28 11:31:19 +01:00
< 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 amber link" onclick = "openTab(event, 'Wall2theme')" > Generowanie motywów< / span > < / strong > na podstawie < strong > kolorystyki tapety< / strong > < / li >
2022-06-29 16:31:14 +02:00
< / ul > < / p >
2024-01-28 11:31:19 +01:00
< p class = "center" > Wypróbuj < strong > Randomizer< / strong > - szybko zmieniaj motywy. Bezpiecznie zresetuj gdy chcesz.< / p >
< div class = "row" >
< div class = "half container" >
< div class = "card round padding deep-purple" > < span class = "right xxlarge" > < / span > < p > < em > Ustaw < strong > losowy< / strong > < br / > motyw kolorystyczny dla...< / em > < / p >
< div class = "bar-block grey" > < a class = "button bar-item tiny" href = "run://randomizer ob" > Dekoracje okien Openbox< / a >
< a class = "button bar-item tiny" href = "run://randomizer menu show" > Menu / Panele boczne< / a >
< a class = "button bar-item tiny" href = "run://randomizer conky" > Conky< / a >
< a class = "button bar-item tiny hover-yellow" href = "run://randomizer all show" > Wszystko co powyżej< / a >
2022-12-19 22:22:23 +01:00
< / div >
< / div >
2022-06-29 16:31:14 +02:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "half container" >
< div class = "card round padding grey" > < span class = "right xxlarge" > < / span > < p > < em > < strong > Resetuj< / strong > do ustawień domyślnych...< br / > (jak zaraz po instalacji)< / em > < / p >
< div class = "bar-block dark-grey" > < a class = "button bar-item tiny" href = "run://obtctl resetMBcolors" > Dekoracje okien Openbox< / a >
< a class = "button bar-item tiny" href = "run://jgctl resetMBcolors show" > Menu / Panele boczne< / a >
< a class = "button bar-item tiny" href = "run://conkyctl resetcolorsall" > Conky< / a >
< a class = "button bar-item tiny hover-yellow" href = "run://randomizer resetall show" > Wszystko co powyżej< / a >
2022-12-19 22:22:23 +01:00
< / div >
< / div >
< / div >
2022-06-29 16:31:14 +02:00
< / div >
2022-12-20 00:35:35 +01:00
< br / >
< p > Colorizer oferuje dwa tryby pracy: podstawowy i zaawansowany.
< ul >
< li > < strong > podstawowy< / strong > - korzystasz z tego okna - łatwo i szybko< / li >
2023-05-10 23:50:21 +02:00
< li > < strong > zaawansowany< / strong > - za pomocą dynamicznie generowanych menu - większe możliwości dostosowania, nieograniczony wybór kolorów. Dopieszczanie.< / li >
2022-12-20 00:35:35 +01:00
< / ul >
< / p >
2022-06-29 16:31:14 +02:00
< / div >
2022-12-20 00:35:35 +01:00
2022-06-29 16:31:14 +02:00
< / section >
2022-12-23 11:10:27 +01:00
2024-01-28 11:31:19 +01:00
< section id = "Openbox" class = "container tab" style = "display:none;min-height:100vh;" >
2024-02-22 14:24:51 +01:00
< main class = "grid" >
< div class = "gi4 gi4r left-align" > < h2 > Openbox dekoracja okien< / h2 >
2022-12-30 08:38:43 +01:00
< p > Moduł Openbox pozwala w łatwy sposób dostosować wygląd dekoracji okien< / p >
2024-01-28 11:31:19 +01:00
< 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 >
2024-02-22 14:24:51 +01:00
< 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 >
< 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 / >
< / div >
< div class = "gi2 dark" > < span > Generuj motywy...< / span > < / div >
< div class = "gi2 dark" > < strong > Monochromatyczne< / strong > < br / > < em > pobierz kolor z ekranu< / em > < br / >
< a class = "button padding-small dark-grey" href = "run://obtctl mono pick dark" > < span class = "large" > < / span > < br / > Ciemny< / a >
< a class = "button padding-small grey" href = "run://obtctl mono pick light" > < span class = "large" > < / span > < br / > Jasny< / a >
< br / >
< / div >
< div class = "gi2 dark" > < strong > Kolory z tapety< / strong > < br / > < em > wybierz wariant< / em > < br / >
< a class = "button padding-small dark-grey" href = "run://w2theme ob dark show" > < span class = "large" > < / span > < br / > Ciemny< / a >
< a class = "button padding-small grey" href = "run://w2theme ob light show" > < span class = "large" > < / span > < br / > Jasny< / a >
< / div >
< div class = "dark" >
< a class = "button padding-small amber" href = "run://randomizer ob" > < span class = "large" > < / span > < br / > Losowy< / a >
< / div >
< div class = "dark" >
< a class = "button padding-small teal hover-red" href = "run://obtctl resetMBcolors" > < span class = "large" > < / span > < br / > Resetuj< / a >
< / div >
< / main >
< p > < hr / > < / p >
2022-12-30 08:38:43 +01:00
2024-01-28 11:31:19 +01:00
< div class = "show-inline-block" >
< div class = "bar border round dark-grey" >
< div class = "dropdown-hover" >
< button class = "button small border-right" > Obramowanie< / button >
< div class = "dropdown-content bar-block border dark-grey card" >
< a class = "bar-item btn" href = "run://obtctl borderWidth 0" > 0< / a >
< a class = "bar-item btn" href = "run://obtctl borderWidth 1" > 1< / a >
< a class = "bar-item btn" href = "run://obtctl borderWidth 2" > 2< / a >
< a class = "bar-item btn" href = "run://obtctl borderWidth 3" > 3< / a >
< a class = "bar-item btn" href = "run://obtctl borderWidth 4" > 4< / a >
< a class = "bar-item btn" href = "run://obtctl borderWidth 8" > 8< / a >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< a class = "bar-item btn hover-gray border-right" href = "run://obtctl borderWidth increase" > +< / a >
< a class = "bar-item btn hover-gray" href = "run://obtctl borderWidth decrease" > -< / a >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< div class = "show-inline-block" >
< div class = "bar border round dark-grey" >
< div class = "dropdown-hover" >
< button class = "button small border-right" > Odstęp< / button >
< div class = "dropdown-content bar-block border dark-grey card" >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 0" > 0< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 1" > 1< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 2" > 2< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 3" > 3< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 4" > 4< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 6" > 6< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 8" > 8< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 10" > 10< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 12" > 12< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 16" > 16< / a >
< a class = "bar-item btn tiny" href = "run://obtctl paddingHeight 20" > 20< / a >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< a class = "bar-item btn hover-gray border-right" href = "run://obtctl paddingHeight increase" > +< / a >
< a class = "bar-item btn hover-gray" href = "run://obtctl paddingHeight decrease" > -< / a >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< div class = "show-inline-block" >
< div class = "bar border round dark-grey" >
< div class = "dropdown-hover" >
< button class = "button small border-right" > Styl< / button >
< div class = "dropdown-content bar-block border dark-grey card" >
< a class = "bar-item btn tiny" href = "run://obtctl raised 1" > podniesiony< / a >
< a class = "bar-item btn tiny" href = "run://obtctl raised 0" > płaski< / a >
< a class = "bar-item btn tiny" href = "run://obtctl raised 2" > wklęsły< / a >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< div class = "show-inline-block" >
< div class = "bar border round dark-grey" >
< div class = "dropdown-hover" >
< button class = "button small border-right" > Przyciski< / button >
< div class = "dropdown-content bar-block border dark-grey card" >
< a class = "bar-item btn tiny" href = "run://obtctl buttons tiny" > < img src = "./img/tiny.png" > tiny< / a >
< a class = "bar-item btn tiny" href = "run://obtctl buttons normal" > < img src = "./img/normal.png" > normal< / a >
< a class = "bar-item btn tiny" href = "run://obtctl buttons bold" > < img src = "./img/bold.png" > bold< / a >
< a class = "bar-item btn tiny" href = "run://obtctl buttons dots" > < img src = "./img/dots.png" > dots< / a >
< a class = "bar-item btn tiny" href = "run://obtctl buttons big-12" > duże 12px< / a >
< a class = "bar-item btn tiny" href = "run://obtctl buttons big-14" > duże 14px< / a >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< 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 >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
<!-- FONT FAMILY AND SIZE // -->
2024-01-28 11:31:19 +01:00
< 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 >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< 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 >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
<!-- WEIGHT AND SLANT: BOLD ITALIC // -->
2024-01-28 11:31:19 +01:00
< 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 >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
<!-- TEXT JUSTIFY // -->
2024-01-28 11:31:19 +01:00
< 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 >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
<!-- SHADOW EFFECT // -->
2024-01-28 11:31:19 +01:00
< 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 >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< div class = "row margin-top" >
< div class = "col m5 black round" >
2024-02-01 14:01:44 +01:00
< p class = "center" > Kolor paska tytułu< / p >
2024-01-28 11:31:19 +01:00
< p class = "center" > aktywne okno< / p >
< div class = "center padding" >
< a class = "tag large" style = "background-color:#DDDDDD" href = "run://obtctl clractivebg #DDDDDD" > < / a >
< a class = "tag large" style = "background-color:#a4c400" href = "run://obtctl clractivebg #a4c400" > < / a >
< a class = "tag large" style = "background-color:#60a917" href = "run://obtctl clractivebg #60a917" > < / a >
< a class = "tag large" style = "background-color:#008a00" href = "run://obtctl clractivebg #008a00" > < / a >
< a class = "tag large" style = "background-color:#00aba9" href = "run://obtctl clractivebg #00aba9" > < / a >
< a class = "tag large" style = "background-color:#1ba1e2" href = "run://obtctl clractivebg #1ba1e2" > < / a >
< a class = "tag large" style = "background-color:#3e65ff" href = "run://obtctl clractivebg #3e65ff" > < / a >
< a class = "tag large" style = "background-color:#0050ef" href = "run://obtctl clractivebg #0050ef" > < / a >
< a class = "tag large" style = "background-color:#6a00ff" href = "run://obtctl clractivebg #6a00ff" > < / a >
< a class = "tag large" style = "background-color:#aa00ff" href = "run://obtctl clractivebg #aa00ff" > < / a >
< a class = "tag large" style = "background-color:#f472d0" href = "run://obtctl clractivebg #f472d0" > < / a >
< a class = "tag large" style = "background-color:#d80073" href = "run://obtctl clractivebg #d80073" > < / a >
< a class = "tag large" style = "background-color:#a20025" href = "run://obtctl clractivebg #a20025" > < / a >
< a class = "tag large" style = "background-color:#e51400" href = "run://obtctl clractivebg #e51400" > < / a >
< a class = "tag large" style = "background-color:#fa6800" href = "run://obtctl clractivebg #fa6800" > < / a >
< a class = "tag large" style = "background-color:#f0a30a" href = "run://obtctl clractivebg #f0a30a" > < / a >
< a class = "tag large" style = "background-color:#e3c800" href = "run://obtctl clractivebg #e3c800" > < / a >
< a class = "tag large" style = "background-color:#825a2c" href = "run://obtctl clractivebg #825a2c" > < / a >
< a class = "tag large" style = "background-color:#6d8764" href = "run://obtctl clractivebg #6d8764" > < / a >
< a class = "tag large" style = "background-color:#647687" href = "run://obtctl clractivebg #647687" > < / a >
< a class = "tag large" style = "background-color:#76608a" href = "run://obtctl clractivebg #76608a" > < / a >
< a class = "tag large" style = "background-color:#87794e" href = "run://obtctl clractivebg #87794e" > < / a >
< a class = "tag large" style = "background-color:#a0522d" href = "run://obtctl clractivebg #a0522d" > < / a >
< a class = "tag large" style = "background-color:#222222" href = "run://obtctl clractivebg #222222" > < / a >
< p > < a class = "tag dark-gray" href = "run://mbclr pixelcolor obtctl clractivebg" > < big > < / big > Pobierz z ekranu< / a > < / p >
2022-12-17 12:12:52 +01:00
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< div class = "col m1" > < / div >
< div class = "col black m6 round" >
2024-02-01 14:01:44 +01:00
< p class = "center" > Typ Gradientu< / p >
2024-01-28 11:31:19 +01:00
< p class = "center" >
2024-02-01 14:01:44 +01:00
< a href = "run://obtctl gradient_type solid" > < img src = "./img/solid.png" > < / a >
2022-12-19 22:22:23 +01:00
< a href = "run://obtctl gradient_type vertical" > < img src = "./img/vertical.png" > < / a >
< a href = "run://obtctl gradient_type horizontal" > < img src = "./img/horizontal.png" > < / a >
< a href = "run://obtctl gradient_type mirrorhorizontal" > < img src = "./img/mirrorhorizontal.png" > < / a >
< a href = "run://obtctl gradient_type splitvertical" > < img src = "./img/splitvertical.png" > < / a >
< a href = "run://obtctl gradient_type diagonal" > < img src = "./img/diagonal.png" > < / a >
< a href = "run://obtctl gradient_type crossdiagonal" > < img src = "./img/crossdiagonal.png" > < / a >
< a href = "run://obtctl gradient_type pyramid" > < img src = "./img/pyramid.png" > < / a >
2022-12-17 12:12:52 +01:00
< / p >
< / div >
< / div >
2022-06-29 16:31:14 +02:00
< / section >
2022-09-19 20:59:26 +02:00
2024-01-28 11:31:19 +01:00
< section id = "Jgmenu" class = "container tab" style = "display:none;min-height:100vh" >
2024-02-22 14:24:51 +01:00
< main class = "grid" >
< div class = "gi4 gi4r left-align" > < h2 > Menu / Panele boczne< / h2 >
< p > Menu / Panele boczne oraz niemała liczba narzędzi Maboxa została stworzona na bazie jgmenu. W bardzo łatwy sposób możesz je dostosować do swoich potrzeb - zarówno < strong > wygląd< / strong > jak i < strong > funkcjonalność< / strong > < / p >
< br / >
< p > < hr / > < / p >
< div class = "pale-red leftbar border-red" >
Po każdej zmianie menu zostanie pokazane.< br / >
Użyj < kbd > Esc< / kbd > albo kliknij poza menu aby je zamknąć!
< / div >
< p > < hr / > < / p >
< div class = "pale-green leftbar border-green" >
Jeśli potrzebujesz pełen zestaw opcji, precyzyjnego dostrajania kolorów i przezroczystości - użyj zaawansowanego dynamicznego menu< br / >
< a class = "button small amber" href = "run://colorizer-menus -s" > Menu< / a >
< / div >
< / div >
< div class = "gi2 dark" > < span > Generuj motywy...< / span > < / div >
< div class = "gi2 dark" > < strong > Monochromatyczny< / strong > < br / > < em > pobierz kolor z ekranu< / em > < br / >
< a class = "button padding-small dark-grey" href = "run://jgctl mono pick dark" > < span class = "large" > < / span > < br / > Ciemny< / a >
< a class = "button padding-small grey" href = "run://jgctl mono pick light" > < span class = "large" > < / span > < br / > Jasny< / a >
< br / >
< / div >
< div class = "gi2 dark" > < strong > Kolory z tapety< / strong > < br / > < em > wybierz wariant< / em > < br / >
< a class = "button padding-small dark-grey" href = "run://w2theme menu dark show" > < span class = "large" > < / span > < br / > Ciemny< / a >
< a class = "button padding-small grey" href = "run://w2theme menu light show" > < span class = "large" > < / span > < br / > Jasny< / a >
< / div >
< div class = "dark" >
< a class = "button padding-small amber" href = "run://randomizer menu show" > < span class = "large" > < / span > < br / > Losowy< / a >
< / div >
< div class = "dark" >
< a class = "button padding-small teal hover-red" href = "run://jgctl resetMBcolors show" > < span class = "large" > < / span > < br / > Resetuj< / a >
< / div >
< / main >
< p > < hr / > < / p >
< main class = "grid" style = "grid-template-columns: auto auto auto;" >
< div class = "dark" > < strong > Rozmiar Menu< / strong > < em > < / em > < br / >
< a class = "tag small amber" href = "run://jgctl tweak sizing tight menu" > wąskie< / a >
< a class = "tag small pale-red" href = "run://jgctl tweak sizing normal menu" > normalne< / a >
< a class = "tag small green" href = "run://jgctl tweak sizing wide menu" > szerokie< / a >
< / div >
< div class = "gi2 gi2r attribs dark" >
< strong > Odstęp (margines)< / strong >
< p >
< a class = "tag dark-grey" href = "run://jgctl padding 0" > 0< / a > < a class = "tag dark-grey" href = "run://jgctl padding 1" > 1< / a > < a class = "tag dark-grey" href = "run://jgctl padding 2" > 2< / a > < a class = "tag dark-grey" href = "run://jgctl padding 3" > 3< / a > < a class = "tag dark-grey" href = "run://jgctl padding 4" > 4< / a > < a class = "tag dark-grey" href = "run://jgctl padding 6" > 6< / a > < a class = "tag dark-grey" href = "run://jgctl padding 8" > 8< / a > < a class = "tag dark-grey" href = "run://jgctl padding 12" > 12< / a > < a class = "tag dark-grey" href = "run://jgctl padding 16" > 16< / a > < a class = "tag dark-grey" href = "run://jgctl padding 20" > 20< / a >
< / p >
< hr / >
< strong > Obramowanie Menu< / strong >
< p > < a class = "tag dark-grey" href = "run://jgctl border 0" > 0< / a > < a class = "tag dark-grey" href = "run://jgctl border 1" > 1< / a > < a class = "tag dark-grey" href = "run://jgctl border 2" > 2< / a > < a class = "tag dark-grey" href = "run://jgctl border 3" > 3< / a > < a class = "tag dark-grey" href = "run://jgctl border 4" > 4< / a > < a class = "tag dark-grey" href = "run://jgctl border 6" > 6< / a > < a class = "tag dark-grey" href = "run://jgctl border 8" > 8< / a > < a class = "tag dark-grey" href = "run://jgctl border 12" > 12< / a >
< / 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 >
< 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 >
< / div >
< div class = "dark" >
< a class = "tag small purple" href = "run://mb-jgtools main ipc" > Menu główne< / a > ustawienia< br / >
< p class = "dark-gray" > Klawisz < kbd > super< / kbd > , < i > lewy-klik< / i > na pulpicie lub z ikony w panelu< / p >
< p class = "left-align" >
< a class = "tag small purple" href = "run://jgctl t_search_field" > < / a > Pole wyszukiwania< br / >
< a class = "tag small purple" href = "run://jgctl t_apps_in_submenu" > < / a > Aplikacje w menu gł. (lub podmenu)
< a class = "tag small purple" href = "run://jgctl t_icons" > < / a > Ikony< br / >
< / p >
< hr / >
< strong > Edytuj komendy< / strong >
< p >
< a class = "tag small amber" href = "config://.config/mabox/favorites.csv" > góra (Ulubione)< / a >
< a class = "tag small amber" href = "config://.config/mabox/mainmenu_below_apps.csv" > dół< / a > < br / > < / p >
< / div >
< / main >
2022-09-19 20:59:26 +02:00
< / section >
2022-06-29 16:31:14 +02:00
2024-01-28 11:31:19 +01:00
< section id = "Conky" class = "container tab" style = "display:none;min-height:100vh;" >
2024-02-22 14:24:51 +01:00
< 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 >
< p class = "center" > Informacje systemowe< br / >
2024-01-28 11:31:19 +01:00
< 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 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 >
< a class = "tag small teal" href = "run://conkyctl toggleone Network" > Sieć< / a > < br / >
2024-01-25 13:01:29 +01:00
Edukacyjne< /br />
2024-01-28 11:31:19 +01:00
< a class = "tag small teal" href = "run://conkyctl toggleone shortcuts_mbcolor" > Skróty< / 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 mabox_tools_" > Narzędzia Maboxa< / a > < br / >
2024-01-25 13:01:29 +01:00
Zegary i inne< br / >
2024-01-28 11:31:19 +01:00
< 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 >
< a class = "tag small teal" href = "run://conkyctl toggleone quoter_" > Cytaty< / a >
< a class = "tag small teal" href = "run://conkyctl toggleone logo_" > Logo< / a >
2022-06-29 16:31:14 +02:00
< / p >
2024-02-22 14:24:51 +01:00
< p > < hr / > < / p >
< div class = "pale-green leftbar border-green" >
Użyj dynamicznego menu aby mieć dostęp do większej ilości opcji< br / > < a class = "button amber" href = "run://colorizer-conky -s" > Conky Manager & Colorizer< / a >
< / div >
< / div >
< div class = "gi2 dark" > < span > Generuj motywy...< / span > < / div >
< div class = "gi2 dark" > < strong > Monochromatyczny< / strong > < br / > < em > Pobierz kolor z ekranu< / em > < br / >
< a class = "button padding-small dark-grey" href = "run://conkyctl mono pick dark" > < span class = "large" > < / span > < br / > Ciemny< / a >
< a class = "button padding-small grey" href = "run://conkyctl mono pick light" > < span class = "large" > < / span > < br / > Jasny< / a >
< br / >
< / div >
< div class = "gi2 dark" > < strong > Kolory z tapety< / strong > < br / > < em > wybierz wariant< / em > < br / >
< a class = "button padding-small dark-grey" href = "run://w2theme conky dark show" > < span class = "large" > < / span > < br / > Ciemny< / a >
< a class = "button padding-small grey" href = "run://w2theme conky light show" > < span class = "large" > < / span > < br / > Jasny< / a >
< / div >
< div class = "dark" >
< a class = "button padding-small amber" href = "run://randomizer conky" > < span class = "large" > < / span > < br / > Losowy< / a >
< / div >
< div class = "dark" >
< a class = "button padding-small teal hover-red" href = "run://conkyctl resetcolorsall" > < span class = "large" > < / span > < br / > Resetuj< / a >
< / div >
< / main >
< p > < hr / > < / p >
2024-01-25 13:01:29 +01:00
2022-12-30 08:38:43 +01:00
2024-01-25 13:01:29 +01:00
<!-- <div class="grid">
2024-01-28 11:31:19 +01:00
< div class = "black" >
Click < a class = "tag xxxlarge black" href = "run://conkyctl makemoveableall" > < / a >
2024-01-25 13:01:29 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "black" >
Click < a class = "tag xxxlarge black" href = "run://conkyctl makemoveableall" > < / a >
2024-01-25 13:01:29 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "black" >
Click < a class = "tag xxxlarge black" href = "run://conkyctl makemoveableall" > < / a >
2024-01-25 13:01:29 +01:00
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< button onclick = "document.getElementById('cmdmenu').style.display='block'" class = "button black" > Open Modal< / button >
2024-01-25 13:01:29 +01:00
-->
2024-01-28 11:31:19 +01:00
< div id = "cmdmenu" class = "modal" >
< div class = "modal-content animate-top" >
< header class = "container amber" >
2022-12-23 11:10:27 +01:00
< span onclick = "document.getElementById('cmdmenu').style.display='none'"
2024-01-28 11:31:19 +01:00
class="button display-topright">× < / span >
2022-12-23 11:10:27 +01:00
< h6 > Modal Header< / h6 >
< / header >
2024-01-28 11:31:19 +01:00
< div class = "container" >
2022-12-23 11:10:27 +01:00
< p > Some text..< / p >
< p > Some text..< / p >
< / div >
2024-01-28 11:31:19 +01:00
< footer class = "container amber small" >
2022-12-23 11:10:27 +01:00
< p > Modal Footer< / p >
< / footer >
< / div >
< / div >
2024-01-25 13:01:29 +01:00
< p > Conky w Maboxie zostały wyposażone w dodatkowe moce... niespotykane w żadnej innej dystrybucji!< / p >
< h5 > Wygodne rozmieszczanie na ekranie< / h5 >
< p >
2024-01-28 11:31:19 +01:00
Kliknij < a class = "tag small black" href = "run://conkyctl makemoveableall" > Ustaw wszystkie< / a > i rozmieść Conky jak chcesz. (Przytrzymaj < kbd > Alt< / kbd > podczas przeciągania)
2024-01-25 13:01:29 +01:00
< / p >
< 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 > 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 >
< li > wyłączyć (zabić), przeładować lub edytować Conky< / li >
< / ul >
< / p >
< h5 > Własne polecenia (lub menu) pod lewym kliknięciem w Conky< / h5 >
< 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 >
2024-01-28 11:31:19 +01:00
< 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 >
2022-06-29 16:31:14 +02:00
2022-12-21 10:43:12 +01:00
< h5 > Porady< / h5 >
2024-01-28 11:31:19 +01:00
< div class = "panel dark-grey rightbar border-black border" >
2024-01-25 13:01:29 +01:00
< p > < kbd > Super< / kbd > + < kbd > C< / kbd > - szybko < strong > Włącz / Wyłącz wszystkie Conky< / strong > < / p >
2022-12-21 10:43:12 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "panel dark-grey leftbar border-black border" >
2022-12-21 10:43:12 +01:00
< p > < strong > Szybkie rozmieszczanie Conky na ekranie< / strong > < / p >
2024-01-25 13:01:29 +01:00
< 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 >
2022-12-21 10:43:12 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< / section >
< section id = "Wall2theme" class = "container tab" style = "display:none;min-height:100vh;" >
2022-12-30 08:38:43 +01:00
< h2 > Generowanie motywów z tapety< / h2 >
2024-01-28 11:31:19 +01:00
< div class = "row" >
< div class = "twothird" >
2022-12-30 08:38:43 +01:00
< p > Colorizer generuje paletę kolorów na bazie aktualnie ustawionej tapety< / p >
< p > Na bazie takiej palety kolorów możliwe jest zastosowanie dwóch wersji motywów (ciemny i jasny) dla:
< ul >
< li > dekoracji okien OpenBox< / li >
< li > Menu, Paneli < / li >
< li > Conky< / li >
< / ul >
< / p >
< p > Wypróbuj jak to działa ...< / p >
< / div >
2022-09-19 20:59:26 +02:00
2024-01-28 11:31:19 +01:00
< div class = "third" >
< div class = "card round padding deep-purple" > < span class = "right xxlarge" > < / span >
2022-12-30 08:38:43 +01:00
< p > < br / > < strong > Ustaw tapetę< / strong > < / p >
2024-01-28 11:31:19 +01:00
< 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 >
2022-12-30 08:38:43 +01:00
< / div >
< / div >
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< div class = "row" >
< div class = "third" >
< div class = "card round padding dark-grey" > < span class = "right xxlarge" > < / span >
2022-12-30 08:38:43 +01:00
< p > < br / > < strong > Dekoracje okien< / strong > < / p >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" >
< a class = "button bar-item tiny" href = "run://w2theme ob dark" > Ciemne< / a >
< a class = "button bar-item tiny" href = "run://w2theme ob light" > Jasne< / a >
2022-12-30 08:38:43 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" style = "margin-top:1px;" >
< a class = "button bar-item tiny hover-green" href = "run://colorizer-ob -s" > < span class = "right large" > < / span > Dostosuj< / a >
2022-12-30 08:38:43 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" style = "margin-top:1px;" >
< a class = "button bar-item tiny hover-red" href = "run://obtctl resetonlycolors" > < span class = "right large" > < / span > Resetuj< / a >
2022-12-30 08:38:43 +01:00
< / div >
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< div class = "third" >
< div class = "card round padding blue-gray" > < span class = "right xxlarge" > < / span >
2022-12-30 08:38:43 +01:00
< p > < br / > < strong > Menu, Panele< / strong > < / p >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" >
< a class = "button bar-item tiny" href = "run://w2theme menu dark show" > Ciemne< / a >
< a class = "button bar-item tiny" href = "run://w2theme menu light show" > Jasne< / a >
2022-12-30 08:38:43 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" style = "margin-top:1px;" >
< a class = "button bar-item tiny hover-green" href = "run://colorizer-menus -s" > < span class = "right large" > < / span > Dostosuj< / a >
2022-12-30 08:38:43 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" style = "margin-top:1px;" >
< a class = "button bar-item tiny hover-red" href = "run://jgctl resetMBcolors show" > < span class = "right large" > < / span > Resetuj< / a >
2022-12-30 08:38:43 +01:00
< / div >
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< div class = "third" >
< div class = "card round padding brown" > < span class = "right xxlarge" > < / span >
2022-12-30 08:38:43 +01:00
< p > < br / > < strong > Conky< / strong > < / p >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" >
< a class = "button bar-item tiny" href = "run://w2theme conky dark" > Ciemne< / a >
< a class = "button bar-item tiny" href = "run://w2theme conky light" > Jasne< / a >
2022-12-30 08:38:43 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" style = "margin-top:1px;" >
< a class = "button bar-item tiny hover-green" href = "run://colorizer-conky -s" > < span class = "right large" > < / span > Dostosuj< / a >
2022-12-30 08:38:43 +01:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" style = "margin-top:1px;" >
< a class = "button bar-item tiny hover-red" href = "run://conkyctl resetcolorsall" > < span class = "right large" > < / span > Resetuj< / a >
2022-12-30 08:38:43 +01:00
< / div >
< / div >
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< 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 >
2023-05-10 23:50:21 +02:00
< / section >
2024-01-28 11:31:19 +01:00
< section id = "pyradiocava" class = "container tab" style = "display:none;min-height:100vh;" >
2023-05-10 23:50:21 +02:00
< div class = "fixed" >
2024-01-28 11:31:19 +01:00
< div class = "bar" >
< a class = "button bar-item small grey hover-amber right" href = "run://colorizer-cava -s" > Colorizer Cava< / a >
2023-05-10 23:50:21 +02:00
< / div >
< / div >
< h3 > Cava - wizualizacja dźwięku< / h3 >
2024-01-25 13:01:29 +01:00
< p > < strong > Cava< / strong > to słupkowy wizualizator dźwięku dla terminala. < br / >
2024-02-22 14:24:51 +01:00
W Maboxie możesz łatwo uruchomić Cava w przezroczystym* terminalu - co daje ciekawy efekt...
2024-01-25 13:01:29 +01:00
< / p >
2024-01-28 11:31:19 +01:00
< p > < a class = "tag small amber" href = "run://mb-music cavastart" > Uruchom< / a >
< a class = "tag small red" href = "run://mb-music cavakill" > Zabij< / a >
2024-02-22 14:24:51 +01:00
< a class = "tag small green" href = "run://cavactl info" > Info< / a >
2024-01-25 13:01:29 +01:00
< / p >
2024-02-22 14:24:51 +01:00
< p > *) dla przezroczystości wymagany jest menedżer kompozycji < a class = "tag small purple" href = "run://compton_toggle" > Picom< / a > < / p >
2024-01-25 13:01:29 +01:00
2024-01-28 11:31:19 +01:00
< div class = "row-padding stretch" >
< div class = "third center" >
2024-01-25 13:01:29 +01:00
< p > < strong > Kolor< / strong > < / p >
2024-01-28 11:31:19 +01:00
< a class = "tag large" style = "background-color:#DDDDDD" href = "run://cavactl foreground #DDDDDD" > < / a >
< a class = "tag large" style = "background-color:#a4c400" href = "run://cavactl foreground #a4c400" > < / a >
< a class = "tag large" style = "background-color:#60a917" href = "run://cavactl foreground #60a917" > < / a >
< a class = "tag large" style = "background-color:#008a00" href = "run://cavactl foreground #008a00" > < / a >
< a class = "tag large" style = "background-color:#00aba9" href = "run://cavactl foreground #00aba9" > < / a >
< a class = "tag large" style = "background-color:#1ba1e2" href = "run://cavactl foreground #1ba1e2" > < / a >
< a class = "tag large" style = "background-color:#3e65ff" href = "run://cavactl foreground #3e65ff" > < / a >
< a class = "tag large" style = "background-color:#0050ef" href = "run://cavactl foreground #0050ef" > < / a >
< a class = "tag large" style = "background-color:#6a00ff" href = "run://cavactl foreground #6a00ff" > < / a >
< a class = "tag large" style = "background-color:#aa00ff" href = "run://cavactl foreground #aa00ff" > < / a >
< a class = "tag large" style = "background-color:#f472d0" href = "run://cavactl foreground #f472d0" > < / a >
< a class = "tag large" style = "background-color:#d80073" href = "run://cavactl foreground #d80073" > < / a >
< a class = "tag large" style = "background-color:#a20025" href = "run://cavactl foreground #a20025" > < / a >
< a class = "tag large" style = "background-color:#e51400" href = "run://cavactl foreground #e51400" > < / a >
< a class = "tag large" style = "background-color:#fa6800" href = "run://cavactl foreground #fa6800" > < / a >
< a class = "tag large" style = "background-color:#f0a30a" href = "run://cavactl foreground #f0a30a" > < / a >
< a class = "tag large" style = "background-color:#e3c800" href = "run://cavactl foreground #e3c800" > < / a >
< a class = "tag large" style = "background-color:#825a2c" href = "run://cavactl foreground #825a2c" > < / a >
< a class = "tag large" style = "background-color:#6d8764" href = "run://cavactl foreground #6d8764" > < / a >
< a class = "tag large" style = "background-color:#647687" href = "run://cavactl foreground #647687" > < / a >
< a class = "tag large" style = "background-color:#76608a" href = "run://cavactl foreground #76608a" > < / a >
< a class = "tag large" style = "background-color:#87794e" href = "run://cavactl foreground #87794e" > < / a >
< a class = "tag large" style = "background-color:#a0522d" href = "run://cavactl foreground #a0522d" > < / a >
< a class = "tag large" style = "background-color:#222222" href = "run://cavactl foreground #222222" > < / a >
< p > < a class = "tag dark-gray" href = "run://mbclr pixelcolor cavactl foreground" > < big > < / big > Pobierz z ekranu< / a > < / p >
2024-01-25 13:01:29 +01:00
< / div >
2024-01-28 11:31:19 +01:00
<!-- <div class="col m1 center">
2024-01-25 13:01:29 +01:00
< p > < / p >
< / div > //-->
2024-01-28 11:31:19 +01:00
< div class = "third center dark" >
2024-01-25 13:01:29 +01:00
< p > < strong > Szerokość słupka (px)< / strong > < / p >
< p >
2024-01-28 11:31:19 +01:00
< a class = "tag dark-gray" href = "run://cavactl bar_width 1" > 1< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 2" > 2< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 3" > 3< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 4" > 4< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 5" > 5< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 6" > 6< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 8" > 8< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 10" > 10< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 12" > 12< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 16" > 16< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_width 20" > 20< / a >
2024-01-25 13:01:29 +01:00
< / p >
< p > < strong > Odstęp (px)< / strong > < / p >
< p >
2024-01-28 11:31:19 +01:00
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 0" > 0< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 1" > 1< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 2" > 2< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 3" > 3< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 4" > 4< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 5" > 5< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 6" > 6< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 8" > 8< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 10" > 10< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 12" > 12< / a >
< a class = "tag dark-gray" href = "run://cavactl bar_spacing 16" > 16< / a >
2024-01-25 13:01:29 +01:00
< / p >
< / div >
2024-01-28 11:31:19 +01:00
<!-- <div class="col m1 center">
2024-01-25 13:01:29 +01:00
< p > < / p >
< / div > //-->
2024-01-28 11:31:19 +01:00
< div class = "col m4 center" >
2024-01-25 13:01:29 +01:00
< p > < strong > Wysokość (px)< / strong > < / p >
szerokość: 100%
2024-02-01 18:55:17 +01:00
< p > < a class = "tag dark-gray" href = "run://mb-music cavastart 50 full" > 50< / a > < a class = "tag dark-gray" href = "run://mb-music cavastart 100 full" > 100< / a > < a class = "tag dark-gray" href = "run://mb-music cavastart 200 full" > 200< / a > < / p >
2024-01-25 13:01:29 +01:00
szerokość: 50%
2024-01-28 11:31:19 +01:00
< p > < a class = "tag dark-gray" href = "run://mb-music cavastart 50 half" > 50< / a > < a class = "tag dark-gray" href = "run://mb-music cavastart 100 half" > 100< / a > < a class = "tag dark-gray" href = "run://mb-music cavastart 200 half" > 200< / a > < / p >
2024-01-25 13:01:29 +01:00
< / div >
< / div >
2024-01-28 11:31:19 +01:00
< 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 >
2023-05-10 23:50:21 +02:00
< / div >
2022-12-30 08:38:43 +01:00
2023-05-17 00:04:59 +02:00
< h3 > PyRadio - Radio internetowe< / h3 >
2023-05-10 23:50:21 +02:00
2024-01-28 11:31:19 +01:00
< div class = "row" >
< div class = "twothird" >
2023-05-10 23:50:21 +02:00
< 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 >
2024-01-28 11:31:19 +01:00
< p > Użyj < a class = "tag small orange" href = "run://colorizer-pyradio -s" > Modułu PyRadio< / a > aby dostosować kolory.< / p >
2023-05-10 23:50:21 +02:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "third" >
< div class = "card round padding teal" > < span class = "right xxlarge" > < / span >
2023-05-10 23:50:21 +02:00
< p > < br / > < strong > PyRadio< / strong > < / p >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" >
< a class = "button bar-item tiny" href = "run://w2theme pyradio dark" > Ciemny< / a >
< a class = "button bar-item tiny" href = "run://w2theme pyradio light" > Jasny< / a >
2023-05-10 23:50:21 +02:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" style = "margin-top:1px;" >
< a class = "button bar-item tiny hover-green" href = "run://colorizer-pyradio -s" > < span class = "right large" > < / span > Dostosuj< / a >
2023-05-10 23:50:21 +02:00
< / div >
2024-01-28 11:31:19 +01:00
< div class = "bar-block grey" style = "margin-top:1px;" >
< a class = "button bar-item tiny hover-red" href = "run://prtctl resettheme" > < span class = "right large" > < / span > Resetuj< / a >
2023-05-10 23:50:21 +02:00
< / div >
< / div >
< / div >
2023-05-17 00:04:59 +02:00
< / div >
2022-12-30 08:38:43 +01:00
< / section >
2024-01-28 11:31:19 +01:00
< section id = "fonts" class = "container tab" style = "display:none;min-height:100vh" >
2024-01-25 13:01:29 +01:00
< div class = "fixed" >
2024-01-28 11:31:19 +01:00
< div class = "bar" >
< a class = "button bar-item small grey hover-amber right" href = "run://colorizer-fonts -s" > Czcionki - dynamiczne menu< / a >
2024-01-25 13:01:29 +01:00
< / div >
< / div >
< h2 > Czcionki< / h2 >
2024-01-28 11:31:19 +01:00
< p > Użyj dynamicznego menu < a class = "tag small amber" href = "run://colorizer-fonts -s" > Czcionki< / a > aby ustawić czcionki używane przez aplikacje GTK, Conky oraz Menu/Panele boczne< / p >
2024-01-25 13:01:29 +01:00
< / section >
2024-01-28 11:31:19 +01:00
< section id = "Terminal" class = "container tab" style = "display:none;min-height:100vh" >
2022-06-29 16:31:14 +02:00
< div class = "fixed" >
2024-01-28 11:31:19 +01:00
< div class = "bar" >
< a class = "button bar-item small grey hover-amber right" href = "termo://theme.sh -i2" > Wybierz Motyw Terminala< / a >
2022-12-23 11:10:27 +01:00
< / div >
2022-06-29 16:31:14 +02:00
< / div >
2022-09-19 20:59:26 +02:00
< h2 > Motyw Terminala< / h2 >
2024-01-25 13:01:29 +01:00
< p > Mabox dostarcza wiele motywów kolorystycznych dla terminali (~400)< / p >
2024-01-28 11:31:19 +01:00
< 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 >
2024-01-25 13:01:29 +01:00
< 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 >
2024-01-28 11:31:19 +01:00
< 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 >
2024-01-25 13:01:29 +01:00
< / section >
2022-12-22 02:33:00 +01:00
2024-01-28 11:31:19 +01:00
< section id = "Tint2" class = "container tab" style = "display:none;min-height:100vh;" >
2022-09-19 20:59:26 +02:00
< h2 > Panel Tint2< / h2 >
2023-05-17 00:04:59 +02:00
< p > Moduł Tint2 Colorizera nie jest jeszcze dostępny, ale już jest opracowywany.< / p >
2024-01-28 11:31:19 +01:00
< 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 >
2022-09-19 20:59:26 +02:00
< p > Póki co, możesz użyć całkiem fajnego menu konfiguracji panelu.< / p >
2024-01-28 11:31:19 +01:00
< p > < a class = "button inline round tiny lime" href = "run://jgtint2-pipe -s" > Menu konfiguracji Tint2< / a > < / p >
2022-06-29 16:31:14 +02:00
2024-01-28 11:31:19 +01:00
< p > < a class = "button inline round tiny lime" href = "run://jgtint2launcher -s" > Dodaj/Usuń Programy do launchera< / a > < / p >
2022-06-29 16:31:14 +02:00
< / section >
2024-01-28 11:31:19 +01:00
< section id = "Save" class = "container tab" style = "display:none;min-height:100vh;" >
2022-12-23 11:10:27 +01:00
< div class = "fixed" >
2024-01-28 11:31:19 +01:00
< div class = "bar" >
< a class = "button bar-item small grey hover-amber right" href = "run://mb-obthemes" > Uruchom Manadżera Motywów< / a >
2022-12-23 11:10:27 +01:00
< / div >
< / div >
2022-09-19 20:59:26 +02:00
< h2 > Zapisywanie i przywracanie< / h2 >
< p > Jeśli jesteś zadowolony z obecnej konfiguracji, możesz ją zapisać jako meta-motyw co pozwala ją później przywrócić.< / p >
< p > Menadżer Motywów zapisuje:
2022-06-29 16:31:14 +02:00
< ul >
2022-09-19 20:59:26 +02:00
< li > Motyw Openbox (dekoracja okien)< / li >
< li > Motyw GTK oraz Ikon< / li >
< li > Tapetę< / li >
< li > Conky< / li >
< li > Motyw Terminala< / li >
< li > Kolory Menu / Paneli bocznych< / li >
< li > Konfigurację panelu Tint2< / li >
2022-06-29 16:31:14 +02:00
< / ul >
2024-01-28 11:31:19 +01:00
< / p > < a class = "button round tiny lime margin" href = "run://mb-obthemes" > Uruchom Menadżera Motywów< / a >
2022-06-29 16:31:14 +02:00
< / section >
< / div >
< script >
function openTab(evt, tabName) {
var i, x, tablinks;
x = document.getElementsByClassName("tab");
for (i = 0; i < x.length ; i + + ) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length ; i + + ) {
2024-02-22 14:24:51 +01:00
tablinks[i].className = tablinks[i].className.replace(" bg", "");
2022-06-29 16:31:14 +02:00
}
document.getElementById(tabName).style.display = "block";
2024-02-22 14:24:51 +01:00
evt.currentTarget.className += " bg";
2022-06-29 16:31:14 +02:00
}
function myFunction() {
var input, filter, table, tr, td, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length ; i + + ) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
< / script >
< / body >
< / html >