* { border: none; font-family: Iosevka Nerd Font, sans-serif; font-size: 13px; } window#waybar { /* background-color: rgba(18, 21, 29, 0.98); */ background-color: rgba(0, 0, 0, 0); color: #D9E0EE; transition-property: background-color; transition-duration: .5s; } window#waybar.hidden { opacity: 0.2; } #workspaces, #mode, #cpu, #memory, #temperature, #custom-media, #custom-fans, #clock, #idle_inhibitor, #language, #pulseaudio, #backlight, #battery, #network, #tray { background-color: #1E1E2E; padding: 0 10px; margin: 2px 4px 5px 4px; border: 3px solid rgba(0, 0, 0, 0); border-radius: 10px; background-clip: padding-box; } #workspaces, #tray { background-color: #161320; } #workspaces button { padding: 0 5px; min-width: 20px; color: #302D41; } #workspaces button:hover { background-color: rgba(0, 0, 0, 0.2) } #workspaces button.focused { color: #F2CDCD; } #workspaces button.urgent { color: #F28FAD; } #cpu { color: #302D41; background-color: #FAE3B0; } #memory { color: #302D41; background-color: #F5C2E7; } #temperature { color: #302D41; background-color: #F8BD96; } #temperature.critical { color: #F28FAD; background-color: #1A1826; } #clock { background-color: #161320; color: #D9E0EE; } #pulseaudio { color: #302D41; background-color: #B5E8E0; } #pulseaudio.muted { background-color: #E8A2AF; color: #1e222a; } #backlight { color: #302D41; background-color: #89DCEB; } #battery { color: #302D41; background-color: #ABE9B3; } #battery.charging, #battery.plugged { background-color: #ABE9B3; color: #1e222a; } @keyframes blink { to { background-color: #1e222a; color: #F28FAD; } } #battery.critical:not(.charging) { background-color: #F28FAD; color: #1e222a; animation-name: blink; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } #network { color: #302D41; background-color: #DDB6F2; } #network.disconnected { background-color: #F28FAD; color: #1e222a; }