124 lines
2.9 KiB
CSS
124 lines
2.9 KiB
CSS
@define-color rosewater #f4dbd6;
|
|
@define-color rosewater-rgb rgb(244, 219, 214);
|
|
@define-color flamingo #f0c6c6;
|
|
@define-color flamingo-rgb rgb(240, 198, 198);
|
|
@define-color pink #f5bde6;
|
|
@define-color pink-rgb rgb(245, 189, 230);
|
|
@define-color mauve #c6a0f6;
|
|
@define-color mauve-rgb rgb(198, 160, 246);
|
|
@define-color red #ed8796;
|
|
@define-color red-rgb rgb(237, 135, 150);
|
|
@define-color maroon #ee99a0;
|
|
@define-color maroon-rgb rgb(238, 153, 160);
|
|
@define-color peach #f5a97f;
|
|
@define-color peach-rgb rgb(245, 169, 127);
|
|
@define-color yellow #eed49f;
|
|
@define-color yellow-rgb rgb(238, 212, 159);
|
|
@define-color green #a6da95;
|
|
@define-color green-rgb rgb(166, 218, 149);
|
|
@define-color teal #8bd5ca;
|
|
@define-color teal-rgb rgb(139, 213, 202);
|
|
@define-color sky #91d7e3;
|
|
@define-color sky-rgb rgb(145, 215, 227);
|
|
@define-color sapphire #7dc4e4;
|
|
@define-color sapphire-rgb rgb(125, 196, 228);
|
|
@define-color blue #8aadf4;
|
|
@define-color blue-rgb rgb(138, 173, 244);
|
|
@define-color lavender #b7bdf8;
|
|
@define-color lavender-rgb rgb(183, 189, 248);
|
|
@define-color text #cad3f5;
|
|
@define-color text-rgb rgb(202, 211, 245);
|
|
@define-color subtext1 #b8c0e0;
|
|
@define-color subtext1-rgb rgb(184, 192, 224);
|
|
@define-color subtext0 #a5adcb;
|
|
@define-color subtext0-rgb rgb(165, 173, 203);
|
|
@define-color overlay2 #939ab7;
|
|
@define-color overlay2-rgb rgb(147, 154, 183);
|
|
@define-color overlay1 #8087a2;
|
|
@define-color overlay1-rgb rgb(128, 135, 162);
|
|
@define-color overlay0 #6e738d;
|
|
@define-color overlay0-rgb rgb(110, 115, 141);
|
|
@define-color surface2 #5b6078;
|
|
@define-color surface2-rgb rgb(91, 96, 120);
|
|
@define-color surface1 #494d64;
|
|
@define-color surface1-rgb rgb(73, 77, 100);
|
|
@define-color surface0 #363a4f;
|
|
@define-color surface0-rgb rgb(54, 58, 79);
|
|
@define-color base #24273a;
|
|
@define-color base-rgb rgba(36, 39, 58, 0.99);
|
|
@define-color mantle #1e2030;
|
|
@define-color mantle-rgb rgb(30, 32, 48);
|
|
@define-color crust #181926;
|
|
@define-color crust-rgb rgb(24, 25, 38);
|
|
|
|
#waybar {
|
|
background: transparent;
|
|
font-family: "Hasklug Nerd Font";
|
|
}
|
|
|
|
.modules-left, .modules-center, .modules-right {
|
|
border: 2px solid @lavender;
|
|
border-radius: 10px;
|
|
margin: 5px;
|
|
background: @base;
|
|
color: @text;
|
|
}
|
|
|
|
#power {
|
|
padding-left: 10px;
|
|
}
|
|
#power * {
|
|
color: @lavender;
|
|
transition: 0.2s color ease;
|
|
font-size: 26px;
|
|
}
|
|
#power *:hover {
|
|
color: @red;
|
|
}
|
|
|
|
#workspaces .empty {
|
|
color: @surface0;
|
|
}
|
|
#workspaces * {
|
|
color: inherit;
|
|
padding: 0px 2px;
|
|
margin: 0px;
|
|
}
|
|
#workspaces .active {
|
|
color: @red;
|
|
font-size: 18px;
|
|
}
|
|
|
|
|
|
#clock {
|
|
color: @peach;
|
|
}
|
|
#battery {
|
|
color: @maroon;
|
|
}
|
|
#cpu {
|
|
color: @red;
|
|
}
|
|
#memory {
|
|
color: @mauve;
|
|
}
|
|
#pulseaudio {
|
|
color: @blue;
|
|
}
|
|
#network {
|
|
color: @teal;
|
|
}
|
|
.horizontal .modules-right {
|
|
font-size: 16px;
|
|
}
|
|
.horizontal .modules-right * {
|
|
padding: 0px 8px;
|
|
}
|
|
.vertical .modules-right {
|
|
font-size: 16px;
|
|
padding: 0px 8px;
|
|
}
|
|
.vertical .modules-right * {
|
|
padding: 2px 0px;
|
|
}
|
|
|