123 lines
1.8 KiB
CSS
123 lines
1.8 KiB
CSS
* {
|
|
font-family: "URWGothic-Book", monospace;
|
|
font-size: 16px;
|
|
min-height: 0;
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
window#waybar {
|
|
background-color: #1A1B2F;
|
|
color: #C792EA;
|
|
}
|
|
|
|
/* Workspaces */
|
|
#workspaces button {
|
|
padding: 0 8px;
|
|
background-color: #2A2B3D;
|
|
color: #FFFFFF;
|
|
border-bottom: 2px solid transparent;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background-color: #2A2B3D;
|
|
border-bottom: 2px solid #C792EA;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#workspaces button.focused,
|
|
#workspaces button.active {
|
|
background-color: #1A1B2F;
|
|
color: #FFFFFF;
|
|
border-bottom: 2px solid #C792EA;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
background-color: #FF5370;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#mode {
|
|
background-color: #FF79C6;
|
|
color: #1A1B2F;
|
|
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: #C792EA;
|
|
}
|
|
|
|
/* Pink separators between modules (matching i3bar separator color) */
|
|
#custom-history,
|
|
#custom-claudebar,
|
|
#pulseaudio,
|
|
#cpu,
|
|
#memory,
|
|
#disk,
|
|
#network,
|
|
#battery,
|
|
#clock {
|
|
border-left: 1px solid #FF79C6;
|
|
}
|
|
|
|
#battery.warning {
|
|
color: #FFB86C;
|
|
}
|
|
|
|
#battery.critical {
|
|
color: #FF5370;
|
|
}
|
|
|
|
#custom-greetings {
|
|
color: #f5af19;
|
|
}
|
|
|
|
#clock {
|
|
color: #FF79C6;
|
|
}
|
|
|
|
/* claudebar severity classes */
|
|
#custom-claudebar.low {
|
|
color: #50FA7B;
|
|
}
|
|
|
|
#custom-claudebar.mid {
|
|
color: #F1FA8C;
|
|
}
|
|
|
|
#custom-claudebar.high {
|
|
color: #FFB86C;
|
|
}
|
|
|
|
#custom-claudebar.critical {
|
|
color: #FF5370;
|
|
}
|
|
|
|
#tray {
|
|
padding: 0 8px;
|
|
border-left: 1px solid #FF79C6;
|
|
}
|
|
|
|
#tray>.passive {
|
|
-gtk-icon-effect: dim;
|
|
}
|
|
|
|
#tray>.needs-attention {
|
|
-gtk-icon-effect: highlight;
|
|
background-color: #FF5370;
|
|
}
|