134 lines
2.3 KiB
CSS
134 lines
2.3 KiB
CSS
@define-color color_primary #55ffbb;
|
|
@define-color color_secondary #62ff57;
|
|
@define-color color_tertiary #ff579a;
|
|
@define-color color_bg #1b110e;
|
|
@define-color color_bg_secondary #000000;
|
|
@define-color color_alt_bg #024942;
|
|
@define-color color_gray #222222;
|
|
@define-color color_text_light #F0F0F0;
|
|
@define-color color_text_dark #1b110e;
|
|
@define-color color_white #FFFFFF;
|
|
|
|
* {
|
|
font-family: "URWGothic-Book", monospace;
|
|
font-size: 16px;
|
|
min-height: 0;
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
window#waybar {
|
|
background-color: @color_bg;
|
|
color: @color_primary;
|
|
}
|
|
|
|
/* Workspaces */
|
|
#workspaces button {
|
|
padding: 0 8px;
|
|
background-color: @color_alt_bg;
|
|
color: @color_white;
|
|
border-bottom: 2px solid transparent;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background-color: @color_alt_bg;
|
|
border-bottom: 2px solid @color_primary;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#workspaces button.focused,
|
|
#workspaces button.active {
|
|
background-color: @color_bg;
|
|
color: @color_white;
|
|
border-bottom: 2px solid @color_primary;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
background-color: @color_tertiary;
|
|
color: @color_white;
|
|
}
|
|
|
|
#mode {
|
|
background-color: @color_tertiary;
|
|
color: @color_text_dark;
|
|
padding: 0 8px;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Right-side modules */
|
|
#custom-greetings,
|
|
#custom-history,
|
|
#custom-claudebar,
|
|
#pulseaudio,
|
|
#cpu,
|
|
#memory,
|
|
#disk,
|
|
#network,
|
|
#battery,
|
|
#clock {
|
|
padding: 0 10px;
|
|
color: @color_primary;
|
|
}
|
|
|
|
/* Pink separators between modules (matching i3bar separator color) */
|
|
#custom-history,
|
|
#custom-claudebar,
|
|
#pulseaudio,
|
|
#cpu,
|
|
#memory,
|
|
#disk,
|
|
#network,
|
|
#battery,
|
|
#clock {
|
|
border-left: 1px solid @color_tertiary;
|
|
}
|
|
|
|
#battery.warning {
|
|
color: @color_secondary;
|
|
}
|
|
|
|
#battery.critical {
|
|
color: @color_tertiary;
|
|
}
|
|
|
|
#custom-greetings {
|
|
color: @color_secondary;
|
|
}
|
|
|
|
#clock {
|
|
color: @color_tertiary;
|
|
}
|
|
|
|
/* claudebar severity classes */
|
|
#custom-claudebar.low {
|
|
color: @color_primary;
|
|
}
|
|
|
|
#custom-claudebar.mid {
|
|
color: @color_secondary;
|
|
}
|
|
|
|
#custom-claudebar.high {
|
|
color: @color_tertiary;
|
|
}
|
|
|
|
#custom-claudebar.critical {
|
|
color: @color_tertiary;
|
|
}
|
|
|
|
#tray {
|
|
padding: 0 8px;
|
|
border-left: 1px solid @color_tertiary;
|
|
}
|
|
|
|
#tray > .passive {
|
|
-gtk-icon-effect: dim;
|
|
}
|
|
|
|
#tray > .needs-attention {
|
|
-gtk-icon-effect: highlight;
|
|
background-color: @color_tertiary;
|
|
}
|