@import "tokyonight.css"; * { font-family: JetBrains Mono; font-size: 17px; min-height: 0; } window#waybar { background-color: @transparent; color: @theme_text_color; margin: 0rem 0rem 0rem 0rem; } #workspaces button { color: @lavender; border-radius: 1.5rem; padding: 0rem 0.5rem; } #workspaces button.active { color: @sky; border-radius: 1.5rem; } #workspaces button:hover { color: @sapphire; border-radius: 1.5rem; } #cpu, #memory, #custom-weather, #wireplumber, #custom-notification, #custom-music, #custom-edit-config, #tray, #backlight, #clock, #battery, #pulseaudio, #custom-lock, #powermenu, #window, #workspaces, #gamemode, #mpris { background-color: @theme_bg_color; padding: 0.5rem 0.75rem; margin: 0.75rem 0.25rem 0rem 0.25rem; border-radius: 1.5rem; border: 2px solid; } window#waybar.empty #window { background-color: transparent; border: 0px } /* left side margin */ #cpu { margin-left: 1rem; } /* right side margin */ #clock { margin-right: 1rem; } #cpu { color: @green; } #memory { color: @magenta; } #clock { color: @blue; } #battery { color: @green; } #battery.charging { color: @green; } #battery.warning:not(.charging) { color: @red; } #backlight { color: @yellow; } #pulseaudio { color: @maroon; } #custom-music { color: @mauve; } #custom-lock { color: @magenta; } #custom-power { color: @red; } #wireplumber { color: @red; } #custom-notification { color: @rosewater; } #custom-notification.notification { color: @red; } #custom-notification.dnd-notification { color: @maroon; }