* { border: none; border-radius: 0; font-family: "IosevkaLyteTerm Nerd Font", sans-serif; font-size: 16px; min-height: 0; } window#waybar { background-color: #111111; color: #ffffff; transition: none; } window#waybar.hidden { opacity: 0.2; } window#waybar.empty { opacity: 0.2; } #workspaces button { padding: 0 0.75em; background-color: transparent; color: #ffffff; } #workspaces button:hover { /* * background: rgba(0, 0, 0, 0.2); * box-shadow: inherit; */ } #workspaces button.visible { background-color: #333333; } #workspaces button.focused { background-color: #66d9ef; color: #111111; } #workspaces button.persistent { color: #666666; } #workspaces button.urgent { background-color: #eb4d4b; } #mode { background-color: #64727D; } #clock, #battery, #cpu, #memory, #temperature, #backlight, #network, #pulseaudio, #custom-media, #tray, #mode, #idle_inhibitor, #mpd { padding: 0 0.75em; color: #ffffff; } #clock { /* background-color: #64727D; */ } #battery { /* background-color: #ffffff; */ /* color: #000000; */ } #battery.charging { /* color: #ffffff; */ /* background-color: #26A65B; */ } @keyframes blink { to { background-color: #ffffff; color: #000000; } } #battery.critical:not(.charging) { background-color: #f53c3c; color: #ffffff; animation-name: blink; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } label:focus { background-color: #000000; } #cpu { /* background-color: #2ecc71; */ /* color: #000000; */ } #memory { /* background-color: #9b59b6; */ } #backlight { /* background-color: #90b1b1; */ } #network { /* background-color: #2980b9; */ } #network.disconnected { /* background-color: #f53c3c; */ } #pulseaudio { /* background-color: #f1c40f; */ /* color: #000000; */ } #pulseaudio.muted { /* background-color: #90b1b1; */ /* color: #2a5c45; */ } #custom-media { /* background-color: #66cc99; */ /* color: #2a5c45; */ /* min-width: 100px; */ } #custom-media.custom-spotify { /* background-color: #66cc99; */ } #custom-media.custom-vlc { /* background-color: #ffa000; */ } #temperature { /* background-color: #f0932b; */ } #temperature.critical { /* background-color: #eb4d4b; */ } #tray { /* background-color: #2980b9; */ } #idle_inhibitor { /* background-color: #2d3436; */ } #idle_inhibitor.activated { /* background-color: #ecf0f1; */ /* color: #2d3436; */ } #mpd { /* background-color: #66cc99; */ /* color: #2a5c45; */ } #mpd.disconnected { /* background-color: #f53c3c; */ } #mpd.stopped { /* background-color: #90b1b1; */ } #mpd.paused { /* background-color: #51a37a; */ }