guillaumev/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add waybar

Browse Source
This commit is contained in:
Guillaume Vern
2025-11-24 20:10:10 +01:00
parent a9a293a365
commit 844703d360
99 changed files with 17146 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.config/waybar/style/[0 VERTICAL] Golden Noir.css
+209
View File
@@ -0,0 +1,209 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ...............Golden Noir................ */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: #040406;
border-radius: 30px;
color: #cba6f7;
}
window#waybar.hidden {
opacity: 0.5;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: #ffd700;
}
/*-----module groups----*/
.modules-left,
.modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
border-top: 1px solid #ffd700;
border-bottom: 1px solid #ffd700;
border-radius: 20px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#taskbar button,
#workspaces button {
color: #6E6A86;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: #ffd700;
border-radius: 50%;
background-color: black;
border-radius: 15px 15px 15px 15px;
padding-left: 5px;
padding-right: 5px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: #ffd700;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #e5d9f5;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-height: 7px;
min-width: 15px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-height: 100px;
min-width: 7px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-width: 5px;
border-radius: 5px;
background-color: #ba5663;
}
.config/waybar/style/[0 VERTICAL] Oglo Chicklets.css
+397
View File
@@ -0,0 +1,397 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Oglo Chicklets */
* {
font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
font-size: 97%;
font-weight: bold;
}
window#waybar {
background-color: #232a2e;
border-bottom: 8px solid #1d2327;
color: #d3c6aa;
transition-property: background-color;
transition-duration: .5s;
}
window#waybar.hidden {
opacity: 0.2;
}
/*
window#waybar.empty {
background-color: transparent;
}
window#waybar.solo {
background-color: #FFFFFF;
}
*/
button {
all: unset;
background-color: #778f52;
color: #2d353b;
border: none;
border-bottom: 8px solid #5d743e;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
transition: transform 0.1s ease-in-out;
}
button:hover {
background: inherit;
background-color: #92ab6c;
border-bottom: 8px solid #788f57;
}
button.active {
background: inherit;
background-color: #a5be7e;
border-bottom: 8px solid #8aa168;
}
#mode {
background-color: #64727D;
border-bottom: 3px solid #ffffff;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay{
color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}
#window,
#workspaces {
margin: 5px;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
}
#window {
background-color: #343f44;
color: #d3c6aa;
border-bottom: 8px solid #2b3539;
}
#custom-swaync {
background-color: #778f52;
color: #2d353b;
border-bottom: 8px solid #5d743e;
}
#custom-menu {
background-color: #778f52;
color: #2d353b;
border-bottom: 8px solid #5d743e;
}
#custom-power {
background-color: #ee606a;
color: #2d353b;
border-bottom: 8px solid #ca4853;
padding-left: 5px;
}
#custom-power_vertical{
background-color: #ee606a;
color: #2d353b;
border-bottom: 8px solid #ca4853;
}
#clock {
background-color: #96a84c;
color: #2d353b;
border-bottom: 8px solid #7a8c37;
}
#battery {
background-color: #3a998f;
color: #2d353b;
border-bottom: 8px solid #227d74;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
}
}
#battery.critical:not(.charging) {
background-color: #ee606a;
color: #2d353b;
border-bottom: 8px solid #ca4853;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#cpu {
background-color: #778f52;
color: #2d353b;
border-bottom: 8px solid #5d743e;
}
#memory {
background-color: #d980ad;
color: #2d353b;
border-bottom: 8px solid #b86790;
}
#disk {
background-color: #964B00;
border-bottom: 8px solid #793300;
}
#custom-lock,
#custom-light_dark,
#backlight {
background-color: #64b6ac;
color: #2d353b;
border-bottom: 8px solid #4f9990;
padding-left: 5px;
}
#network {
background-color: #2980b9;
}
#network.disconnected {
background-color: #f53c3c;
}
#pulseaudio {
background-color: #d8ac47;
color: #2d353b;
border-bottom: 8px solid #b78f30;
}
#pulseaudio.muted {
background-color: #90b1b1;
color: #2a5c45;
}
#wireplumber {
background-color: #fff0f5;
color: #000000;
}
#wireplumber.muted {
background-color: #f53c3c;
}
#custom-media {
background-color: #66cc99;
color: #2a5c45;
min-width: 100px;
}
#custom-media.custom-spotify {
background-color: #66cc99;
}
#custom-media.custom-vlc {
background-color: #ffa000;
}
#temperature {
background-color: #f0932b;
border-bottom: 8px solid #b78f30;
}
#temperature.critical {
background-color: #eb4d4b;
}
#tray {
background-color: #e67f51;
color: #2d353b;;
border-bottom: 8px solid #c3653b;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
background-color: #eb4d4b;
}
#idle_inhibitor {
background-color: #2d3436;
}
#idle_inhibitor.activated {
background-color: #ecf0f1;
color: #2d3436;
}
#mpd {
background-color: #66cc99;
color: #2a5c45;
}
#mpd.disconnected {
background-color: #f53c3c;
}
#mpd.stopped {
background-color: #90b1b1;
}
#mpd.paused {
background-color: #51a37a;
}
#language {
background: #00b093;
color: #740864;
min-width: 16px;
}
#keyboard-state {
background: #97e1ad;
color: #000000;
min-width: 16px;
border-bottom: 8px solid #78b48a;
}
#keyboard-state > label {
padding: 0 5px;
}
#keyboard-state > label.locked {
background: rgba(0, 0, 0, 0.2);
}
#scratchpad {
background: rgba(0, 0, 0, 0.2);
}
#scratchpad.empty {
background-color: transparent;
}
tooltip {
background-color: #232a2e;
border: none;
border-bottom: 8px solid #1d2327;
}
tooltip decoration {
box-shadow: none;
}
tooltip decoration:backdrop {
box-shadow: none;
}
tooltip label {
color: #d3c6aa;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-height: 7px;
min-width: 15px;
opacity: 0;
background-color: #ffa000;
border-radius: 3px;
box-shadow: 1px 5px 6px 1px #272727;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-height: 100px;
min-width: 7px;
border-radius: 5px;
background-color: #d8ac47;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-width: 5px;
border-radius: 5px;
background-color: #64b6ac;
}
.config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css
+224
View File
@@ -0,0 +1,224 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Vertical Catpuccin Mocha */
/* As stated on title, best style for vertical layout waybar config */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
@import "../waybar/style/catppuccin-themes/mocha.css";
window#waybar {
background-color: @base;
border-radius: 5px;
}
tooltip {
background: @base;
opacity: 1;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: @sapphire;
}
tooltip label {
color: @blue;
}
#taskbar button,
#workspaces button {
color: @surface2;
background-color: transparent;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 4px;
}
#taskbar button.active,
#workspaces button.active {
color: @maroon;
}
#taskbar button.focused,
#workspaces button.focused {
color: @rosewater;
background: transparent;
border-radius: 15px;
}
#workspaces button.urgent {
color: #11111b;
background: transparent;
border-radius: 15px;
}
#taskbar button:hover,
#workspaces button:hover {
background: transparent;
color: @flamingo;
border-radius: 15px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
opacity: 1;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#idle_inhibitor {
color: @pink;
}
#mpris {
color: @rosewater;
}
#battery {
color: #a6e3a1;
padding-left: 15px;
border-radius: 15px 0 0 15px;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #333333;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#custom-lock,
#custom-power {
color: @red;
border-radius: 15px;
font-weight: bolder;
padding-left: 1px;
}
#network {
background-color: transparent;
color: @mauve;
}
#backlight {
color: @flamingo;
}
#custom-weather {
color: @green;
border-radius: 15px;
background-color: transparent;
}
#custom-menu {
color: #89b4fa;
}
#pulseaudio {
background-color: transparent;
color: @blue;
}
#clock,
#clock-calender {
color: @sapphire;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-height: 7px;
min-width: 15px;
opacity: 0;
background-color: @text;
border-radius: 3px;
box-shadow: 1px 5px 6px 1px #272727;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-height: 100px;
min-width: 7px;
border-radius: 5px;
background-color: @surface0;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-width: 5px;
border-radius: 5px;
background-color: @blue;
}
.config/waybar/style/[Black & White] Monochrome.css
+217
View File
@@ -0,0 +1,217 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Black & White MonoChrome */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar,
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
color: white;
background: #1e1e2e;
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: white;
}
tooltip label{
color: #cdd6f4;
}
/*-----module groups----*/
.modules-right {
background-color: black;
color: white;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-color: black;
color: white;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
background-color: black;
color: white;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#taskbar button,
#workspaces button {
color: dimgrey;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
color: white;
background-color: #7f849c;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: white;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
color: red;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Catppuccin] Frappe.css
+282
View File
@@ -0,0 +1,282 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Frappe */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
@import "../waybar/style/catppuccin-themes/frappe.css";
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
padding: 4px;
border-top: 1px solid @rosewater;
border-bottom: 3px solid @sapphire;
background: alpha(@crust, 0.4);
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.2;
}
#taskbar button,
#workspaces button {
box-shadow: none;
text-shadow: none;
padding: 4px;
border-radius: 9px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
border-radius: 10px;
color: @overlay0;
background-color: @surface0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
color: @surface1;
border-radius: 10px;
}
#taskbar button.active,
#workspaces button.active {
color: @peach;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
color: @red;
border-radius: 0px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#backlight {
color: @blue;
}
#battery {
color: @green;
}
@keyframes blink {
to {
color: @surface0;
}
}
#battery.critical:not(.charging) {
background-color: @red;
color: @theme_text_color;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
#bluetooth {
color: @blue;
}
#clock {
color: @yellow;
}
#cpu {
color: @green;
}
#custom-keyboard,
#memory {
color: @sky;
}
#disk {
color: @sapphire;
}
#temperature {
color: @teal;
}
#temperature.critical {
background-color: @red;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#keyboard-state {
color: @flamingo;
}
#custom-cava_mviz {
color: @pink;
}
#custom-menu {
color: @rosewater;
}
#custom-power {
color: @red;
}
#custom-updater {
color: @red;
}
#custom-light_dark {
color: @blue;
}
#custom-weather {
color: @lavender;
}
#custom-lock {
color: @maroon;
}
#pulseaudio {
color: @sapphire;
}
#pulseaudio.bluetooth {
color: @pink;
}
#pulseaudio.muted {
color: @red;
}
#window {
color: @mauve;
}
#mpris {
color:@lavender;
}
#network {
color: @teal;
}
#network.disconnected,
#network.disabled {
background-color: @surface0;
color: @text;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Catppuccin] Latte.css
+281
View File
@@ -0,0 +1,281 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Latte */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
@import "../waybar/style/catppuccin-themes/latte.css";
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
border-top: 1px solid @flamingo;
border-bottom: 3px solid @lavender;
background: alpha(@overlay0, 0.3);
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.2;
}
#taskbar button,
#workspaces button {
box-shadow: none;
text-shadow: none;
padding: 4px;
border-radius: 9px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
border-radius: 10px;
color: @overlay0;
background-color: @surface0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
color: @surface1;
border-radius: 10px;
}
#taskbar button.active,
#workspaces button.active {
color: @peach;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
color: @red;
border-radius: 0px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#backlight {
color: @blue;
}
#battery {
color: @green;
}
@keyframes blink {
to {
color: @surface0;
}
}
#battery.critical:not(.charging) {
background-color: @red;
color: @theme_text_color;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
#bluetooth {
color: @blue;
}
#clock {
color: @yellow;
}
#cpu {
color: @green;
}
#custom-keyboard,
#memory {
color: @sky;
}
#disk {
color: @sapphire;
}
#temperature {
color: @teal;
}
#temperature.critical {
background-color: @red;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#keyboard-state {
color: @flamingo;
}
#custom-cava_mviz {
color: @pink;
}
#custom-menu {
color: @rosewater;
}
#custom-power {
color: @red;
}
#custom-updater {
color: @red;
}
#custom-light_dark {
color: @blue;
}
#custom-weather {
color: @lavender;
}
#custom-lock {
color: @maroon;
}
#pulseaudio {
color: @sapphire;
}
#pulseaudio.bluetooth {
color: @pink;
}
#pulseaudio.muted {
color: @red;
}
#window {
color: @mauve;
}
#mpris {
color:@lavender;
}
#network {
color: @teal;
}
#network.disconnected,
#network.disabled {
background-color: @surface0;
color: @text;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Catppuccin] Mocha.css
+299
View File
@@ -0,0 +1,299 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Mocha */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
@import "../waybar/style/catppuccin-themes/mocha.css";
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
background: transparent;
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.2;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
#taskbar button,
#workspaces button {
color: @overlay1;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
border-radius: 10px;
color: @peach;
background-color: @surface0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
color: @surface1;
border-radius: 10px;
}
#taskbar button.active,
#workspaces button.active {
color: @mauve;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
color: @red;
border-radius: 0px;
}
/* This section can be use if you want to separate waybar modules */
.modules-left, .modules-center, .modules-right {
background: @theme_base_color;
border: 0.5px solid @overlay0;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
border-radius: 10px;
}
.modules-left, .modules-right {
border: 1px solid @blue;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#bluetooth,
#backlight {
color: @blue;
}
#battery {
color: @green;
}
@keyframes blink {
to {
color: @surface0;
}
}
#battery.critical:not(.charging) {
background-color: @red;
color: @theme_text_color;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
#clock {
color: @yellow;
}
#cpu {
color: @green;
}
#custom-keyboard,
#memory {
color: @sky;
}
#disk {
color: @sapphire;
}
#temperature {
color: @teal;
}
#temperature.critical {
background-color: @red;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#keyboard-state {
color: @flamingo;
}
#custom-cava_mviz {
color: @pink;
}
#custom-menu {
color: @rosewater;
}
#custom-power {
color: @red;
}
#custom-updater {
color: @red;
}
#custom-light_dark {
color: @blue;
}
#custom-weather {
color: @lavender;
}
#custom-lock {
color: @maroon;
}
#pulseaudio {
color: @sapphire;
}
#pulseaudio.bluetooth {
color: @pink;
}
#pulseaudio.muted {
color: @red;
}
#window {
color: @mauve;
}
#mpris {
color:@lavender;
}
#network {
color: @teal;
}
#network.disconnected,
#network.disabled {
background-color: @surface0;
color: @text;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Colored] Chroma Glow.css
+331
View File
@@ -0,0 +1,331 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Chroma Glow */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: transparent;
color: #ffffff;
transition-property: background-color;
transition-duration: .5s;
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.1;
}
window#waybar.empty,
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
tooltip {
color: #40a02b;
background: #1e1e2e;
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
}
tooltip label{
color: #cdd6f4;
}
#taskbar button,
#workspaces button {
background-color: transparent;
color: grey;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
background-color: transparent;
color: #D3D3D3;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: #D3D3D3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
background-color: #bbccdd;
color: #323232;
}
#workspaces button.urgent {
background-color: #eb4d4b;
}
#mode {
background-color: #64727D;
border-bottom: 3px solid #ffffff;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
}
#clock {
color: #fe640b;
}
#custom-updater {
color: #7287fd;
}
#battery {
color: #32CD32;
}
/* #battery.charging {
color: #ffffff;
background-color: #26A65B;
} */
@keyframes blink {
to {
background-color: #ffffff;
color: #333333;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#custom-keyboard,
#custom-menu{
color: yellow;
/*padding: 3px;*/
}
#cpu {
color: blue;
}
#memory {
color: green;
}
#custom-light_dark,
#backlight {
color: white;
}
#bluetooth {
color: blue;
}
#network {
color: #dd7878;
}
#network.disconnected {
color: #df3320;
}
#custom-swaync,
#custom-keybinds {
color: #1e66f5;
}
#wireplumber,
#pulseaudio {
color: green;
}
#wireplumber.muted,
#pulseaudio.muted {
color: grey;
}
#custom-power {
color: red;
}
#keyboard-state {
color: #dd7878;
}
#disk {
color: brown;
}
#custom-weather {
color: #df8e1d;
}
#custom-lock {
color: #ffa000;
}
#temperature {
color: #FF5349;
}
#temperature.critical {
background-color: #ff0000;
}
#tray {
/* background-color: #505050; */
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#mpd {
color: #2a5c45;
}
#mpd.disconnected {
background-color: #f53c3c;
}
#mpd.stopped {
background-color: #90b1b1;
}
#mpd.paused {
background-color: #51a37a;
}
#custom-language {
color: #7da6ff;
min-width: 16px;
}
#custom-separator {
color: #606060;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Colored] Translucent.css
+347
View File
@@ -0,0 +1,347 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Translucent */
@define-color critical #ff0000; /* critical color */
@define-color warning #f3f809; /* warning color */
@define-color fgcolor #ffffff; /* foreground color */
@define-color bgcolor #303030; /* background color */
@define-color bgcolor #222436; /* background color */
@define-color alert #df3320;
@define-color accent1 #ff7a93;
@define-color accent2 #b9f27c;
@define-color accent3 #ff9e64;
@define-color accent4 #bb9af7;
@define-color accent5 #7da6ff;
@define-color accent6 #0db9d7;
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: rgba(0,0,0,0.3);
color: #ffffff;
transition-property: background-color;
transition-duration: .5s;
border-radius: 10px;
}
window#waybar.hidden {
opacity: 0.1;
}
tooltip {
background: #1e1e2e;
opacity: 0.6;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
}
#taskbar button,
#workspaces button {
background-color: transparent;
color: #ffffff;
box-shadow: none;
text-shadow: none;
padding: 4px;
border-radius: 9px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
background-color: transparent;
color: @accent1;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: @accent3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
background-color: #bbccdd;
color: @accent2;
/* box-shadow: inset 0 -3px #ffffff; */
}
#workspaces button.urgent {
background-color: #eb4d4b;
}
#mode {
background-color: #64727D;
border-bottom: 3px solid #ffffff;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
}
#clock {
color: @accent2;
}
#custom-updater {
color: #7287fd;
}
#battery {
color: @accent5;
}
/* #battery.charging {
color: #ffffff;
background-color: #26A65B;
} */
@keyframes blink {
to {
background-color: #ffffff;
color: #333333;
}
}
#battery.critical:not(.charging) {
color: @critical;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#custom-menu{
color: #FFFFFF;
/*padding: 3px;*/
}
#custom-keyboard,
#cpu {
color: @accent1;
}
#memory {
color: @accent3;
}
#backlight {
color: #cdd6f4;
}
#bluetooth {
color: #1e66f5;
}
#network {
color: @accent3;
}
#network.disconnected {
color: @alert;
}
#pulseaudio {
color: @accent4;
}
#pulseaudio-muted {
color: @accent2;
}
#wireplumber {
color: @accent4;
}
#wireplumber-muted {
color: @accent2;
}
#pluseaudio-source-muted{
color: #a0a0a0;
}
#custom-power {
color: #cc3436;
}
#disk {
color: @accent5;
}
#custom-power_profile {
color: @accent3;
}
#custom-media {
background-color: #66cc99;
color: #2a5c45;
min-width: 100px;
}
#custom-weather {
color: #66cc99;
}
#custom-lock {
color: #ffa000;
}
#keyboard-state,
#temperature {
color: @accent6;
/* background-color: #f0932b; */
}
#temperature.critical {
background-color: @critical;
}
#tray {
/* background-color: #505050; */
}
#custom-hypridle,
#idle_inhibitor {
color: #f9e2af;
/*background-color: #2d3436;*/
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#mpd {
color: #2a5c45;
}
#mpd.disconnected {
background-color: #f53c3c;
}
#mpd.stopped {
background-color: #90b1b1;
}
#mpd.paused {
background-color: #51a37a;
}
#custom-language {
color: @accent5;
min-width: 16px;
}
#custom-separator {
color: #606060;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Colorful] Aurora Blossom.css
+200
View File
@@ -0,0 +1,200 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Aurora Blossom */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: transparent;
}
window#waybar.empty ,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
color: black;
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
opacity: 0.8;
border-radius: 10px;
}
tooltip label{
color: black;
}
/*-----module groups----*/
.modules-left,
.modules-center,
.modules-right {
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
color: black;
border-radius: 6px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#taskbar button,
#workspaces button {
color: black;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
color: grey;
background-color: rgba(0,153,153,0.2);
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: grey;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#custom-power {
padding: 1px 3px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
color: #cc3436;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight,
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}
.config/waybar/style/[Colorful] Aurora.css
+208
View File
@@ -0,0 +1,208 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Aurora */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar,
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
color: black;
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
opacity: 0.8;
border-radius: 10px;
}
tooltip label{
color: black;
}
/*-----module groups----*/
.modules-left,
.modules-center,
.modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#taskbar button,
#workspaces button {
color: grey;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
color: black;
background-color: rgba(0,153,153,0.2);
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: black;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
background-image: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
color: black;
border: 1px;
border-style: solid;
border-radius: 6px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#backlight {
padding-right: 2px;
}
#custom-power {
padding-left: 10px;
padding-right: 2px;
}
#custom-menu {
padding-right: 8px;
}
#custom-cycle_wall {
padding-right: 2px;
}
#network {
padding-right: 12px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
background: red;
color: black;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Colorful] Oglo Chicklets.css
+414
View File
@@ -0,0 +1,414 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Oglo Chicklets */
* {
font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
font-size: 97%;
font-weight: bold;
}
window#waybar {
background-color: #232a2e;
border-bottom: 8px solid #1d2327;
color: #d3c6aa;
transition-property: background-color;
transition-duration: .5s;
}
window#waybar.hidden {
opacity: 0.2;
}
/*
window#waybar.empty {
background-color: transparent;
}
window#waybar.solo {
background-color: #FFFFFF;
}
*/
button {
all: unset;
background-color: #778f52;
color: #2d353b;
border: none;
border-bottom: 8px solid #5d743e;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
transition: transform 0.1s ease-in-out;
}
button:hover {
background: inherit;
background-color: #92ab6c;
border-bottom: 8px solid #788f57;
}
button.active {
background: inherit;
background-color: #a5be7e;
border-bottom: 8px solid #8aa168;
}
#mode {
background-color: #64727D;
border-bottom: 3px solid #ffffff;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay{
color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}
#window,
#workspaces {
margin: 0 4px;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
}
#window {
background-color: #343f44;
color: #d3c6aa;
border-bottom: 8px solid #2b3539;
}
#custom-swaync {
background-color: #778f52;
color: #2d353b;
border-bottom: 8px solid #5d743e;
}
#custom-menu {
background-color: #778f52;
color: #2d353b;
border-bottom: 8px solid #5d743e;
}
#custom-power {
background-color: #ee606a;
color: #2d353b;
border-bottom: 8px solid #ca4853;
padding-left: 10px;
}
#custom-power_vertical{
background-color: #ee606a;
color: #2d353b;
border-bottom: 8px solid #ca4853;
}
#clock {
background-color: #96a84c;
color: #2d353b;
border-bottom: 8px solid #7a8c37;
}
#battery {
background-color: #3a998f;
color: #2d353b;
border-bottom: 8px solid #227d74;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
}
}
#battery.critical:not(.charging) {
background-color: #ee606a;
color: #2d353b;
border-bottom: 8px solid #ca4853;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#cpu {
background-color: #778f52;
color: #2d353b;
border-bottom: 8px solid #5d743e;
}
#memory {
background-color: #d980ad;
color: #2d353b;
border-bottom: 8px solid #b86790;
}
#disk {
background-color: #964B00;
border-bottom: 8px solid #793300;
}
#custom-lock,
#custom-light_dark,
#backlight {
background-color: #64b6ac;
color: #2d353b;
border-bottom: 8px solid #4f9990;
padding-left: 10px;
}
#network {
background-color: #2980b9;
}
#network.disconnected {
background-color: #f53c3c;
}
#pulseaudio {
background-color: #d8ac47;
color: #2d353b;
border-bottom: 8px solid #b78f30;
}
#pulseaudio.muted {
background-color: #90b1b1;
color: #2a5c45;
}
#wireplumber {
background-color: #fff0f5;
color: #000000;
}
#wireplumber.muted {
background-color: #f53c3c;
}
#custom-media {
background-color: #66cc99;
color: #2a5c45;
min-width: 100px;
}
#custom-media.custom-spotify {
background-color: #66cc99;
}
#custom-media.custom-vlc {
background-color: #ffa000;
}
#temperature {
background-color: #f0932b;
border-bottom: 8px solid #b78f30;
}
#temperature.critical {
background-color: #eb4d4b;
}
#tray {
background-color: #e67f51;
color: #2d353b;;
border-bottom: 8px solid #c3653b;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
background-color: #eb4d4b;
}
#idle_inhibitor {
background-color: #2d3436;
}
#idle_inhibitor.activated {
background-color: #ecf0f1;
color: #2d3436;
}
#mpd {
background-color: #66cc99;
color: #2a5c45;
}
#mpd.disconnected {
background-color: #f53c3c;
}
#mpd.stopped {
background-color: #90b1b1;
}
#mpd.paused {
background-color: #51a37a;
}
#language {
background: #00b093;
color: #740864;
min-width: 16px;
}
#keyboard-state {
background: #97e1ad;
color: #000000;
min-width: 16px;
border-bottom: 8px solid #78b48a;
}
#keyboard-state > label {
padding: 0 5px;
}
#keyboard-state > label.locked {
background: rgba(0, 0, 0, 0.2);
}
#scratchpad {
background: rgba(0, 0, 0, 0.2);
}
#scratchpad.empty {
background-color: transparent;
}
tooltip {
background-color: #232a2e;
border: none;
border-bottom: 8px solid #1d2327;
}
tooltip decoration {
box-shadow: none;
}
tooltip decoration:backdrop {
box-shadow: none;
}
tooltip label {
color: #d3c6aa;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}
.config/waybar/style/[Colorful] Rainbow Spectrum.css
+323
View File
@@ -0,0 +1,323 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Rainbow Spectrum */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: rgba(0,0,0,0);
transition-property: background-color;
transition-duration: .5s;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty,
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
tooltip {
background: #1e1e2e;
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
}
tooltip label{
color: #cdd6f4;
}
#taskbar button,
#workspaces button {
background-color: #d9e0ee;
color: #3A3B3C;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
background-color: #eba0ac;
color: #3A3B3C;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
background: #eb6f92;
color: #f6c177;
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
border-radius: 16px;
color: #3A3B3C;
border: 1px solid #b4befe;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#backlight {
background-color: #cba6f7;
}
#battery {
background-color: #f9e2af;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
background-color: #f38ba8;
color: #f38ba8;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#clock {
background-color: #a6e3a1;
}
#mpris {
background-color: #fab387;
color: black;
}
#custom-keyboard,
#keyboard-state,
#keyboard-state label,
#keyboard-state label.locked,
#cpu {
background-color: #89dceb;
}
#memory {
background-color: #eba0ac;
}
#disk {
background-color: #b4befe;
}
#tray {
background-color: #b4befe;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#custom-menu {
background-color: #f5c2e7;
/*padding: 1px;*/
padding-right: 10px;
border-radius: 16px;
color: #3A3B3C;
border: 1px solid #b4befe;
}
#custom-power {
background-color: #f38ba8;
padding: 0px 0px 0px 6px;
}
#custom-updater {
background-color: #e6ed7b;
}
#custom-cava_mviz,
#power-profiles-daemon,
#custom-browser,
#custom-file_manager,
#custom-tty,
#custom-settings {
background: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%);
}
#custom-cycle_wall {
background-color: #94e2d5;
}
#custom-swaync,
#custom-weather {
background-color: #cba6f7;
}
#custom-reboot,
#wireplumber {
background-color: #a6e3a1;
}
#wireplumber.muted {
background-color: #313244;
color: #cdd6f4;
}
#custom-lock {
background-color: #89dceb;
}
#custom-quit,
#temperature {
background-color: #86b4fa;
}
#temperature.critical {
background-color: red;
}
#custom-power_vertical,
#custom-light_dark,
#custom-hypridle,
#idle_inhibitor {
background-color: #86b4fa;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#bluetooth {
background-color: #89dceb;
}
#window {
background-color: #89dceb;
}
#custom-hint,
#pulseaudio {
background-color: #fab387;
}
#pulseaudio.bluetooth {
background-color: #f5c2e7;
}
#pulseaudio.muted {
background-color: #313244;
color: #cdd6f4;
}
#network {
background-color: #89b4fa;
padding-right: 12px;
}
#network.disconnected,#network.disabled {
background-color: #313244;
color: #cdd6f4;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Dark] Golden Eclipse.css
+206
View File
@@ -0,0 +1,206 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Golden Eclipse */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
background: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 4px;
border-radius: 12px;
}
window#waybar.hidden {
opacity: 0.2;
}
#waybar.empty #window {
background: none;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay{
color: #fcba03;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: red;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: cyan;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#taskbar button,
#workspaces button {
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
color: #fcba03;
}
#taskbar button:hover,
#workspaces button:hover {
border-radius: 10px;
color: #a6adc8;
background-color: #ffeb8a;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
color: #fcba03;
border-radius: 10px;
}
#taskbar button.active,
#workspaces button.active {
color: black;
background-color: #fcba03;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
color: red;
border-radius: 0px;
}
#pulseaudio.muted {
color: red;
}
#network.disconnected,
#network.disabled {
background-color: #fcba03;
color: #cdd6f4;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Dark] Golden Noir.css
+209
View File
@@ -0,0 +1,209 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ...............Golden Noir................ */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: #040406;
border-radius: 30px;
color: #cba6f7;
}
window#waybar.hidden {
opacity: 0.5;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: #ffd700;
}
/*-----module groups----*/
.modules-left,
.modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
border-left: 1px solid #ffd700;
border-right: 1px solid #ffd700;
border-radius: 20px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#taskbar button,
#workspaces button {
color: #6E6A86;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: #ffd700;
border-radius: 50%;
background-color: black;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: #ffd700;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #e5d9f5;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
.config/waybar/style/[Dark] Half-Moon.css
+321
View File
@@ -0,0 +1,321 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ..........Half Moon.................. */
/* NOTE: This is only for some waybar configs */
/* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: rgba(26,27,38,0);
border-bottom: 1px solid rgba(26,27,38,0);
border-radius: 0px;
color: #E6B673;
}
#waybar.empty, #waybar.tiled, #waybar.floating {
background-color: transparent;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
}
#taskbar,
#workspaces {
background: #0F1419;
margin: 5px;
padding: 0px 1px;
border-radius: 15px;
border: 0px;
font-style: normal;
color: #0F1419;
}
#taskbar button,
#workspaces button {
padding: 0px 5px;
margin: 4px 3px;
border-radius: 15px;
border: 0px;
color: #0F1419;
background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
opacity: 0.5;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
padding: 0px 5px;
margin: 4px 3px;
border-radius: 15px;
border: 0px;
color: #0F1419;
background: linear-gradient(45deg, #59C2FF, #D2A6FF);
opacity: 1.0;
min-width: 40px;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
border-radius: 15px;
color: #0F1419;
background: linear-gradient(45deg, #59C2FF, #D2A6FF);
opacity: 0.8;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
@keyframes gradient_horizontal {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes swiping {
0% {
background-position: 0% 200%;
}
100% {
background-position: 200% 200%;
}
}
tooltip {
background: #0F1419;
border: 1px solid #D2A6FF;
border-radius: 10px;
}
tooltip label {
color: #F3F4F5;
}
#window {
color: #E6E1CF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#temperature,
#memory {
color: #E6B673;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-light_dark,
#custom-dot_update,
#custom-swaync,
#custom-hypridle,
#idle_inhibitor,
#clock {
color: #B8CC52;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#bluetooth {
color: blue;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-playerctl,
#power-profiles-daemon,
#custom-cycle_wall,
#cpu {
color: #F3F4F5;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#disk {
color: #B8CC52;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#backlight,
#battery {
color: #F07178;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#mpris {
color: #F07178;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding-left: 8px;
padding-right: 2px;
}
#backlight {
color: white;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#network {
color: #FF8F40;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-hyprbindings {
color: #D2A6FF;
background: #0F1419;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#tray {
color: #E6E1CF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#pulseaudio {
color: #59C2FF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-notification {
color: #95E6CB;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-browser,
#custom-file_manager,
#custom-tty,
#custom-settings {
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
color: #0F1419;
background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
}
#custom-weather {
color: #59C2FF;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-menu {
color: #59C2FF;
background: #0F1419;
border-radius: 0px 15px 50px 0px;
margin: 5px 5px 5px 0px;
padding: 1px 15px;
}
#custom-power {
color: #D2A6FF;
background: #0F1419;
border-radius: 15px 0px 0px 50px;
margin: 5px 0px;
padding: 2px 5px 2px 15px;
}
#custom-lock {
color: red;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#custom-power_vertical,
#keyboard-state {
color: green;
background: #0F1419;
border-radius: 50px 50px;
margin: 5px;
padding: 2px 15px;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #6E6A86;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: purple;
}
.config/waybar/style/[Dark] Latte-Wallust combined v2.css
+267
View File
@@ -0,0 +1,267 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Latte - Wallust - v2 */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(1, 1, 1, 0.5);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @background;
@define-color background-module2 @color11;
@define-color border-color @color12;
@define-color button-color @color10;
@define-color button-hover @color13;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: @background;
border-radius:15px;
padding-top: 2px;
padding-bottom: 0px;
padding-right: 4px;
padding-left: 4px;
}
tooltip {
background: #1e1e2e;
border-radius: 12px;
border-width: 1px;
border-style: solid;
border-color: @border-color;
color: #ffffff;
}
#workspaces {
padding: 0px 1px;
border-radius: 15px;
border-bottom: 2px solid @border-color;
font-weight: bold;
font-style: normal;
opacity: 0.8;
}
#taskbar button,
#workspaces button {
color: @foreground;
box-shadow: none;
text-shadow: none;
border-radius: 30px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: #ffd700;
border-radius: 50%;
background-color: black;
border-radius: 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: #ffd700;
border-radius: 10px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
/*-----module groups----*/
.modules-center {
background-color: @background-module2;
border-radius: 10px;
padding: 4px;
border-bottom: 2px solid @border-color;
border-right: 1px solid @button-hover;
border-left: 1px solid @button-hover;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @foreground;
padding-right: 6px;
padding-left: 6px;;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
#pulseaudio-slider,
#pulseaudio {
color: @color13;
}
#pulseaudio.muted {
color: red;
}
#memory {
color: @sapphire;
}
#cpu {
color: @mauve;
}
#battery {
color: @rosewater;
}
#disk {
color: @sky;
}
#temperature.critical {
background-color: @red;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#custom-hypridle,
#custom-lock,
#idle_inhibitor {
color: @teal;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#clock {
color: @foreground;
border-radius: 15px;
}
#custom-updates {
color: @yellow;
}
#swaync{
color: #ffd700;}
.config/waybar/style/[Dark] Latte-Wallust combined.css
+277
View File
@@ -0,0 +1,277 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Latte - Wallust */
/* Original Design by DC user mannatsingh */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(1, 1, 1, 0.5);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @transparent;
@define-color border-color @color12;
@define-color button-color @color11;
@define-color button-hover @color13;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: transparent;
border-radius: 0px;
color: #cba6f7;
}
window#waybar.hidden {
opacity: 0;
}
tooltip {
background: #1e1e2e;
border-radius: 12px;
border-width: 1px;
border-style: solid;
border-color: @border-color;
color: #ffffff;
}
/*-----module groups----*/
.modules-left,
.modules-center,
.modules-right {
background-color: @background-module;
border-radius:15px;
border-bottom:2px solid @border-color;
padding-top: 2px;
padding-bottom: 0px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces {
padding: 0px 1px;
border-radius: 15px;
border:2px solid @border-color;
font-weight: bold;
font-style: normal;
opacity:0.8;
color:#FFFFFF;
}
#taskbar button,
#workspaces button {
color: #6E6A86;
box-shadow: none;
text-shadow: none;
border-radius: 30px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: #ffd700;
border-radius: 50%;
background-color: black;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: #ffd700;
border-radius: 10px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #e5d9f5;
padding-right: 6px;
padding-left: 6px;;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
#pulseaudio-slider,
#pulseaudio {
color: @color13;
}
#pulseaudio.muted {
color: red;
}
#memory {
color: @sapphire;
}
#cpu {
color: @mauve;
}
#battery {
color: @rosewater;
}
#disk {
color: @sky;
}
#temperature.critical {
background-color: @red;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#custom-hypridle,
#custom-lock,
#idle_inhibitor {
color: @teal;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#clock#2 {
color: #efe8f7;
}
#clock {
color: @sapphire;
border-radius: 15px;
border:2px solid @border-color;
}
#custom-updates {
color: @yellow;
}
#swaync{
color: #ffd700;}
.config/waybar/style/[Dark] Purpl.css
+228
View File
@@ -0,0 +1,228 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* .............Purpl..................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: #100214;
color: #cba6f7;
}
window#waybar.hidden {
opacity: 0.5;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: #cba6f7;
}
/*-----module groups----*/
.modules-right {
border: 3px solid #20052a;
border-radius: 100px 0px 0px 0px;
background-color: #3d174b;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
}
.modules-center {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
/*background-color: #1e1e2e;*/
border: 3px solid #20052a;
border-radius: 0px 0px 100px 0px;
background-color: #441a53;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
}
#taskbar button,
#workspaces button {
color: #6E6A86;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: #cba6f7;
border-radius: 20%;
background-color: black;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: #9CCFD8;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: whitesmoke;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#taskbar button.active {
background-color: purple;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #6E6A86;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: purple;
}
.config/waybar/style/[Dark] Wallust Obsidian Edge.css
+198
View File
@@ -0,0 +1,198 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Dark - Obsidian Edge */
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: black;
border-radius: 12px;
}
window#waybar.hidden {
opacity: 0.5;
}
tooltip {
color: @foreground;
background: rgba(0, 0, 0, 0.8);
border-radius: 10px;
}
tooltip label {
color: @foreground;
padding-right: 2px;
padding-left: 2px;
}
/*-----module groups----*/
.modules-left,
.modules-center,
.modules-right {
border: 0px solid #b4befe;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#taskbar button,
#workspaces button {
color: @color12;
box-shadow: none;
text-shadow: none;
padding: 4px;
border-radius: 9px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @foreground;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @color9;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @foreground;
border-radius: 8px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Extra] Arrow.css
+291
View File
@@ -0,0 +1,291 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* .....[Extra] Arrow Best to combine with [TOP] Arrow.... */
/* --- 👍 taken from https://github.com/mxkrsv 👍 --- */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border: none;
border-radius: 0;
min-height: 0;
margin: 0;
padding: 0;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
/* Colors (gruvbox) */
@define-color black #282828;
@define-color red #cc241d;
@define-color green #98971a;
@define-color yellow #d79921;
@define-color blue #458588;
@define-color purple #b16286;
@define-color aqua #689d6a;
@define-color gray #a89984;
@define-color brgray #928374;
@define-color brred #fb4934;
@define-color brgreen #b8bb26;
@define-color bryellow #fabd2f;
@define-color brblue #83a598;
@define-color brpurple #d3869b;
@define-color braqua #8ec07c;
@define-color white #ebdbb2;
@define-color bg2 #504945;
@define-color warning @bryellow;
@define-color critical @red;
@define-color mode @black;
@define-color unfocused @bg2;
@define-color focused @braqua;
@define-color inactive @purple;
@define-color sound @brpurple;
@define-color network @purple;
@define-color memory @braqua;
@define-color cpu @green;
@define-color temp @brgreen;
@define-color layout @bryellow;
@define-color battery @aqua;
@define-color date @black;
@define-color time @white;
/* The whole bar */
#waybar {
background: rgba(40, 40, 40, 0.8784313725); /* #282828e0 */
color: @white;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-left: 8pt;
padding-right: 8pt;
}
/* Each critical module */
#mode,
#memory.critical,
#cpu.critical,
#temperature.critical,
#battery.critical.discharging {
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-name: blink-critical;
animation-duration: 1s;
}
/* Each warning */
#network.disconnected,
#memory.warning,
#cpu.warning,
#temperature.warning,
#battery.warning.discharging {
color: @warning;
}
/* Keyframes */
@keyframes blink-critical {
to {
/*color: @white;*/
background-color: @critical;
}
}
/* Current sway mode (resize etc) */
#mode {
color: @white;
background: @mode;
}
/* Workspaces stuff */
#workspaces button {
/*font-weight: bold;*/
padding-left: 2pt;
padding-right: 2pt;
color: @white;
background: @unfocused;
}
/* Inactive (on unfocused output) */
#workspaces button.visible {
color: @white;
background: @inactive;
}
/* Active (on focused output) */
#workspaces button.focused {
color: @black;
background: @focused;
}
/* Contains an urgent window */
#workspaces button.urgent {
color: @black;
background: @warning;
}
/* Style when cursor is on the button */
#workspaces button:hover {
background: @black;
color: @white;
}
#window {
margin-right: 35pt;
margin-left: 35pt;
}
#pulseaudio {
background: @sound;
color: @black;
}
#network {
background: @network;
color: @white;
}
#memory {
background: @memory;
color: @black;
}
#cpu {
background: @cpu;
color: @white;
}
#temperature {
background: @temp;
color: @black;
}
#language {
background: @layout;
color: @black;
}
#battery {
background: @battery;
color: @white;
}
#tray {
background: @date;
}
#clock {
background: @time;
color: @black;
}
#custom-arrow1 {
color: @time;
background: @date;
}
#custom-arrow2 {
color: @date;
background: @layout;
}
#custom-arrow3 {
color: @layout;
background: @battery;
}
#custom-arrow4 {
color: @battery;
background: @temp;
}
#custom-arrow5 {
color: @temp;
background: @cpu;
}
#custom-arrow6 {
color: @cpu;
background: @memory;
}
#custom-arrow7 {
color: @memory;
background: @network;
}
#custom-arrow8 {
color: @network;
background: @sound;
}
#custom-arrow9 {
color: @sound;
background: transparent;
}
#custom-arrow10 {
color: @unfocused;
background: transparent;
}
.config/waybar/style/[Extra] Crimson.css
+199
View File
@@ -0,0 +1,199 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ..........Crimson.................. */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: #240303;
color: wheat;
border-radius: 0px 0px 100px 100px;
border: 1px solid grey;
}
window#waybar.hidden {
opacity: 0.5;
}
tooltip {
background: #240303;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: wheat;
}
/*-----module groups----*/
.modules-left,
.modules-center,
.modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#taskbar button,
#workspaces button {
color: wheat;
box-shadow: none;
text-shadow: none;
padding: 4px;
border-radius: 9px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: rgb(108, 18, 18);
background-color: #000000;
border: 1px solid grey;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: rgb(71, 14, 14);
background-color: #000000;
border-radius: 15px;
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: wheat;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
.config/waybar/style/[Extra] EverForest.css
+324
View File
@@ -0,0 +1,324 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* --- Designed by https://github.com/DevNChill --- */
/* Extra - EverForest*/
@define-color bg_dim #232A2E;
@define-color black #000000;
@define-color white #FFFFFF;
@define-color bg0 #2D353B;
@define-color bg1 #343F44;
@define-color bg2 #3D484D;
@define-color bg3 #475258;
@define-color bg4 #4F585E;
@define-color bg5 #56635f;
@define-color bg_visual #543A48;
@define-color bg_red #514045;
@define-color bg_green #425047;
@define-color bg_blue #3A515D;
@define-color bg_yellow #4D4C43;
@define-color fg #D3C6AA;
@define-color red #E67E80;
@define-color orange #E69875;
@define-color yellow #DBBC7F;
@define-color green #A7C080;
@define-color aqua #83C092;
@define-color blue #7FBBB3;
@define-color purple #D699B6;
@define-color grey0 #7A8478;
@define-color grey1 #859289;
@define-color grey2 #9DA9A0;
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border: 1px solid transparent;
border-radius: 0px;
margin: 0px 1px;
}
window#waybar {
border: none;
/*background-color: @bg_green;*/
background-color: @bg_green;
color: @fg;
transition-property: background-color;
transition-duration: 0.5s;
}
window#waybar.hidden {
opacity: 0.5;
}
#window {
padding: 0px 10px;
margin: 0px 10px;
border-radius: 5px;
background-color: @bg0;
}
.modules-left button:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin-left: 5px;
}
.modules-left button:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-right: 5px;
}
#custom-menu,
#custom-arch {
background-color: @bg;
color: @red;
}
#custom-swaync {
color: @yellow;
}
#taskbar button,
#workspaces button {
padding: 0px 5px;
background-color: @orange;
color: @black;
}
#taskbar button.active,
#workspaces button.active {
background-color: @grey0;
color: @black;
animation: gradient_f 20s ease-in infinite;
/*transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);*/
}
#taskbar button:hover,
#workspaces button:hover {
background-color: @purple;
color: @black;
}
#workspaces button.focused {
background-color: @green;
color: @bg0;
}
#workspaces button.urgent {
background-color: @red; /* Keeps the original color */
color: @white; /* Sets text color to white for better contrast */
border: 2px solid @red; /* Adds a border with the same color */
box-shadow: 0 0 10px @red; /* Adds a glow effect */
font-weight: bold; /* Makes text bold for more emphasis */
transition:
background-color 0.3s,
box-shadow 0.3s; /* Smooth transition for hover effect */
}
#cpu {
border-radius: 5px 0px 0px 5px;
padding: 0px 5px;
background-color: @yellow;
color: @bg_yellow;
}
#memory {
padding: 0px 5px;
background-color: @yellow;
color: @bg_yellow;
}
#temperature {
padding: 0px 5px;
background-color: @green;
color: @bg_yellow;
}
#temperature.critical {
background-color: @red;
}
#disk {
border-radius: 0px 5px 5px 0px;
padding: 0px 5px;
margin-right: 5px;
background-color: @green;
color: @bg_yellow;
}
#battery.bat2 {
border-radius: 0px 5px 5px 0px;
}
.modules-left :last-child {
border-radius: 0px 5px 5px 0px;
}
#battery {
border-radius: 5px 0px 0px 5px;
padding: 0px 5px;
background-color: @aqua;
color: @bg_yellow;
}
#battery.plugged {
color: @fg;
background-color: @bg_green;
}
#battery.charging {
color: @fg;
background-color: @bg_green;
}
#battery.critical:not(.charging) {
background-color: @red;
color: @fg;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes blink {
to {
background-color: @fg;
color: @bg_dim;
}
}
#backlight {
border-radius: 5px 0px 0px 5px;
padding: 0px 5px;
margin-left: 5px;
background-color: @red;
color: @black;
}
#network,
#pulseaudio {
padding: 0px 5px;
border-radius: 0px 5px 5px 0px;
background-color: @blue;
color: @bg_yellow;
}
#pulseaudio.muted {
background-color: @grey1;
color: @bg_yellow;
}
#tray {
padding: 0px 5px;
border-radius: 5px;
margin-left: 5px;
color: @fg;
background-color: @bg0;
}
#custom-hypridle,
#idle_inhibitor {
padding: 0px 5px;
border-radius: 5px;
margin-left: 5px;
background-color: @blue;
color: @black;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
background-color: @fg;
color: @bg0;
}
#clock {
padding: 0px 5px;
border-radius: 5px;
margin: 0px 5px;
color: @bg_yellow;
background-color: @aqua;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-right: 5px;
padding-left: 5px;
}
.config/waybar/style/[Extra] ML4W starter.css
+363
View File
@@ -0,0 +1,363 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* ML4W - Waybar Style */
/* Original design from ML4W - Hyprland Starter Waybar */
@define-color backgroundlight #FFFFFF;
@define-color backgrounddark #FFFFFF;
@define-color workspacesbackground1 #FFFFFF;
@define-color workspacesbackground2 #CCCCCC;
@define-color bordercolor #FFFFFF;
@define-color textcolor1 #000000;
@define-color textcolor2 #000000;
@define-color textcolor3 #FFFFFF;
@define-color iconcolor #FFFFFF;
/* -----------------------------------------------------
* General
* ----------------------------------------------------- */
* {
font-family: "JetBrainsMono Nerd Font";
border: none;
border-radius: 4px;
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: rgba(0,0,0,0.2);
border-bottom: 0px solid #ffffff;
/* color: #FFFFFF; */
transition-property: background-color;
transition-duration: .5s;
}
/* -----------------------------------------------------
* Workspaces & Taskbar
* ----------------------------------------------------- */
#taskbar,
#workspaces {
margin: 5px 1px 6px 1px;
padding: 0px 1px;
border-radius: 15px;
border: 0px;
font-weight: bold;
font-style: normal;
color: @textcolor1;
}
#taskbar button,
#workspaces button {
padding: 0px 5px;
margin: 4px 3px;
border-radius: 12px;
border: 0px;
color: @textcolor3;
transition: all 0.3s ease-in-out;
}
#taskbar button.active,
#workspaces button.active {
color: @textcolor1;
background: @workspacesbackground2;
border-radius: 8px;
min-width: 40px;
transition: all 0.3s ease-in-out;
}
#workspaces button:hover {
color: @textcolor1;
background: @workspacesbackground2;
border-radius: 15px;
}
/* -----------------------------------------------------
* Tooltips
* ----------------------------------------------------- */
tooltip {
border-radius: 10px;
background-color: @backgroundlight;
opacity:0.8;
padding:20px;
margin:0px;
}
tooltip label {
color: @textcolor2;
}
/* -----------------------------------------------------
* Window
* ----------------------------------------------------- */
#window {
background: @backgroundlight;
margin: 10px 15px 10px 0px;
padding: 2px 10px 0px 10px;
border-radius: 8px;
color:@textcolor2;
font-weight:normal;
}
window#waybar.empty #window {
background-color:transparent;
}
/* -----------------------------------------------------
* Modules
* ----------------------------------------------------- */
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
}
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
}
/* -----------------------------------------------------
* Custom Quicklinks
* ----------------------------------------------------- */
#network,
#pulseaudio,
#battery,
#clock {
margin-right: 20px;
font-weight: bold;
color: @iconcolor;
padding: 4px 10px 2px 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-right: 6px;
padding-left: 6px;
color: @iconcolor;
}
/* -----------------------------------------------------
* Custom Modules
* ----------------------------------------------------- */
#custom-menu {
background-color: @backgrounddark;
color: @textcolor1;
border-radius: 10px;
margin: 10px 10px 10px 10px;
padding-right: 6px;
padding-left: 4px;
}
#custom-power {
margin: 2px 10px 0px 0px;
padding:0px;
color: @iconcolor;
}
/* -----------------------------------------------------
* Hardware Group
* ----------------------------------------------------- */
#disk,#memory,#cpu,#language {
margin:0px;
padding:0px;
color:@iconcolor;
}
#language {
margin-right:10px;
}
/* -----------------------------------------------------
* Clock
* ----------------------------------------------------- */
#clock {
background-color: @backgrounddark;
color: @textcolor1;
border-radius: 15px;
margin: 10px 2px 10px 0px;
}
/* -----------------------------------------------------
* Pulseaudio
* ----------------------------------------------------- */
#pulseaudio {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 12px;
margin: 10px 10px 10px 0px;
}
#pulseaudio.muted {
background-color: @backgrounddark;
color: @textcolor1;
}
/* -----------------------------------------------------
* Network
* ----------------------------------------------------- */
#network {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 15px;
margin: 10px 10px 10px 0px;
}
#network.ethernet {
background-color: @backgroundlight;
color: @textcolor2;
}
#network.wifi {
background-color: @backgroundlight;
color: @textcolor2;
}
/* -----------------------------------------------------
* Bluetooth
* ----------------------------------------------------- */
#bluetooth, #bluetooth.on, #bluetooth.connected {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 15px;
margin: 10px 15px 10px 0px;
}
#bluetooth.off {
background-color: transparent;
padding: 0px;
margin: 0px;
}
/* -----------------------------------------------------
* Battery
* ----------------------------------------------------- */
#battery {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 15px;
margin: 10px 15px 10px 0px;
}
#battery.charging, #battery.plugged {
color: @textcolor2;
background-color: @backgroundlight;
}
@keyframes blink {
to {
background-color: @backgroundlight;
color: @textcolor2;
}
}
#battery.critical:not(.charging) {
background-color: #f53c3c;
color: @textcolor3;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
/* -----------------------------------------------------
* Tray
* ----------------------------------------------------- */
#tray {
margin:0px 10px 0px 0px;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
background-color: #eb4d4b;
}
/* -----------------------------------------------------
* Other
* ----------------------------------------------------- */
label:focus {
background-color: #000000;
}
#backlight {
background-color: #90b1b1;
}
#network {
background-color: #2980b9;
}
#network.disconnected {
background-color: #f53c3c;
}
.config/waybar/style/[Extra] Mauve.css
+217
View File
@@ -0,0 +1,217 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* .......Mauve....................... */
/* --- 👍 designed by https://github.com/CelestiaKai 👍 --- */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: #11111b;
color: #cba6f7;
}
window#waybar.hidden {
opacity: 0.5;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: #cba6f7;
}
/*-----module groups----*/
.modules-left,
.modules-right {
border: 3px solid #11111b;
border-radius: 10px 10px 10px 10px;
background-color: #313244;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#taskbar button,
#workspaces button {
color: #6E6A86;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: #1e1e1e;
border-radius: 30%;
background-color: #cba6f7;
padding-left: 6px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active:hover {
color: #1e1e1e;
border-radius: 30%;
background-color: #cba6f7;
padding-left: 6px;
padding-right: 8px;
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
border-radius: 30%;
background-color: #cba6f7;
color: #1e1e1e;
}
#taskbar button:hover,
#workspaces button:hover {
color: #1e1e1e;
border: 3px solid #1e1e2e;
background-color: #cba6f7;
border-radius: 30%;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: whitesmoke;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #6E6A86;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: purple;
}
.config/waybar/style/[Extra] Modern-Combined - Transparent.css
+279
View File
@@ -0,0 +1,279 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Extra - Combined Modern - transparent */
/* NOTE: This style is NOT vertical layout friendly! */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(1, 1, 1, 0.5);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @color1;
@define-color background-module2 @color11;
@define-color border-color @color12;
@define-color button-color @color10;
@define-color button-hover @color13;
@define-color backgroundlight @color12;
@define-color backgrounddark #FFFFFF;
@define-color workspacesbackground1 @color12;
@define-color workspacesbackground2 #FFFFFF;
@define-color bordercolor @color11;
@define-color textcolor1 @color12;
@define-color textcolor2 #FFFFFF;
@define-color textcolor3 #FFFFFF;
@define-color iconcolor #FFFFFF;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: transparent;
border-radius: 6px;
padding-top: 2px;
padding-bottom: 0px;
padding-right: 4px;
padding-left: 4px;
}
tooltip {
background: #1e1e2e;
border-radius: 12px;
border-width: 1px;
border-style: solid;
border-color: @border-color;
color: #ffffff;
}
#taskbar button,
#workspaces button {
padding: 0px 3px;
margin: 3px 2px;
border-radius: 4px;
color: @textcolor1;
background-color: @workspacesbackground2;
transition: all 0.1s linear;
opacity: 0.4;
}
#taskbar button.active,
#workspaces button.active {
color: @textcolor1;
background: @workspacesbackground2;
border-radius: 4px;
min-width: 30px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
opacity: 1.0;
}
#taskbar button:hover,
#workspaces button:hover {
color: @red;
background: @workspacesbackground2;
border-radius: 3px;
opacity:0.6;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
/*-----module groups----*/
.modules-left,
.modules-right {
background-color: transparent;
}
.modules-center {
background-color: @background-module;
border-radius: 0px 0px 45px 45px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 6px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: white;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#custom-hint {
color: @peach;
padding-right: 6px;
padding-left: 6px;
}
#pulseaudio.muted {
color: red;
}
#temperature.critical {
background-color: @red;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider,
#pulseaudio {
color: @foreground;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#custom-hypridle,
#custom-lock,
#idle_inhibitor {
color: @teal;
}
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @lavender;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#clock {
color: @sapphire;
border-radius: 15px;
}
#custom-updates {
color: @yellow;
}
#custom-swaync{
color: #ffd700;}
.config/waybar/style/[Extra] Modern-Combined.css
+294
View File
@@ -0,0 +1,294 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Extra - Combined Modern */
/* NOTE: This style is NOT vertical layout friendly! */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(1, 1, 1, 0.5);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @color1;
@define-color background-module2 @color11;
@define-color border-color @color12;
@define-color button-color @color10;
@define-color button-hover @color13;
@define-color backgroundlight @color12;
@define-color backgrounddark #FFFFFF;
@define-color workspacesbackground1 @color12;
@define-color workspacesbackground2 #FFFFFF;
@define-color bordercolor @color11;
@define-color textcolor1 @color12;
@define-color textcolor2 #FFFFFF;
@define-color textcolor3 #FFFFFF;
@define-color iconcolor #FFFFFF;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: rgba(0,0,0,0.4);
border-radius: 6px;
padding-top: 2px;
padding-bottom: 0px;
padding-right: 4px;
padding-left: 4px;
}
tooltip {
background: #1e1e2e;
border-radius: 12px;
border-width: 1px;
border-style: solid;
border-color: @border-color;
color: #ffffff;
}
#taskbar button,
#workspaces button {
padding: 0px 3px;
margin: 3px 2px;
border-radius: 4px;
color: @textcolor1;
background-color: @workspacesbackground2;
transition: all 0.1s linear;
opacity: 0.4;
}
#taskbar button.active,
#workspaces button.active {
color: @textcolor1;
background: @workspacesbackground2;
border-radius: 10px;
min-width: 30px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
opacity: 1.0;
}
#taskbar button:hover,
#workspaces button:hover {
color: @red;
background: @workspacesbackground2;
border-radius: 5px;
opacity:0.6;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#clock#2 {
color: #efe8f7;
}
/*-----module groups----*/
.modules-left,
.modules-right {
background-color: transparent;
}
.modules-center {
background-color: @background-module;
border-radius: 0px 0px 45px 45px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 6px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater {
color: @foreground;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#custom-playerctl,
#custom-cava_mviz {
color: @sky;
}
#custom-hint {
color: @peach;
padding-right: 6px;
padding-left: 6px;
}
#pulseaudio-slider,
#pulseaudio {
color: @foreground;
}
#pulseaudio.muted {
color: red;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
#memory {
color: @sapphire;
}
#cpu {
color: @mauve;
}
#battery {
color: @rosewater;
}
#disk {
color: @green;
}
#temperature.critical {
background-color: @red;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#custom-hypridle,
#custom-lock,
#idle_inhibitor {
color: @teal;
}
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @lavender;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#clock {
color: @sapphire;
border-radius: 15px;
}
#custom-updates {
color: @yellow;
}
#custom-swaync{
color: #ffd700;}
.config/waybar/style/[Extra] Neon Circuit.css
+422
View File
@@ -0,0 +1,422 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* --- Extra - Neon Circuit - waybar style ---*/
@define-color bar-bg rgba(0, 0, 0, 0);
@define-color main-bg #313244;
@define-color main-fg #b4befe;
@define-color wb-act-bg #b4befe;
@define-color wb-act-fg #1e1e2e;
@define-color wb-hvr-bg #f5c2e7;
@define-color wb-hvr-fg #313244;
* {
border: none;
border-radius: 0px;
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: @bar-bg;
}
tooltip {
background: @main-bg;
color: @main-fg;
border-radius: 12px;
border-width: 0px;
}
#taskbar button,
#workspaces button {
box-shadow: none;
text-shadow: none;
padding: 2px;
border: 2px;
border-color: #b4befe;
border-width: 5px;
border-radius: 10px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
padding-left: 6px;
padding-right: 0px;
margin-right: 0px;
color: @wb-act-fg;
background-color: #b4befe;
animation: ws_normal 2s ease-in-out 1;
}
#taskbar button.active,
#workspaces button.active {
background-image: linear-gradient(45deg, #89b4fa 50%, #cba6f7 50%);
color: @wb-act-fg;
border-radius: 12px;
margin-left: 4px;
padding-left: 12px;
padding-right: 12px;
margin-right: 4px;
animation: ws_active 2s ease-in-out 1;
transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
background: @wb-hvr-bg;
color: @wb-hvr-fg;
animation: ws_hover 20s ease-in-out 1;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#tray menu * {
min-height: 18px
}
#tray menu separator {
min-height: 16px
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @main-fg;
background: @main-bg;
opacity: 1;
margin: 3px 0px 3px 0px;
padding-left: 4px;
padding-right: 4px;
}
#workspaces {
border-radius: 20px;
border-width: 2px;
border-style: solid;
border-color: #b4befe;
padding-right: 8px;
padding-left: 8px;
margin-right: 5px;
}
#taskbar {
padding: 0px;
color: #b4befe;
}
#window {
color: #F2CCCC;
border-radius: 20px;
border-style: solid;
border-width: 2px;
border-color: #F2CCCC;
margin-right: 5px;
}
#clock {
color: #F38BA8;
border-radius: 12px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-width: 2px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-left-width: 0px;
border-width: 2px;
border-color: #F38BA8;
margin-right: 5px;
}
#idle_inhibitor {
color: #94e2d5;
border-radius: 12px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-style: solid;
border-right-style: none;
border-width: 2px;
border-color: #F38BA8;
margin-right: 0px;
}
#idle_inhibitor.activated {
color: #39FF14;
}
#temperature {
color: #cdd6f4;
border-radius: 20px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-style: solid;
border-right-style: none;
border-width: 2px;
border-color: #cdd6f4;
margin-left: 5px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#cpu,
#disk,
#memory {
color: #cdd6f4;
border-radius: 0px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-width: 2px;
border-color: #cdd6f4;
margin-right: 0px;
}
#custom-menu {
color: #ff5a5a;
border-radius: 6px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-width: 2px;
border-color: #cdd6f4;
padding-right: 5px;
padding-left: 5px;
}
#network {
border-radius: 12px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-style: solid;
border-left-style: none;
border-left-width: 0px;
border-width: 2px;
border-color: #cdd6f4;
margin-right: 5px;
}
#backlight {
color: #F5E0DC;
border-radius: 12px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-style: solid;
border-right-style: none;
border-width: 2px;
border-color: #F5E0DC;
margin-left: 5px;
}
#pulseaudio {
color: #F5E0DC;
border-radius: 20px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-style: solid;
border-left-style: none;
border-width: 2px;
border-color: #F5E0DC;
margin-right: 0px;
}
#pulseaudio.muted {
color: red;
}
#keyboard-state {
color: #F5E0DC;
border-radius: 20px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-style: solid;
border-left-style: none;
border-left-width: 0px;
border-width: 2px;
border-color: #F5E0DC;
margin-right: 5px;
}
#custom-updater {
color: #F5E0DC;
border-radius: 0px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-width: 2px;
border-color: #F5E0DC;
margin-right: 0px;
}
#custom-hint {
color: #F5E0DC;
border-radius: 12px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-left-width: 0px;
border-width: 2px;
border-color: #F5E0DC;
margin-right: 5px;
}
#tray {
color: #b4befe;
font-size: 16;
border-radius: 12px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-width: 2px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-width: 2px;
border-color: #b4befe;
margin-left: 5px;
padding-left: 8px;
}
#tray > .active,
#tray > .passive,
#tray menu {
color: #b4befe;
}
#custom-swaync {
border-radius: 12px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-width: 2px;
border-color: #b4befe;
margin-right: 0px;
}
#battery {
border-radius: 20px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-style: solid;
border-left-style: none;
border-left-width: 0px;
border-width: 2px;
border-color: #b4befe;
margin-right: 5px;
padding-right: 8px;
}
#custom-power {
border-radius: 12px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-style: solid;
border-left-style: none;
border-width: 2px;
border-color: #F38BA8;
padding-left: 0px;
padding-right: 5px;
margin-right: 5px;
}
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
border-radius: 12px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-width: 2px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-color: #E06C75;
color: #E06C75;
margin-right: 5px;
}
#window {
background-image: linear-gradient(45deg, #89b4fa 50%, #cba6f7 50%);
color: black;
border-radius: 20px;
border-width: 2px;
border-style: solid;
border-left-style: none;
border-right-style: none;
border-color: #f5e0dc;
margin-right: 5px;
}
.config/waybar/style/[Extra] Prismatic Glow.css
+284
View File
@@ -0,0 +1,284 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* .............Prismatic Glow............ */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border: none;
border-radius: 10px;
font-size: 97%;
min-height: 20px;
margin: 0px;
}
/* Module Styles */
.module {
padding: 2px 4px;
margin: 1px 1px;
}
.modules-left>widget:first-child .module {
margin-left: 2px;
}
/* Special Case: Right Margin for Last Module in Right Section */
.modules-right>widget:last-child .module {
margin-right: 2px;
}
/* Window Styling */
window#waybar {
background-color: transparent;
color: black;
transition: background-color 0.5s;
}
/* Make window module transparent when no windows present */
window#waybar.empty #window {
background-color: transparent;
background: transparent;
}
window#waybar.hidden {
opacity: 0.2;
}
/* Tooltip styling */
menu,
tooltip {
background: rgba(0, 0, 0, 0.9);
border-radius: 10px;
border: 2px transparent;
border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
padding: 5px;
box-shadow: 0 0 0 1px;
}
menu label,
tooltip label {
color: rgb(0, 238, 255);
}
/* Workspaces Button Styling */
#workspaces button {
color: rgb(0, 238, 255);
background: transparent;
font-weight: bolder;
box-shadow: inset 0 -3px transparent;
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
padding: 2px 5px;
}
#workspaces button.active {
color: black;
border-bottom: 2px solid transparent;
/* border-top: 2px solid transparent; */
border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
padding: 0 10px;
}
#workspaces button.focused {
background: black;
}
#workspaces button.visible {
color: rgb(0, 238, 255);
}
#workspaces button.urgent {
background: red;
color: black;
padding: 0 5px;
}
#workspaces button:hover {
background: black;
border: 1px solid transparent;
border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
padding: 0 5px;
}
/* Taskbar Button Styling */
#taskbar button {
padding: 0 1px;
}
#taskbar button.active {
background: black;
border-bottom: 2px solid transparent;
/* border-top: 2px solid transparent; */
border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
padding: 0 5px;
}
#taskbar button:hover {
background: black;
border: 1px solid transparent;
border-image: linear-gradient(45deg, #FA8BFF, #2BD2FF) 1;
padding: 0 5px;
}
/* Transparent Modules When Empty */
#taskbar.empty,
window#waybar.empty {
background-color: transparent;
}
/* Specific Module Styles */
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
background-color: black;
color: rgb(0, 238, 255);
}
#temperature.critical {
background-color: red;
}
#network.disconnected,
#pulseaudio.muted {
color: red;
}
#battery.charging,
#battery.plugged {
color: black;
background: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #FA8BFF 90%);
}
@keyframes blink {
to {
background-color: black;
color: red;
}
}
#battery.warning:not(.charging),
#battery.critical:not(.charging) {
background-color: red;
color: black;
}
#battery.warning:not(.charging) {
animation: blink 1s linear infinite alternate;
}
#battery.critical:not(.charging) {
animation: blink 0.5s linear infinite alternate;
}
/* Focused Label Background */
label:focus {
background-color: black;
}
/* Keyboard State Styles */
#keyboard-state>label {
padding: 0 5px;
}
#keyboard-state>label.locked {
background: rgba(0, 0, 0, 0.2);
}
/* Tray Styles */
#tray {
background-color: black;
}
#tray>.passive {
-gtk-icon-effect: dim;
}
#tray>.needs-attention {
-gtk-icon-effect: highlight;
padding: 0 5px;
background-color: red;
}
/* Gradient Module Styles */
#mpd,
#mpris,
#window {
background: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #FA8BFF 90%);
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #6E6A86;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: purple;
}
.config/waybar/style/[Extra] Rose Pine.css
+239
View File
@@ -0,0 +1,239 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Rose Pine */
@define-color bar-bg rgba(0, 0, 0, 0);
@define-color main-bg #26233a;
@define-color main-fg #ebbcba;
@define-color wb-act-bg #31748f;
@define-color wb-act-fg #9ccfd8;
@define-color wb-hvr-bg #eb6f92;
@define-color wb-hvr-fg #f6c177;
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border-radius: 12px;
}
window#waybar {
background: @bar-bg;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
background: @main-bg;
color: @main-fg;
border-radius: 8px;
border-width: 0px;
}
#taskbar button,
#workspaces button {
box-shadow: none;
text-shadow: none;
padding: 0px;
border-bottom: 2px;
border-color: #2B5D34;
border-style: solid;
border-radius: 10px;
padding-left: 2px;
padding-right: 4px;
background: @main-bg;
color: @main-fg;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
background: @wb-act-bg;
color: @wb-act-fg;
padding-left: 2px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
background: @wb-hvr-bg;
color: @wb-hvr-fg;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button {
box-shadow: none;
text-shadow: none;
padding: 0px;
border-bottom: 2px;
border-color: #2B5D34;
border-style: solid;
border-radius: 10px;
padding-left: 3px;
padding-right: 3px;
color: @wb-color;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active {
background: @wb-act-bg;
color: @wb-act-color;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
background: @wb-hvr-bg;
color: @wb-hvr-color;
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#temperature,
#tray,
#window,
#wireplumber,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @main-fg;
background: @main-bg;
opacity: 1;
border-bottom: 2px;
border-color: #2B5D34;
border-style: solid;
border-radius: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: red;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
@keyframes blink {
to {
color: @main-bg;
}
}
#battery.critical:not(.charging) {
background-color: red;
color: white;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
#backlight {
padding-right: 2px;
}
#network {
padding-right: 12px;
}
#custom-power {
padding-right: 1px;
}
#group-motherboard,
#group-laptop,
#group-audio {
color: @main-fg;
background-color: @main-bg;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Extra] Simple Pink.css
+210
View File
@@ -0,0 +1,210 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* .......Simple Pink....................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: black;
border-radius: 50px;
color: whitesmoke;
}
window#waybar.hidden {
opacity: 0.5;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: pink;
}
/*-----module groups----*/
.modules-left,
.modules-right {
border: 5px solid #19141b;
border-radius: 50px 50px 50px 50px;
background-color: #ba5663;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-color: black;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#taskbar button,
#workspaces button {
color: pink;
box-shadow: none;
text-shadow: none;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: whitesmoke;
background-color: pink;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #c42a60;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: #ba5663;
background-color: #0d0a0d;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: whitesmoke;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
.config/waybar/style/[Light] Monochrome Contrast.css
+201
View File
@@ -0,0 +1,201 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Light - MonoChrome Contrast */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar,
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
color: white;
background: #1e1e2e;
opacity: 0.8;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: white;
}
tooltip label{
color: #cdd6f4;
}
/*-----module groups----*/
.modules-left,
.modules-center,
.modules-right {
background-color: white;
color: black;
border-bottom: 2px;
border-style: solid;
border-color: black;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#taskbar button,
#workspaces button {
color: black;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
color: grey;
background-color: rgba(0,153,153,0.2);
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
background-color: grey;
color: black;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#custom-power {
padding: 1px 3px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
color: #cc3436;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: grey;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Light] Obsidian Glow.css
+202
View File
@@ -0,0 +1,202 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Light - Obsidian Glow */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: white;
border-radius: 12px;
}
window#waybar.hidden {
opacity: 0.7;
}
tooltip {
background: white;
border-radius: 10px;
}
tooltip label {
color: #373737;
padding-right: 2px;
padding-left: 2px;
}
#taskbar button,
#workspaces button {
color: #585b70;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
background-color: dimgrey;
color: #000000;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #000000;
}
#workspaces button.urgent {
color: #000000;
border-radius: 10px;
}
#workspaces button:hover {
color: #000000;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #000000;
border-radius: 8px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#taskbar button.active {
background-color: #585b70;
color: #cdd6f4;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: grey;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: #ba5663;
}
.config/waybar/style/[Rainbow] RGB Bordered.css
+308
View File
@@ -0,0 +1,308 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Catppuccin Mocha - Rainbow Bordered */
/* Designed by https://github.com/0xl30 */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
@import "../waybar/style/catppuccin-themes/rgbmocha.css";
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
background: transparent;
border-radius: 2px;
}
window#waybar.hidden {
opacity: 0.2;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
#taskbar button,
#workspaces button {
color: @overlay1;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover,
#workspaces button:hover {
border-radius: 10px;
color: @peach;
background-color: @surface0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.persistent {
color: @surface1;
border-radius: 10px;
}
#taskbar button.active,
#workspaces button.active {
color: @mauve;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
color: @red;
border-radius: 0px;
}
/* This section can be use if you want to separate waybar modules */
.modules-left, .modules-center, .modules-right {
background: @theme_base_color;
border: 2px solid transparent;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
border-radius: 0px;
border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
animation: rainbow-gradient 20s ease-in-out infinite; /* Adjust timing as needed */
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#bluetooth,
#backlight {
color: @blue;
}
#battery {
color: @green;
}
@keyframes blink {
to {
color: @surface0;
}
}
#battery.critical:not(.charging) {
background-color: @red;
color: @theme_text_color;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
#clock {
color: @yellow;
}
#cpu {
color: @green;
}
#custom-keyboard,
#memory {
color: @sky;
}
#disk {
color: @sapphire;
}
#temperature {
color: @teal;
}
#temperature.critical {
background-color: @red;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#keyboard-state {
color: @flamingo;
}
#custom-cava_mviz {
animation: rainbow-text 0.80s linear infinite;
}
@keyframes rainbow-text {
0% { color: rgb(0, 247, 198); } /* Low amplitude */
42% { color: rgb(60, 0, 179); } /* Mid amplitude */
71% { color: indigo; } /* Higher amplitude */
100% { color: rgb(234, 0, 255); } /* Maximum amplitude */
}
#custom-menu {
color: @rosewater;
}
#custom-power {
color: @red;
}
#custom-updater {
color: @red;
}
#custom-light_dark {
color: @blue;
}
#custom-weather {
color: @lavender;
}
#custom-lock {
color: @maroon;
}
#pulseaudio {
color: @sapphire;
}
#pulseaudio.bluetooth {
color: @pink;
}
#pulseaudio.muted {
color: @red;
}
#window {
color: @mauve;
}
#mpris {
color:@lavender;
}
#network {
color: @teal;
}
#network.disconnected,
#network.disabled {
background-color: @surface0;
color: @text;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Retro] Simple Style.css
+179
View File
@@ -0,0 +1,179 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Simple Style */
@define-color background #1d2021;
@define-color foreground #ebdbb2;
@define-color dim #928374;
@define-color yellow #fabd2f;
@define-color red #fb4934;
@define-color green #b8bb26;
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: @background;
color: @foreground;
transition-property: background-color;
transition-duration: 0.5s;
}
#taskbar button,
#workspaces button {
color: @foreground;
}
#taskbar button.active,
#workspaces button.active {
border-bottom: 1px solid green;
}
#taskbar button.urgent,
#workspaces button.urgent {
border-bottom: 2px solid red;
}
#submap {
border-bottom: 1px solid red;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding: 6px;
color: @foreground;
}
#battery.warning,
#disk.warning,
#memory.warning,
#cpu.warning {
border-top: 3px solid @background;
border-bottom: 3px solid yellow;
}
@keyframes blink {
to {
color: @background;
}
}
#battery.critical:not(.charging) {
background-color: @red;
color: white;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical,
#disk.critical,
#memory.critical,
#cpu.critical {
border-top: 3px solid @background;
border-bottom: 3px solid red;
}
#temperature.critical {
background-color: red;
}
#battery.charging {
border-top: 3px solid @background;
border-bottom: 3px solid green;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: @dim;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: @green;
}
.config/waybar/style/[Transparent] Crystal Clear.css
+196
View File
@@ -0,0 +1,196 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* .......Crystal Clear....................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background:transparent;
border-radius: 1px;
color: whitesmoke;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
#taskbar button,
#workspaces button {
color: #6E6A86;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: whitesmoke;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: #d8dee9;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: whitesmoke;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: black;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: wheat;
}
.config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css
+227
View File
@@ -0,0 +1,227 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Vertical Catpuccin Mocha */
/* As stated on title, best style for vertical layout waybar config */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
@import "../waybar/style/catppuccin-themes/mocha.css";
window#waybar {
background-color: @base;
border-radius: 5px;
}
tooltip {
background: @base;
opacity: 1;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: @sapphire;
}
tooltip label {
color: @blue;
}
#taskbar button,
#workspaces button {
color: @surface2;
background-color: transparent;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 4px;
}
#taskbar button.active,
#workspaces button.active {
color: @maroon;
}
#workspaces button.focused {
color: @rosewater;
background: transparent;
border-radius: 15px;
}
#workspaces button.urgent {
color: #11111b;
background: transparent;
border-radius: 15px;
}
#taskbar button:hover,
#workspaces button:hover {
background: transparent;
color: @flamingo;
border-radius: 15px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
opacity: 1;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#idle_inhibitor {
color: @pink;
}
#mpris {
color: @rosewater;
}
#battery {
color: #a6e3a1;
padding-left: 15px;
border-radius: 15px 0 0 15px;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #333333;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#custom-lock,
#custom-power {
color: @red;
border-radius: 15px;
font-weight: bolder;
padding-left: 1px;
}
#network {
background-color: transparent;
color: @mauve;
}
#backlight {
color: @flamingo;
}
#custom-weather {
color: @green;
border-radius: 15px;
background-color: transparent;
}
#custom-menu {
color: #89b4fa;
}
#pulseaudio {
background-color: transparent;
color: @blue;
}
#clock,
#clock-calender {
color: @sapphire;
}
#custom-dots {
color: @sapphire;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-height: 7px;
min-width: 15px;
opacity: 0;
background-color: @text;
border-radius: 3px;
box-shadow: 1px 5px 6px 1px #272727;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-height: 100px;
min-width: 7px;
border-radius: 5px;
background-color: @surface0;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-width: 5px;
border-radius: 5px;
background-color: @blue;
}
.config/waybar/style/[WALLUST] ML4W-modern-mixed.css
+388
View File
@@ -0,0 +1,388 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* ml4w-modern-mixed */
@import '../../.config/waybar/wallust/colors-waybar.css';
@define-color backgroundlight @color12;
@define-color backgrounddark #FFFFFF;
@define-color workspacesbackground1 @color12;
@define-color workspacesbackground2 #FFFFFF;
@define-color bordercolor @color11;
@define-color textcolor1 @color12;
@define-color textcolor2 #FFFFFF;
@define-color textcolor3 #FFFFFF;
@define-color iconcolor #FFFFFF;
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
/* note: different modules have different font sizes */
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: rgba(0,0,0,0.8);
border-bottom: 0px solid #ffffff;
/* color: #FFFFFF; */
background: transparent;
transition-property: background-color;
transition-duration: .5s;
}
#taskbar,
#workspaces {
background: @workspacesbackground1;
margin: 2px 18px 3px 1px;
margin-left: 6px;
padding: 0px 2px;
border-radius: 5px 5px 5px 5px;
border: 0px;
font-weight: bold;
font-style: normal;
opacity: 0.8;
color: @textcolor1;
}
#taskbar button,
#workspaces button {
padding: 0px 6px;
margin: 3px 2px;
border-radius: 3px 3px 3px 3px;
color: @textcolor1;
background-color: @workspacesbackground2;
transition: all 0.1s linear;
opacity: 0.4;
}
#taskbar button.active,
#workspaces button.active {
color: @textcolor1;
background: @workspacesbackground2;
border-radius: 3px 3px 3px 3px;
min-width: 30px;
transition: all 0.1s linear;
opacity:1.0;
}
#taskbar button.hover,
#workspaces button:hover {
color: @textcolor1;
background: @workspacesbackground2;
border-radius: 5px 5px 5px 5px;
opacity:0.7;
}
tooltip {
border-radius: 16px;
background-color: @backgroundlight;
opacity:0.9;
padding:20px;
margin:0px;
}
tooltip label {
color: @textcolor2;
}
#window {
margin: 3px 15px 3px 0px;
padding: 2px 10px 0px 10px;
border-radius: 5px 5px 5px 5px;
color:white;
font-weight:normal;
opacity:0.8;
}
window#waybar.empty #window {
background-color:transparent;
}
#taskbar.empty {
background:transparent;
border:0;
padding:0;
margin:0;
}
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
}
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding: 2px;
margin-right: 8px;
margin-left: 6px;
font-size: 100%;
opacity: 0.8;
color: @iconcolor;
}
#custom-swaync {
margin-left: 12px;
}
#idle_inhibitor {
margin-right: 15px;
font-size: 102%;
font-weight: bold;
opacity: 0.8;
color: @iconcolor;
}
#idle_inhibitor.activated {
margin-right: 15px;
font-size: 100%;
font-weight: bold;
opacity: 0.8;
color: #dc2f2f;
}
#custom-menu {
background-color: @backgrounddark;
color: @textcolor1;
border-radius: 5px 5px 5px 5px;
padding: 0px 10px 0px 10px;
margin: 2px 17px 2px 0px;
opacity:0.8;
border:3px solid @bordercolor;
}
#custom-power {
background-color: @backgrounddark;
color: @textcolor1;
border-radius: 5px 5px 5px 5px;
padding: 0px 0px 0px 6px;
opacity:0.8;
border:3px solid @bordercolor;
}
#custom-keybinds {
margin: 0px 13px 0px 0px;
padding:0px;
color: @iconcolor;
opacity: 0.8;
}
#custom-updater {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
opacity:0.8;
}
#custom-updates.green {
background-color: @backgroundlight;
}
#custom-updates.yellow {
background-color: #ff9a3c;
color: #FFFFFF;
}
#custom-updates.red {
background-color: #dc2f2f;
color: #FFFFFF;
}
#keyboard-state {
margin-right:10px;
}
#clock {
background-color: @backgrounddark;
color: @textcolor1;
border-radius: 3px 5px 3px 5px;
padding: 1px 10px 0px 10px;
margin: 3px 0px 3px 0px;
opacity:0.8;
border:3px solid @bordercolor;
}
#backlight {
background-color: @backgroundlight;
margin-left: 6px;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
opacity:0.8;
}
#pulseaudio {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
opacity:0.8;
}
#pulseaudio.muted {
background-color: @backgrounddark;
color: @textcolor1;
}
#network {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
opacity:0.8;
}
#network.ethernet {
background-color: @backgroundlight;
color: @textcolor2;
}
#network.wifi {
background-color: @backgroundlight;
color: @textcolor2;
}
#bluetooth, #bluetooth.on, #bluetooth.connected {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
opacity:0.8;
}
#bluetooth.off {
background-color: transparent;
padding: 0px;
margin: 0px;
}
#battery {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 15px 0px 10px;
margin: 3px 15px 3px 0px;
opacity:0.8;
}
#battery.charging, #battery.plugged {
color: @textcolor2;
background-color: @backgroundlight;
}
@keyframes blink {
to {
background-color: @backgroundlight;
color: @textcolor2;
}
}
#battery.critical:not(.charging) {
background-color: #f53c3c;
color: @textcolor3;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#tray {
padding: 0px 15px 0px 0px;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[WALLUST] ML4W-modern.css
+381
View File
@@ -0,0 +1,381 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* ml4w-modern */
@import '../../.config/waybar/wallust/colors-waybar.css';
@define-color backgroundlight @color0;
@define-color backgrounddark @color12;
@define-color workspacesbackground1 @color0;
@define-color workspacesbackground2 @color12;
@define-color bordercolor @color13;
@define-color textcolor1 @foreground;
@define-color textcolor2 @foreground;
@define-color textcolor3 @foreground;
@define-color iconcolor @foreground;
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
/* note: different modules have different font sizes */
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background-color: rgba(0,0,0,0.8);
border-bottom: 0px solid #ffffff;
/* color: #FFFFFF; */
background: transparent;
transition-property: background-color;
transition-duration: .5s;
}
#workspaces {
background: @workspacesbackground1;
margin: 2px 18px 3px 1px;
margin-left: 6px;
padding: 0px 2px;
border-radius: 5px 5px 5px 5px;
border: 0px;
font-style: normal;
color: @textcolor1;
}
#workspaces button {
padding: 0px 6px;
margin: 3px 2px;
border-radius: 3px 3px 3px 3px;
color: @textcolor1;
background-color: @workspacesbackground1;
transition: all 0.1s linear;
}
#workspaces button.active {
color: @textcolor1;
background: @workspacesbackground2;
border-radius: 3px 3px 3px 3px;
min-width: 30px;
transition: all 0.1s linear;
}
#workspaces button:hover {
color: @textcolor1;
background: @workspacesbackground2;
border-radius: 5px 5px 5px 5px;
opacity:0.7;
}
tooltip {
border-radius: 16px;
background-color: @backgroundlight;
opacity:0.9;
padding:20px;
margin:0px;
}
tooltip label {
color: @textcolor2;
}
#window {
margin: 3px 15px 3px 0px;
padding: 2px 10px 0px 10px;
border-radius: 5px 5px 5px 5px;
color:white;
font-weight:normal;
}
window#waybar.empty #window {
background-color:transparent;
}
#taskbar {
background: @backgroundlight;
margin: 3px 15px 3px 0px;
padding:0px;
border-radius: 5px 5px 5px 5px;
font-weight: normal;
font-style: normal;
border: 3px solid @backgroundlight;
}
#taskbar button {
margin:0;
border-radius: 5px 5px 5px 5px;
padding: 0px 5px 0px 5px;
}
#taskbar.empty {
background:transparent;
border:0;
padding:0;
margin:0;
}
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
}
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
margin-right: 8px;
margin-left: 6px;
font-size: 100%;
color: @iconcolor;
}
#custom-swaync {
margin-left: 12px;
}
#idle_inhibitor {
margin-right: 15px;
font-size: 102%;
font-weight: bold;
color: @iconcolor;
}
#idle_inhibitor.activated {
margin-right: 15px;
font-size: 100%;
font-weight: bold;
color: #dc2f2f;
}
#custom-menu {
background-color: @backgrounddark;
color: @textcolor1;
border-radius: 5px 5px 5px 5px;
padding: 0px 10px 0px 10px;
margin: 2px 17px 2px 0px;
border:3px solid @bordercolor;
}
#custom-power {
background-color: @backgrounddark;
color: @textcolor1;
border-radius: 5px 5px 5px 5px;
padding: 0px 0px 0px 6px;
border:3px solid @bordercolor;
}
#custom-keybinds {
margin: 0px 13px 0px 0px;
padding:0px;
color: @iconcolor;
}
#custom-updater {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
}
#custom-updates.green {
background-color: @backgroundlight;
}
#custom-updates.yellow {
background-color: #ff9a3c;
color: #FFFFFF;
}
#custom-updates.red {
background-color: #dc2f2f;
color: #FFFFFF;
}
#keyboard-state {
margin-right:10px;
}
#clock {
background-color: @backgrounddark;
color: @textcolor1;
border-radius: 3px 5px 3px 5px;
padding: 1px 10px 0px 10px;
margin: 3px 0px 3px 0px;
border:3px solid @bordercolor;
}
#backlight {
background-color: @backgroundlight;
margin-left: 6px;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
}
#pulseaudio {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
}
#pulseaudio.muted {
background-color: @backgrounddark;
color: @textcolor1;
}
#network {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
}
#network.ethernet {
background-color: @backgroundlight;
color: @textcolor2;
}
#network.wifi {
background-color: @backgroundlight;
color: @textcolor2;
}
#bluetooth, #bluetooth.on, #bluetooth.connected {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 10px 0px 10px;
margin: 3px 15px 3px 0px;
}
#bluetooth.off {
background-color: transparent;
padding: 0px;
margin: 0px;
}
#battery {
background-color: @backgroundlight;
color: @textcolor2;
border-radius: 5px 5px 5px 5px;
padding: 2px 15px 0px 10px;
margin: 3px 15px 3px 0px;
}
#battery.charging, #battery.plugged {
color: @textcolor2;
background-color: @backgroundlight;
}
@keyframes blink {
to {
background-color: @backgroundlight;
color: @textcolor2;
}
}
#battery.critical:not(.charging) {
background-color: #f53c3c;
color: @textcolor3;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#tray {
padding: 0px 15px 0px 0px;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css
+311
View File
@@ -0,0 +1,311 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ....Chroma Fusion Edge .... */
/* Wallust & Catppuccin - Bordered */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(0, 0, 0, 0.25);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @transparent;
@define-color border-color @color12;
@define-color button-color @color11;
@define-color button-hover @color9;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: linear-gradient(0deg, @border-color, black);
/*background: rgba(1, 117, 84, 0.5);*/
/*background: @transparent;*/
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border:2px solid black;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
background-color: transparent;
border-radius: 10px;
border-width: 1px;
border-style: solid;
border-color: #11111b;
color: @border-color;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#temperature,
#tray,
#window,
#wireplumber,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
background-color: @background-module;
border-radius: 25px;
padding: 0px 10px 0px 10px;
margin: 5px;
opacity:0.8;
border:2px solid @border-color;
}
#custom-power {
color: red;
padding: 0px 0px 0px 7px;
opacity:1.0;
}
#backlight {
padding: 0px 2px 0px 6px;
}
#custom-light_dark,
#custom-menu{
color: @flamingo;
padding: 0px 8px 0px 4px;
opacity:1.0;
}
#custom-weather,
#custom-updates {
color: @yellow;
}
#mpris {
padding-right: 2px;
}
#keyboard-state,
#clock {
color: @sapphire;
}
#temperature {
color: @rosewater;
}
#network {
padding-left: 2px;
color: @rosewater;
}
#custom-swaync,
#custom-hint,
#tray {
color: aliceblue;
}
#taskbar,
#window {
color:#FFFFFF;
}
#bluetooth,
#custom-backlight,
#custom-cycle_wall,
#custom-keyboard,
#custom-light_dark {
color: @lavender;
}
#custom-lock,
#custom-hypridle,
#idle_inhibitor {
color: @teal;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#custom-cava_mviz{
color: @color2;
}
#workspaces {
border-radius: 25px;
border:2px solid @border-color;
opacity:0.8;
color:#FFFFFF;
margin: 6px;
}
#taskbar button,
#workspaces button {
border-radius: 15px;
border:0px;
color: @color13;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
opacity:0.8;
}
#taskbar button.active,
#workspaces button.active {
color: #FFFFFF;
background: @button-color;
border-radius: 25px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
opacity:1.0;
}
#workspaces button.empty {
color: #FFFFFF;
opacity:1.0;
}
#taskbar button:hover,
#workspaces button:hover {
color: #FFFFFF;
background: @button-hover;
border-radius: 15px;
opacity:1.0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider,
#pulseaudio {
color: @color13;
}
#pulseaudio.muted {
color: red;
}
#memory {
color: @sapphire;
}
#cpu {
color: @mauve;
}
#battery {
color: @rosewater;
}
#disk {
color: @sky;
}
#temperature.critical {
background-color: red;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Wallust Bordered] Chroma Simple.css
+312
View File
@@ -0,0 +1,312 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* Wallust Bordered - Chroma Simple */
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "AtkynsonMono Nerd Font Mono Regular";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
min-height: 0;
}
window#waybar {
background-color: transparent;
color: @foreground;
padding-left: 15px;
padding-right: 15px;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
background-color: @color12;
color: @foreground;
border-radius: 10px;
border-width: 1.5px;
border-style: solid;
border-color: @color9;
transition: 0.3s;
opacity: 0.9;
}
#taskbar button,
#workspaces {
border-radius: 20px;
background: @background;
opacity: 1;
padding: 0px 10px;
margin: 0;
margin-top: 5px;
border: 2px solid @color12;
}
#workspaces button {
color: @color10;
box-shadow: none;
text-shadow: none;
padding-right: 12px;
border-radius: 9px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @color12;
padding-right: 12px;
background-color: @background;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @color12;
padding-left: 0px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
border-radius: 20px;
background: @background;
opacity: 1;
padding: 0px 10px;
margin: 0;
margin-top: 5px;
border: 2px solid @color13;
}
#cpu {
border: 2px solid @color5;
color: @foreground;
background: @color12;
}
#memory {
color: @foreground;
background: @color12;
}
#disk {
color: @foreground;
background: @color12;
border: 2px solid @color13;
}
#temperature{
color: @foreground;
background: @color12;
}
#temperature.critical {
color: red;
border: 2px solid red;
}
#custom-power {
color: red;
padding-left: 10px;
padding-right: 2px;
border: 2px solid red;
}
#backlight {
color: #f9e2af;
padding-right: 5px;
}
#tray {
border-radius: 20px;
margin-right: 5px;
/* padding: 0px 4px; */
padding-left: 15px;
padding-right: 15px;
border: 2px solid @color7;
}
#mpris {
padding-left: 16px;
}
#tray.empty {
background-color: transparent;
border-color: transparent;
border: 0px;
}
#window {
margin-left: 5px;
margin-right: 5px;
border: 2px solid @color9;
}
#clock {
color: #fab387;
}
#bluetooth {
color: #b4befe;
margin-right: 10px
}
#pulseaudio.microphone,
#pulseaudio {
background-color: @color12;
color: #89b4fa;
border: 2px solid @color13;
}
#pulseaudio.muted {
color: #f38ba8;
padding-right: 20px;
}
#battery {
color: #a6e3a1;
margin-right: 5px;
padding-right: 15px;
border: 2px solid @color14;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.good {
color: #ffd57a;
border: 2px solid @color15;
}
#battery.warning {
color: #fab387;
border-left: 0px;
border: 2px solid @color12;
}
#battery.charging {
color: #a6e3a1;
}
#battery.critical {
color: #f38ba8;
border-left: 0px;
border: 2px solid @color8;
}
@keyframes blink {
to {
color: @color12;
}
}
#battery.critical:not(.charging) {
background-color: red;
color: white;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
box-shadow: inset 0 -3px transparent;
}
#custom-weather {
color: #8eacf3;
border-right: 0px;
margin-left: 0px;
margin-right: 5px;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Wallust Transparent] Crystal Clear.css
+214
View File
@@ -0,0 +1,214 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ....Wallust Transparent - Crystal Clear........ */
/* --- 👍 original designed by https://github.com/Krautt 👍 --- */
@import '../../.config/waybar/wallust/colors-waybar.css';
@define-color critical #ff0000; /* critical color */
@define-color warning #f3f809; /* warning color */
@define-color text @color12; /* text color */
@define-color text-alt @color13; /* text alternative color */
@define-color bg @color7; /* background color */
*{
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background:transparent;
border-radius: 1px;
color: @text;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
/*-----module groups----*/
.modules-right {
}
.modules-center {
}
.modules-left {
}
tooltip {
color: @color12;
background: @color10;
opacity: 0.8;
border-radius: 10px;
border-width: 1px;
border-style: solid;
}
#taskbar button,
#workspaces button {
color: @text-alt;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @text;
border-radius: 15px 15px 15px 15px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: @text-alt;
}
#workspaces button.urgent {
color: @warning;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @text;
border-radius: 15px;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical:not(.charging) {
color: @critical;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: black;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: wheat;
}
.config/waybar/style/[Wallust] Arrow.css
+293
View File
@@ -0,0 +1,293 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* .....[Extra] Arrow Best to combine with [TOP] Arrow.... */
/* --- 👍 taken from https://github.com/mxkrsv 👍 --- */
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border: none;
border-radius: 0;
min-height: 0;
margin: 0;
padding: 0;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
}
/* Colors (gruvbox) */
@define-color black @color0;
@define-color red @color1;
@define-color green @color2;
@define-color yellow @color3;
@define-color blue @color4;
@define-color purple @color5;
@define-color aqua @color6;
@define-color gray @color7;
@define-color brgray @color8;
@define-color brred @color9;
@define-color brgreen @color10;
@define-color bryellow @color11;
@define-color brblue @color12;
@define-color brpurple @color13;
@define-color braqua @color14;
@define-color white @color15;
@define-color bg2 @background-alt;
@define-color warning @bryellow;
@define-color critical @red;
@define-color mode @black;
@define-color unfocused @bg2;
@define-color focused @braqua;
@define-color inactive @purple;
@define-color sound @brpurple;
@define-color network @purple;
@define-color memory @braqua;
@define-color cpu @green;
@define-color temp @brgreen;
@define-color layout @bryellow;
@define-color battery @aqua;
@define-color date @black;
@define-color time @white;
/* The whole bar */
#waybar {
background: rgba(40, 40, 40, 0.8784313725); /* #282828e0 */
color: @white;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-left: 8pt;
padding-right: 8pt;
}
/* Each critical module */
#mode,
#memory.critical,
#cpu.critical,
#temperature.critical,
#battery.critical.discharging {
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-name: blink-critical;
animation-duration: 1s;
}
/* Each warning */
#network.disconnected,
#memory.warning,
#cpu.warning,
#temperature.warning,
#battery.warning.discharging {
color: @warning;
}
/* Keyframes */
@keyframes blink-critical {
to {
/*color: @white;*/
background-color: @critical;
}
}
/* Current sway mode (resize etc) */
#mode {
color: @white;
background: @mode;
}
/* Workspaces stuff */
#workspaces button {
/*font-weight: bold;*/
padding-left: 2pt;
padding-right: 2pt;
color: @white;
background: @unfocused;
}
/* Inactive (on unfocused output) */
#workspaces button.visible {
color: @white;
background: @inactive;
}
/* Active (on focused output) */
#workspaces button.focused {
color: @black;
background: @focused;
}
/* Contains an urgent window */
#workspaces button.urgent {
color: @black;
background: @warning;
}
/* Style when cursor is on the button */
#workspaces button:hover {
background: @black;
color: @white;
}
#window {
margin-right: 35pt;
margin-left: 35pt;
}
#pulseaudio {
background: @sound;
color: @black;
}
#network {
background: @network;
color: @white;
}
#memory {
background: @memory;
color: @black;
}
#cpu {
background: @cpu;
color: @white;
}
#temperature {
background: @temp;
color: @black;
}
#language {
background: @layout;
color: @black;
}
#battery {
background: @battery;
color: @white;
}
#tray {
background: @date;
}
#clock {
background: @time;
color: @black;
}
#custom-arrow1 {
color: @time;
background: @date;
}
#custom-arrow2 {
color: @date;
background: @layout;
}
#custom-arrow3 {
color: @layout;
background: @battery;
}
#custom-arrow4 {
color: @battery;
background: @temp;
}
#custom-arrow5 {
color: @temp;
background: @cpu;
}
#custom-arrow6 {
color: @cpu;
background: @memory;
}
#custom-arrow7 {
color: @memory;
background: @network;
}
#custom-arrow8 {
color: @network;
background: @sound;
}
#custom-arrow9 {
color: @sound;
background: transparent;
}
#custom-arrow10 {
color: @unfocused;
background: transparent;
}
.config/waybar/style/[Wallust] Box type.css
+219
View File
@@ -0,0 +1,219 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Wallust - Box type */
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: transparent;
}
window#waybar.hidden {
opacity: 0.2;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
#window {
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
transition: none;
color: transparent;
background: transparent;
}
#taskbar button,
#workspaces button {
color: @foreground;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @color12;
background-color: @foreground;
padding-left: 4px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.focused,
#workspaces button.focused {
color: @color4;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @color4;
padding-left: 2px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 10px;
border-radius: 10px;
transition: none;
color: @foreground;
background: @color0;
border-bottom-width: 5px;
border-bottom-color: @color12;
border-bottom-style: solid;
}
#custom-power {
padding-right: 2px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#network {
padding-right: 12px;
}
#temperature.critical {
background-color: red;
color: black;
}
#mpris {
padding-right: 2px;
padding-left: 8px;
}
#backlight {
padding-right: 2px;
}
#battery.critical:not(.charging) {
background-color: #ffffff;
color: #000000;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
border-bottom-width: 5px;
border-bottom-color: @color12;
border-bottom-style: solid;
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
}
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 10;
background-image: none;
border: none;
box-shadow: @color12;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Wallust] Chroma Edge.css
+373
View File
@@ -0,0 +1,373 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Wallust Chroma Edge */
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
/* background-color: rgba(26, 27, 38, 0.5); */
background-color: transparent;
color: #ffffff;
transition-property: background-color;
transition-duration: 0.5s;
/* border-top: 8px transparent; */
border-radius: 0px;
transition-duration: 0.5s;
}
window#waybar.empty
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
window#waybar.hidden {
opacity: 0.1;
}
tooltip {
background: #1e1e2e;
opacity: 0.8;
border-radius: 12px;
border-width: 2px;
border-style: solid;
border-color: @color12;
}
tooltip label{
color: #cdd6f4;
}
#taskbar button,
#workspaces button {
background-color: transparent;
color: grey;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
background-color: transparent;
color: #D3D3D3;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: #D3D3D3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
background-color: #eb4d4b;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #e5e5e5;
/* color: #bf616a; */
border-radius: 12px;
background-color: rgba(50, 50, 50, 0.1);
border: 1px solid @color12;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#workspaces {
border-radius: 12px;
padding: 0px 6px;
}
#cpu {
color: #fb958b;
padding: 3px;
background-color: rgba(50, 50, 50, 0.1);
}
#custom-cycle_wall,
#custom-updater {
color: #cba7f7;
padding: 3px;
background-color: rgba(50, 50, 50, 0.1);
}
#custom-menu {
color: #FFFFFF;
padding: 6px;
padding-right: 6px;
background-color: rgba(50, 50, 50, 0.1);
}
#custom-keyboard,
#memory {
color: #ebcb8b;
}
#custom-power {
color: #cc3436;
padding: 0px 0px 0px 6px;
}
#custom-launcher {
background-color: #1b242b;
color: #6a92d7;
padding: 0 0px;
}
#custom-weather.severe {
color: #eb937d;
}
#custom-weather.sunny {
color: #c2ca76;
}
#custom-weather.clearNight {
color: #cad3f5;
}
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight {
color: #c2ddda;
}
#custom-weather.rainyDay,
#custom-weather.rainyNight {
color: #5aaca5;
}
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight {
color: #d6e7e5;
}
#custom-swaync,
#custom-weather {
color: #ebecf0;
}
#pulseaudio {
color: #FFD580;
}
#wireplumber {
color: #FFD580;
}
#backlight {
color: #8fbcbb;
padding-right: 2px;
}
#clock {
color: #90EE90;
/* background-color: #14141e; */
}
#battery {
color: #c0caf5;
/* background-color: #90b1b1; */
}
#battery.charging,
#battery.full,
#battery.plugged {
color: #26a65b;
/* background-color: #26a65b; */
}
@keyframes blink {
to {
background-color: rgba(30, 34, 42, 0.5);
color: #abb2bf;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
label:focus {
background-color: #000000;
}
#disk {
color: #f38ba8;
}
#bluetooth {
color: #7287fd;
}
#bluetooth.disconnected {
color: #f53c3c;
}
#network {
color: #b48ead;
}
#network.disconnected {
color: #f53c3c;
}
#custom-media {
background-color: #66cc99;
color: #2a5c45;
min-width: 100px;
}
#custom-media.custom-spotify {
background-color: #66cc99;
}
#custom-media.custom-vlc {
background-color: #ffa000;
}
#temperature.critical {
background-color: #eb4d4b;
}
#tray > .passive {
-gtk-icon-effect: dim;
}
#tray > .needs-attention {
-gtk-icon-effect: highlight;
background-color: #eb4d4b;
}
#idle_inhibitor {
/*background-color: #2d3436;*/
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#temperature {
color: #ADD8E6;
}
#taskbar button.active {
background-color: #7f849c;
padding-left: 12px;
padding-right: 12px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Wallust] Chroma Fusion.css
+313
View File
@@ -0,0 +1,313 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* ....Chroma Fusion .... */
/* Wallust - Catpuccin */
@define-color white #F2F2F2;
@define-color black #000000;
@define-color text #FFFFFF;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color transparent rgba(0, 0, 0, 0.25);
@define-color teal-trans rgba(1, 117, 84, 0.5);
@define-color cyan rgba(53, 140, 169, 1);
@define-color background-module @transparent;
@define-color border-color @color12;
@define-color button-color @color11;
@define-color button-hover @color12;
@import '../../.config/waybar/wallust/colors-waybar.css';
@import "../waybar/style/catppuccin-themes/latte.css";
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: linear-gradient(0deg, @border-color, black);
/*background: rgba(1, 117, 84, 0.5);*/
/*background: @transparent;*/
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
background-color: @background-module;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: @color2;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
background-color: @background-module;
border-radius: 25px;
margin: 5px 5px 5px 5px;
opacity:0.8;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#backlight {
padding: 0px 2px 0px 6px;
}
#custom-power {
color: red;
padding: 0px 0px 0px 6px;
opacity:1.0;
}
#custom-light_dark,
#custom-menu{
color: @flamingo;
padding: 0px 8px 0px 4px;
opacity:1.0;
}
#mpris {
color: @sapphire;
padding-right: 0px;
}
#custom-swaync,
#custom-weather,
#custom-updater {
color: @yellow;
}
#keyboard-state,
#clock {
color: @sapphire;
}
#network,
#temperature {
color: @rosewater;
}
#custom-hint,
#tray {
color: aliceblue;
}
#taskbar,
#window {
color:#FFFFFF;
}
#bluetooth,
#custom-backlight,
#custom-cycle_wall,
#custom-keyboard,
#custom-light_dark {
color: @lavender;
}
#custom-cava_mviz {
color: @color2;
}
#custom-lock,
#custom-hypridle,
#idle_inhibitor {
color: @teal;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#workspaces {
margin: 3px 3px 3px 3px;
padding: 0px 1px;
border-radius: 25px;
font-weight: bold;
font-style: normal;
opacity:0.8;
color:#FFFFFF;
}
#taskbar button,
#workspaces button {
margin: 1px 1px;
border-radius: 15px;
border:0px;
color: @color13;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
opacity:0.8;
}
#taskbar button.active,
#workspaces button.active {
color: #FFFFFF;
background: @button-color;
border-radius: 15px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
opacity:1.0;
}
#workspaces button.empty {
color: #FFFFFF;
opacity:1.0;
}
#taskbar button:hover,
#workspaces button:hover {
color: #FFFFFF;
background: @button-hover;
border-radius: 15px;
opacity:1.0;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#pulseaudio-slider,
#pulseaudio {
color: @color13;
}
#pulseaudio.muted {
color: red;
}
#memory {
color: @sapphire;
}
#cpu {
color: @mauve;
}
#battery {
color: @rosewater;
}
#disk {
color: @sky;
}
#temperature.critical {
background-color: red;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Wallust] Chroma Tally V2.css
+274
View File
@@ -0,0 +1,274 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Wallust - Chroma Tally v2 */
/* edited by: https://github.com/prateekshukla1108 */
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: @color0; /* Dark background */
border-radius: 12px;
border-bottom: 2px;
border-style: solid;
border-color: @color7; /* Light border */
}
#workspaces {
background: transparent;
padding: 2px;
border-radius: 15px;
border: 0px;
font-style: normal;
color: @color7; /* Light text */
}
#taskbar button,
#workspaces button {
padding: 0px 5px;
border-radius: 15px;
border: 0px;
color: @color7; /* Light text */
background: linear-gradient(45deg, @color5, @color6, @color7); /* Lighter gradient */
opacity: 0.5;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
padding: 0px 5px;
border-radius: 15px;
border: 0px;
color: @color7; /* Light text */
background: linear-gradient(45deg, @color5, @color6); /* Lighter gradient */
opacity: 1.0;
min-width: 40px;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
border-radius: 15px;
color: @color7; /* Light text */
background: linear-gradient(45deg, @color6, @color7); /* Lighter gradient */
opacity: 0.8;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
tooltip {
background: @color1; /* Slightly darker tooltip background */
opacity: 0.8;
border-radius: 6px;
color: @color7; /* Light text */
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 6px;
padding-left: 6px;
color: @color6; /* Lighter - changed from color5 */
}
#clock {
color: @color6; /* Lighter */
}
#backlight {
color: @color5; /* Lighter */
}
#battery {
color: @color6; /* Lighter */
}
#battery.charging {
color: @color7; /* Lightest */
}
@keyframes blink {
to {
color: @color4; /* Slightly lighter blink color */
background-color: @color7; /* Lightest */
}
}
#battery.critical:not(.charging) {
background: @color5; /* Lighter background */
color: @color7; /* Lightest */
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#cpu {
color: @color6; /* Lighter */
}
#disk {
color: @color5; /* Lighter */
}
#custom-keyboard,
#memory {
color: @color6; /* Lighter */
}
#network.disabled {
color: @color5; /* Lighter */
}
#network{
color: @color6; /* Lighter */
}
#network.disconnected {
color: @color5; /* Lighter */
}
#pulseaudio {
color: @color7; /* Lightest */
}
#pulseaudio.muted {
color: @color5; /* Lighter */
}
#custom-light_dark,
#temperature {
color: @color6; /* Lighter */
}
#temperature.critical {
color: @color5; /* Lighter */
}
#keyboard-state,
#custom-hypridle,
#idle_inhibitor {
color: @color5; /* Lighter */
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: @color4; /* Slightly lighter */
}
#tray {
}
#custom-swaync,
#custom-menu {
color: @color7; /* Lightest */
padding-left: 8px;
}
#custom-power{
color: @color6; /* Lighter */
}
#window{
border-style: hidden;
}
#custom-lock,
#bluetooth{
color: @color5; /* Lighter */
}
#custom-cava_mviz{
color: @color7; /* Lightest */
}
#custom-weather{
color: @color5; /* Lighter */
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: @color2; /* Slightly darker trough */
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: @color6; /* Lighter highlight */
}
.config/waybar/style/[Wallust] Chroma Tally.css
+274
View File
@@ -0,0 +1,274 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Wallust - Chroma Tally */
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background: rgba (0, 0, 0, 0.5);
border-radius: 12px;
border-bottom: 2px;
border-style: solid;
border-color: @color12;
}
#workspaces {
background: transparent;
padding: 2px;
border-radius: 15px;
border: 0px;
font-style: normal;
color: #0F1419;
}
#taskbar button,
#workspaces button {
padding: 0px 5px;
border-radius: 15px;
border: 0px;
color: #0F1419;
background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
opacity: 0.5;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
padding: 0px 5px;
border-radius: 15px;
border: 0px;
color: #0F1419;
background: linear-gradient(45deg, #59C2FF, #D2A6FF);
opacity: 1.0;
min-width: 40px;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
border-radius: 15px;
color: #0F1419;
background: linear-gradient(45deg, #59C2FF, #D2A6FF);
opacity: 0.8;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
tooltip {
background: #1e1e2e;
opacity: 0.8;
border-radius: 6px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 6px;
padding-left: 6px;
}
/* -----------------------------------------------------------------------------
* Module styles
* -------------------------------------------------------------------------- */
#clock {
color:#a3be8c;
}
#backlight {
color: #ebcb8b;
}
#battery {
color: #d8dee9;
}
#battery.charging {
color: #81a1c1;
}
@keyframes blink {
to {
color: #4c566a;
background-color: #eceff4;
}
}
#battery.critical:not(.charging) {
background: #bf616a;
color: #eceff4;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#cpu {
color: #a3be8c;
}
#disk {
color: #94e2d5;
}
#custom-keyboard,
#memory {
color: #d3869b;
}
#network.disabled {
color:#bf616a;
}
#network{
color:#a3be8c;
}
#network.disconnected {
color: #bf616a;
}
#pulseaudio {
color: #04a5e5;
}
#pulseaudio.muted {
color: #9ca0b0;
}
#custom-light_dark,
#temperature {
color: #7287fd;
}
#temperature.critical {
color: #bf616a;
}
#keyboard-state,
#custom-hypridle,
#idle_inhibitor {
color: #ebcb8b;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#tray {
}
#custom-swaync,
#custom-menu {
color: yellow;
padding-left: 8px;
}
#custom-power{
color: #eba0ac;
}
#window{
border-style: hidden;
}
#custom-lock,
#bluetooth{
color:#d08770;
}
#custom-cava_mviz{
color: @color11;
}
#custom-weather{
color:#d08770;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/[Wallust] Colored.css
+224
View File
@@ -0,0 +1,224 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* Wallust Colored*/
@import '../../.config/waybar/wallust/colors-waybar.css';
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 96%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar,
window#waybar.empty #window {
padding: 0px;
border: 0px;
background-color: transparent;
}
tooltip {
background: @background;
border-radius: 10px;
border-width: 1px;
border-style: solid;
border-color: @color15;
}
/*-----module groups----*/
.modules-right {
border: 3px solid @color12;
border-radius: 40px 0px 0px 0px;
background-color: @color1;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
border: 3px solid @color7;
border-radius: 60px 0px 60px 0px;
background-color: @background;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
border: 3px solid @color12;
border-radius: 0px 0px 40px 0px;
background-color: @color1;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#taskbar button,
#workspaces button {
color: @foreground;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @background;
background-color: @color7;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: @color4;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @color4;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#clock#2 {
color: @color6;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @foreground;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#custom-cava_mviz {
padding-right: 10px;
}
.config/waybar/style/[Wallust] Simple.css
+214
View File
@@ -0,0 +1,214 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* Wallust - Simple */
*{
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
@import '../../.config/waybar/wallust/colors-waybar.css';
#waybar.empty, #waybar.tiled, #waybar.floating {
background-color: transparent;
}
window#waybar,
window#waybar.empty,
window#waybar.empty #window {
background-color: transparent;
padding: 0px;
border: 0px;
}
tooltip {
color: @color13;
background: @color10;
opacity: 1.0;
border-radius: 10px;
}
/*-----module groups----*/
.modules-left,
.modules-center,
.modules-right {
background-color: @color0;
border: 0.5px solid @color15;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#taskbar button,
#workspaces button {
color: @color2;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button.active,
#workspaces button.active {
color: @foreground;
background-color: @color2;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
color: @color4;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#taskbar button:hover,
#workspaces button:hover {
color: @color4;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#power-profiles-daemon,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-browser,
#custom-cava_mviz,
#custom-cycle_wall,
#custom-dot_update,
#custom-file_manager,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-hint,
#custom-hypridle,
#custom-menu,
#custom-playerctl,
#custom-power_vertical,
#custom-power,
#custom-quit,
#custom-reboot,
#custom-settings,
#custom-spotify,
#custom-swaync,
#custom-tty,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @color12;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 6px;;
}
#mode {
color: #cc3436;
font-weight: bold;
}
#custom-power {
/*background-color: rgba(0,119,179,0.6);*/
/*border-radius: 50px;*/
padding: 1px 3px;
}
/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
color: #39FF14;
}
#pulseaudio.muted {
color: #cc3436;
}
#pulseaudio-microphone.muted {
color: #cc3436;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 3.0s;
animation-timing-function: steps(12);
animation-iteration-count: infinite;
animation-direction: alternate;
}
#backlight-slider slider,
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough,
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#backlight-slider highlight,
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
.config/waybar/style/catppuccin-themes/frappe.css
+26
View File
@@ -0,0 +1,26 @@
@define-color rosewater #f2d5cf;
@define-color flamingo #eebebe;
@define-color pink #f4b8e4;
@define-color mauve #ca9ee6;
@define-color red #e78284;
@define-color maroon #ea999c;
@define-color peach #ef9f76;
@define-color yellow #e5c890;
@define-color green #a6d189;
@define-color teal #81c8be;
@define-color sky #99d1db;
@define-color sapphire #85c1dc;
@define-color blue #8caaee;
@define-color lavender #babbf1;
@define-color text #c6d0f5;
@define-color subtext1 #b5bfe2;
@define-color subtext0 #a5adce;
@define-color overlay2 #949cbb;
@define-color overlay1 #838ba7;
@define-color overlay0 #737994;
@define-color surface2 #626880;
@define-color surface1 #51576d;
@define-color surface0 #414559;
@define-color base #303446;
@define-color mantle #292c3c;
@define-color crust #232634;
.config/waybar/style/catppuccin-themes/latte.css
+37
View File
@@ -0,0 +1,37 @@
/*
*
* Catppuccin Latte palette
* Maintainer: rubyowo
*
*/
@define-color base #eff1f5;
@define-color mantle #e6e9ef;
@define-color crust #dce0e8;
@define-color text #4c4f69;
@define-color subtext0 #6c6f85;
@define-color subtext1 #5c5f77;
@define-color surface0 #ccd0da;
@define-color surface1 #bcc0cc;
@define-color surface2 #acb0be;
@define-color overlay0 #9ca0b0;
@define-color overlay1 #8c8fa1;
@define-color overlay2 #7c7f93;
@define-color blue #1e66f5;
@define-color lavender #7287fd;
@define-color sapphire #209fb5;
@define-color sky #04a5e5;
@define-color teal #179299;
@define-color green #40a02b;
@define-color yellow #df8e1d;
@define-color peach #fe640b;
@define-color maroon #e64553;
@define-color red #d20f39;
@define-color mauve #8839ef;
@define-color pink #ea76cb;
@define-color flamingo #dd7878;
@define-color rosewater #dc8a78;
.config/waybar/style/catppuccin-themes/mocha.css
+38
View File
@@ -0,0 +1,38 @@
/*
*
* Catppuccin Mocha palette
* Maintainer: rubyowo
*
*/
@define-color base #1e1e2e;
@define-color mantle #181825;
@define-color crust #11111b;
@define-color text #cdd6f4;
@define-color subtext0 #a6adc8;
@define-color subtext1 #bac2de;
@define-color surface0 #313244;
@define-color surface1 #45475a;
@define-color surface2 #585b70;
@define-color overlay0 #6c7086;
@define-color overlay1 #7f849c;
@define-color overlay2 #9399b2;
@define-color blue #89b4fa;
@define-color lavender #b4befe;
@define-color sapphire #74c7ec;
@define-color sky #89dceb;
@define-color teal #94e2d5;
@define-color green #a6e3a1;
@define-color yellow #f9e2af;
@define-color peach #fab387;
@define-color maroon #eba0ac;
@define-color red #f38ba8;
@define-color mauve #cba6f7;
@define-color pink #f5c2e7;
@define-color flamingo #f2cdcd;
@define-color rosewater #f5e0dc;
.config/waybar/style/catppuccin-themes/rgbmocha.css
+49
View File
@@ -0,0 +1,49 @@
/*
*
* Catppuccin Mocha palette
* Maintainer: rubyowo
*
*/
@define-color base #1e1e2e;
@define-color mantle #181825;
@define-color crust #11111b;
@define-color text #cdd6f4;
@define-color subtext0 #a6adc8;
@define-color subtext1 #bac2de;
@define-color surface0 #313244;
@define-color surface1 #45475a;
@define-color surface2 #585b70;
@define-color overlay0 #6c7086;
@define-color overlay1 #7f849c;
@define-color overlay2 #9399b2;
@define-color blue #89b4fa;
@define-color lavender #b4befe;
@define-color sapphire #74c7ec;
@define-color sky #89dceb;
@define-color teal #94e2d5;
@define-color green #a6e3a1;
@define-color yellow #f9e2af;
@define-color peach #fab387;
@define-color maroon #eba0ac;
@define-color red #f38ba8;
@define-color mauve #cba6f7;
@define-color pink #f5c2e7;
@define-color flamingo #f2cdcd;
@define-color rosewater #f5e0dc;
@keyframes rainbow-gradient {
0% {
border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
}
50% {
border-image: linear-gradient(270deg, violet, indigo, blue, green, yellow, orange, red) 1 1 1 1;
}
100% {
border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
}
}