dotfiles/waybar/style.css
2024-01-24 23:48:32 -06:00

101 lines
1.2 KiB
CSS
Executable File

@import "mocha.css";
* {
border: none;
border-radius: 0px;
min-height: 0;
font-size: 14px;
font-family: "Hack Nerd Font";
}
window#waybar {
background: alpha(@base, 0.6);
color: @text;
}
window#waybar.hidden {
opacity: 0.2;
}
#workspaces {
margin: 4px 0;
border-radius: 6px;
background: transparent;
}
#workspaces button {
color: @overlay0;
background: transparent;
transition: all 0.1s ease;
}
#workspaces button.active {
color: @lavender;
border-top: 2px solid @lavender;
transition: all 0.1s ease;
}
.modules-left {
background: @surface0;
}
.modules-center {
background: @surface0;
border-radius: 16px;
}
.modules-right {
background: @surface0;
}
#clock,
#cpu,
#disk,
#memory,
#network,
#temperature,
#tray,
#workspaces,
#wireplumber,
#custom-gpu,
#custom-poweroff,
#custom-weather {
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;
}
*/