/* ============================================================================= * * Waybar configuration * * Configuration reference: https://github.com/Alexays/Waybar/wiki/Configuration * * =========================================================================== */ /* ----------------------------------------------------------------------------- * Keyframes * -------------------------------------------------------------------------- */ @keyframes blink-warning { 70% { color: #F5F7FA; } to { color: #F5F7FA; background-color: #E66B2B; } } @keyframes blink-critical { 70% { color: #F5F7FA; } to { color: #F5F7FA; background-color: #EF5253; } } /* ----------------------------------------------------------------------------- * Base styles * -------------------------------------------------------------------------- */ /* Reset all styles */ * { border: none; border-radius: 0; min-height: 0; margin: 0; padding: 0; } /* The whole bar */ #waybar { background: #1B2224; color: #F5F7FA; font-family: Noto Sans, sans-serif; font-size: 13px; } /* Each module */ #battery, #clock, #cpu, #custom-keyboard-layout, #memory, #mode, #network, #pulseaudio, #temperature, #tray { padding-left: 10px; padding-right: 10px; } /* ----------------------------------------------------------------------------- * Module styles * -------------------------------------------------------------------------- */ #battery { animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } #battery.warning { color: #E66B2B; } #battery.critical { color: #EF5253; } #battery.warning.discharging { animation-name: blink-warning; animation-duration: 3s; } #battery.critical.discharging { animation-name: blink-critical; animation-duration: 2s; } #clock { font-weight: bold; } #cpu { /* No styles */ } #cpu.warning { color: #E66B2B; } #cpu.critical { color: #EF5253; } #memory { animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } #memory.warning { color: #E66B2B; } #memory.critical { color: #EF5253; animation-name: blink-critical; animation-duration: 2s; } #mode { background: #64727D; border-top: 2px solid #F5F7FA; /* To compensate for the top border and still have vertical centering */ padding-bottom: 2px; } #network { /* No styles */ } #network.disconnected { color: #E66B2B; } #pulseaudio { /* No styles */ } #pulseaudio.muted { /* No styles */ } #custom-spotify { color: #52CBB0; } #temperature { /* No styles */ } #temperature.critical { color: #EF5253; } #tray { /* No styles */ } #window { font-weight: bold; } #workspaces button { border-top: 2px solid transparent; /* To compensate for the top border and still have vertical centering */ padding-bottom: 2px; padding-left: 10px; padding-right: 10px; color: #A6AFB8; } #workspaces button.focused { border-color: #52CBB0; color: #F5F7FA; background-color: #52CBB0; } #workspaces button.urgent { border-color: #EF5253; color: #EF5253; }