New waybar colors who dis

This commit is contained in:
Trianta 2024-01-29 02:58:59 -06:00
parent 5ce6225dc9
commit 314be2a3af
2 changed files with 21 additions and 51 deletions

View File

@ -1,11 +1,13 @@
[ [
{ {
"name": "main", "name": "main",
"layer": "top", "layer": "bottom",
"position": "bottom", "position": "bottom",
"height": 40, "height": 48,
"spacing": 4, "spacing": 4,
"output": "DP-2", "output": "DP-2",
"margin-left": 800,
"margin-right": 800,
"modules-left": [ "modules-left": [
"wireplumber", "wireplumber",
"disk", "disk",

View File

@ -4,12 +4,15 @@
border: none; border: none;
border-radius: 0px; border-radius: 0px;
min-height: 0; min-height: 0;
font-weight: bold;
font-size: 14px; font-size: 14px;
font-family: "Hack Nerd Font"; font-family: "Hack Nerd Font";
} }
window#waybar { window#waybar {
background: alpha(@base, 0.6); background: alpha(@surface2, 0.6);
border: 4px inset @yellow;
border-radius: 8px;
color: @text; color: @text;
} }
@ -18,32 +21,35 @@ window#waybar.hidden {
} }
#workspaces { #workspaces {
margin: 4px 0;
border-radius: 6px;
background: transparent; background: transparent;
} }
#workspaces button { #workspaces button {
color: @overlay0; color: @mauve;
background: transparent; background: transparent;
transition: all 0.1s ease; transition: all 0.1s ease;
} }
#workspaces button.active { #workspaces button.active {
color: @lavender; background-color: @yellow;
border-top: 2px solid @lavender; margin: 4px;
border-radius: 6px;
transition: all 0.1s ease; transition: all 0.1s ease;
} }
.modules-left { .modules-left {
background: @surface0; color: @mauve;
} margin: 2px;
.modules-center {
background: @surface0;
border-radius: 16px; border-radius: 16px;
} }
.modules-center {
border-radius: 16px;
margin: 2px;
}
.modules-right { .modules-right {
background: @surface0; color: @mauve;
border-radius: 16px;
margin: 2px;
} }
#clock, #clock,
@ -60,41 +66,3 @@ window#waybar.hidden {
#custom-weather { #custom-weather {
padding: 0 10px; padding: 0 10px;
} }
#wireplumber{
color: @teal;
}
#disk {
color: @rosewater;
}
#custom-weather {
color: @sapphire;
}
#memory,
#cpu,
#network,
#custom-gpu,
#temperature {
color: @green;
}
#custom-poweroff {
color: @red;
}
/* Old Colors
#memory {
color: @teal;
}
#cpu {
color: @yellow;
}
#custom-gpu {
color: @pink;
}
#temperature {
color: @sky;
}
*/