119 lines
2.2 KiB
CSS
119 lines
2.2 KiB
CSS
/* * * * * * * * * * * * * * * *
|
|
* *
|
|
* ~/.config/waybar/style.css *
|
|
* *
|
|
* * * * * * * * * * * * * * * */
|
|
|
|
@define-color background #C2C2C2;
|
|
@define-color foreground #171717;
|
|
|
|
/* Pantone / PMS 18-1559 TCX / Red Alert */
|
|
@define-color warning rgb(208, 52, 44);
|
|
/* Safety orange */
|
|
@define-color safety rgb(255, 103, 0);
|
|
|
|
* {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
window#waybar {
|
|
/* background: linear-gradient(90deg, #CECECE 0%, #D1D1D1 10%, #C9C9C9 50%, #BBBBBB 90%, #BABABA 100%); */
|
|
|
|
font-family: letter, "Font Awesome 6 Free", font-awesome, monospace;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.modules-right,
|
|
.modules-right > widget:last-child {
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#battery.charging {
|
|
background-color: #26A65B;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#battery.critical:not(.charging) {
|
|
background-color: @warning;
|
|
color: #FFFFFF;
|
|
animation-name: blink;
|
|
animation-duration: 0.5s;
|
|
animation-timing-function: steps(12);
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
}
|
|
|
|
#battery.plugged {
|
|
animation-name: blink;
|
|
animation-duration: 1.0s;
|
|
animation-timing-function: steps(12);
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
}
|
|
|
|
#bluetooth.disabled,
|
|
#bluetooth.off {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
#custom-toggle-tailscale.disconnected {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
#mpris.Feishin {
|
|
background: linear-gradient(45deg, rgba(170,92,195,1) 100%, rgba(0,164,220,1) 0%);
|
|
}
|
|
|
|
#mpris.spotify {
|
|
background-color: #66cc99;
|
|
color: #2a5c45;
|
|
}
|
|
|
|
#mpris.vlc {
|
|
background-color: #ffa000;
|
|
}
|
|
|
|
#network.disconnected {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
#privacy,
|
|
#privacy-item,
|
|
#privacy-item.screenshare,
|
|
#privacy-item.audio-in,
|
|
#privacy-item.audio-out {
|
|
background-color: @safety;
|
|
}
|
|
|
|
#privacy-item {
|
|
padding: 0;
|
|
}
|
|
|
|
#pulseaudio.muted {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
#systemd-failed-units.degraded {
|
|
background-color: @warning;
|
|
}
|
|
|
|
#temperature.critical {
|
|
background-color: @warning;
|
|
}
|
|
|
|
#tray > .needs-attention {
|
|
-gtk-icon-effect: highlight;
|
|
background-color: @warning;
|
|
}
|
|
|
|
#tray > .passive {
|
|
-gtk-icon-effect: dim;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
background-color: @warning;
|
|
color: white;
|
|
}
|
|
|