@define-color rosewater #f5e0dc; @define-color flamingo #f2cdcd; @define-color pink #f5c2e7; @define-color mauve #cba6f7; @define-color red #f38ba8; @define-color maroon #eba0ac; @define-color peach #fab387; @define-color yellow #f9e2af; @define-color green #a6e3a1; @define-color teal #94e2d5; @define-color sky #89dceb; @define-color sapphire #74c7ec; @define-color blue #89b4fa; @define-color lavender #b4befe; @define-color text #cdd6f4; @define-color subtext1 #bac2de; @define-color subtext0 #a6adc8; @define-color overlay2 #9399b2; @define-color overlay1 #7f849c; @define-color overlay0 #6c7086; @define-color surface2 #585b70; @define-color surface1 #45475a; @define-color surface0 #313244; @define-color base #1e1e2e; @define-color mantle #181825; @define-color crust #11111b; * { font-family: jetbrains-mono-nerd, FontAwesome, Roboto, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 600; } window#waybar { color: white; background-color: #32312e; transition-property: background-color; transition-duration: .5s; opacity: 1; border-radius: 20px; margin-bottom: 0px; } .modules-left, .modules-right, .modules-center { padding: 0px 10px; } #clock, #battery, #cpu, #memory, #disk, #temperature, #backlight, #network, #pulseaudio, #power, #tray, #custom-power, #custom-quit, #custom-lock, #custom-reboot, #custom-arch, #workspaces { padding: 7px 10px; opacity: 1; } #network { color: @sky; } #backlight { color: @yellow; } #battery { color: @green; } #pulseaudio { color: @rosewater; } #cpu { color: @teal; } #temperature { color: @lavender; } #memory { color: @yellow; } #disk { color: @pink; } #clock { color: @green; } #custom-power { color: @red; } #custom-lock { color: @lavender; } #custom-quit { color: @green; } #custom-reboot { color: @yellow; } #custom-arch { color: #1793d1; } #workspaces button { color: #cfcfcf; margin: 0px 5px; padding: 0px; } #workspaces button.active { color: #E6C873; } #workspaces button.urgent { color: #eb4d4b; } #workspaces button:hover { border: none; outline: none; box-shadow: none; text-shadow: none; background: none; transition: none; } .modules-left > widget:first-child > #workspaces { margin-left: 0; } .modules-right > widget:last-child > #workspaces { margin-right: 0; } #battery.charging, #battery.plugged { color: #26A65B; } #temperature.critical { color: #eb4d4b; } #battery.critical:not(.charging) { color: #f53c3c; }