nixfiles/config/profiles/graphical/files/waybar-style.css
2024-03-24 19:57:02 +01:00

189 lines
3 KiB
CSS

@define-color base #24273a;
@define-color mantle #1e2030;
@define-color crust #181926;
@define-color text #cad3f5;
@define-color subtext0 #a5adcb;
@define-color subtext1 #b8c0e0;
@define-color surface0 #363a4f;
@define-color surface1 #494d64;
@define-color surface2 #5b6078;
@define-color overlay0 #6e738d;
@define-color overlay1 #8087a2;
@define-color overlay2 #939ab7;
@define-color blue #8aadf4;
@define-color lavender #b7bdf8;
@define-color sapphire #7dc4e4;
@define-color sky #91d7e3;
@define-color teal #8bd5ca;
@define-color green #a6da95;
@define-color yellow #eed49f;
@define-color peach #f5a97f;
@define-color maroon #ee99a0;
@define-color red #ed8796;
@define-color mauve #c6a0f6;
@define-color pink #f5bde6;
@define-color flamingo #f0c6c6;
@define-color rosewater #f4dbd6;
* {
color: @lavender;
border: 0;
padding: 0 0;
font-family: UbuntuMono;
/* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
font-size: 19px;
font-weight: bold;
transition: all 0.5s ease;
}
window#waybar {
background-color: rgba(9, 3, 18, 0.70);
}
#workspaces button {
color: @base;
margin: 0px 8px 0px 8px;
padding: 2px 6px 2px 0px;
}
#workspaces button:hover * {
color: @mauve;
}
#workspaces button:hover {
color: @mauve;
box-shadow: none; /* Remove predefined box-shadow */
text-shadow: none; /* Remove predefined text-shadow */
border: 0px;
background: none;
}
#workspaces * {
color: whitesmoke;
}
#workspaces {
opacity: 1;
}
#workspaces button.active {
color: @mauve;
}
#workspaces button.active * {
color: @mauve;
}
#mode {
color: #ebcb8b;
}
#clock,
#battery,
#cpu,
#memory,
#idle_inhibitor,
#temperature,
#backlight,
#network,
#pulseaudio,
#mode,
#tray,
#custom-playerctl,
#mpd {
padding: 7px 8px;
opacity: 1;
margin: 2px 0px;
}
#clock,
#custom-playerctl {
color: @mauve;
}
#backlight {
color: @yellow;
}
#battery {
margin-right: 10px;
color: @sky;
}
#battery.charging {
color: #81a1c1;
}
@keyframes blink {
to {
color: @red;
}
}
#battery.critical:not(.charging) {
color: #bf616a;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#cpu,
#memory {
color: @sky;
}
#network.disabled {
color: #bf616a;
}
#network {
color: @green;
margin-right: 8px;
}
#network.disconnected {
color: #bf616a;
}
#pulseaudio {
color: @flamingo;
margin-right: 10px;
}
#pulseaudio.muted {
color: #3b4252;
}
#temperature {
color: @teal;
}
#temperature.critical {
color: @red;
}
#custom-pacman {
border-radius: 10px 0 0 10px;
}
#idle_inhibitor {
background-color: #ebcb8b;
color: @base;
}
#window {
border-style: hidden;
margin-left: 10px;
margin-right: 10px;
color: #eceff4;
}
#mode {
margin-bottom: 4px;
}