style.css (1323B)
1 @import url("catppuccin-mocha.css"); 2 3 * { 4 border: none; 5 font-family: "Iosevka Nerd Font Propo, monospace"; 6 font-size: 12px; 7 /* font-weight: bold; */ 8 min-height: 0; 9 } 10 11 window#waybar { 12 background-color: @base; 13 color: @text; 14 } 15 16 #workspaces button { 17 padding: 2px 3px; 18 color: @overlay2; 19 } 20 21 #workspaces button:hover { 22 /* Hovering over the workspaces button has a no radius selection around it */ 23 border-radius: 0; 24 } 25 26 #workspaces button.focused { 27 color: @blue; 28 border-radius: 0; 29 border-bottom: solid 2px; 30 } 31 32 #workspaces button.urgent { 33 color: @peach; 34 border-radius: 0; 35 } 36 37 #clock, 38 #battery, 39 #backlight, 40 #cpu, 41 #memory, 42 #temperature, 43 /* Custom modules */ 44 #custom-vpn, 45 #custom-window, 46 #custom-gsr, 47 #custom-brightness-icon, 48 #memory, 49 #network, 50 #bluetooth, 51 #pulseaudio, 52 #tray-group { 53 padding: 0 8px; 54 } 55 56 #network { 57 color: @rosewater; 58 } 59 60 /* hardware group modules */ 61 #memory { 62 color: @lavender; 63 } 64 65 #cpu { 66 color: @sapphire; 67 } 68 69 #temperature { 70 color: @maroon; 71 } 72 73 /* for warning style modules */ 74 #temperature.warning, 75 #battery.discharging.warning { 76 color: @yellow; 77 } 78 79 /* for critical style modules */ 80 #temperature.critical, 81 #battery.discharging.critical { 82 color: @red; 83 } 84 85 #pulseaudio { 86 color: @mauve; 87 } 88 89 #bluetooth { 90 color: @teal; 91 } 92 93 /* custom modules */ 94 #custom-gsr { 95 color: @red; 96 } 97 98 #custom-vpn { 99 color: @green; 100 }