* { border: none; border-radius: 0; font-family: Droid Nerd Font Mono; font-size: 14px; min-height: 0; } @import "gruvbox.css"; window#waybar { background: @background; color: @white_b; } #workspaces button { padding: 0 2px; background: transparent; color: @white_b; border-bottom: 3px solid transparent; } #workspaces button.focused { background: @orange; border-bottom: 3px solid @orange_b; } #mode, #clock, #battery { padding: 0 10px; margin: 0 5px; } #mode { background: @red; border-bottom: 3px solid @white_b; } #clock { color: @white_b; } #battery { color: @white_b; } #battery.charging { color: @gree; } @keyframes blink { to { background-color: @white_b; color: @background; } } #idle_inhibitor, #pulseaudio, #custom-openvpn, #network, #cpu, #memory, #temperature, #backlight, #battery, #clock, #tray { padding: 0 6px; margin: 0 3px; } #battery.warning:not(.charging) { background: @red; color: @white_b; animation-name: blink; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }