100 lines
1.6 KiB
CSS
100 lines
1.6 KiB
CSS
@define-color bg #20252B;
|
|
@define-color bg-alt #2A3038;
|
|
@define-color fg #E3E2E6;
|
|
@define-color blue #4A9EFF;
|
|
@define-color cyan #00D4FF;
|
|
@define-color green #50FA7B;
|
|
@define-color orange #FFB86C;
|
|
@define-color red #FF5555;
|
|
|
|
* {
|
|
border: none;
|
|
border-radius: 0;
|
|
min-height: 0;
|
|
margin: 2px;
|
|
padding: 0;
|
|
font-family: "JetBrains Mono Nerd Font", sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
|
|
#waybar {
|
|
background: rgba(32, 37, 43, 0.85);
|
|
color: @fg;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
#custom-launcher {
|
|
font-size: 18px;
|
|
padding: 0 10px;
|
|
color: @blue;
|
|
}
|
|
|
|
#workspaces {
|
|
margin: 0 4px;
|
|
}
|
|
|
|
#workspaces button {
|
|
border-radius: 8px;
|
|
padding: 2px 8px;
|
|
margin: 2px;
|
|
background: transparent;
|
|
color: @fg;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background: @blue;
|
|
color: @bg;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
background: @red;
|
|
color: @fg;
|
|
}
|
|
|
|
#clock,
|
|
#cpu,
|
|
#memory,
|
|
#pulseaudio,
|
|
#network,
|
|
#battery,
|
|
#tray {
|
|
padding: 0 10px;
|
|
margin: 2px 2px;
|
|
border-radius: 6px;
|
|
background: @bg-alt;
|
|
}
|
|
|
|
#clock {
|
|
color: @blue;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#cpu { color: @cyan; }
|
|
#cpu.warning { color: @orange; }
|
|
#cpu.critical { color: @red; }
|
|
|
|
#memory { color: @green; }
|
|
#memory.warning { color: @orange; }
|
|
#memory.critical { color: @red; }
|
|
|
|
#pulseaudio { color: @fg; }
|
|
#pulseaudio.muted { color: @orange; }
|
|
|
|
#network { color: @cyan; }
|
|
#network.disconnected { color: @red; }
|
|
|
|
#battery { color: @fg; }
|
|
#battery.warning { color: @orange; }
|
|
#battery.critical { color: @red; }
|
|
#battery.charging { color: @green; }
|
|
|
|
#tray {
|
|
background: transparent;
|
|
}
|
|
|
|
#window {
|
|
padding: 0 8px;
|
|
color: @fg;
|
|
}
|