My Nix Configuration
1@import "mocha.css"; 2#waybar { 3 font-family: 4 BlexMono Nerd Font, 5 sans-serif; 6 font-size: 16px; 7} 8 9#window { 10 padding: 0 4px; 11} 12 13.modules-center { 14 padding-right: 20px; 15} 16 17window#waybar { 18 border: none; 19 border-radius: 0; 20 box-shadow: none; 21 text-shadow: none; 22 transition-duration: 0s; 23 color: @text; 24 background: @base; 25} 26 27#workspaces { 28 margin: 0 5px; 29} 30 31#workspaces button { 32 padding: 0 8px; 33 color: @text; 34 border-bottom: 2px solid @subtext0; 35 border-radius: 0px; 36 min-width: 25px; 37 margin-right: 8px; 38} 39 40#workspaces button.visible { 41 color: @subtext0; 42} 43 44#workspaces button.focused { 45 border-bottom: 3px solid @mauve; 46 font-weight: bold; 47} 48 49#workspaces button.urgent { 50 border: 2px solid @red; 51} 52 53#workspaces button:hover { 54 border-color: @blue; 55 color: @blue; 56} 57 58/* Repeat style here to ensure properties are overwritten as there's no !important and button:hover above resets the colour */ 59 60#workspaces button.focused { 61 color: @subtext0; 62} 63#workspaces button.focused:hover { 64 color: @text; 65} 66 67#tray, 68#mode, 69#battery, 70#temperature, 71#cpu, 72#memory, 73#network, 74#wireplumber, 75#clock, 76#idle_inhibitor, 77#sway-language, 78#backlight { 79 padding: 2px 8px; 80 margin: 2px 5px; 81 color: @text; 82} 83 84#mode:hover, 85#battery:hover, 86#temperature:hover, 87#cpu:hover, 88#memory:hover, 89#network:hover, 90#wireplumber:hover, 91#clock:hover, 92#idle_inhibitor:hover, 93#sway-language:hover, 94#backlight:hover { 95 background-color: @subtext1; 96 color: @base; 97} 98 99#clock { 100 font-weight: bold; 101} 102 103#battery.warning { 104 color: @yellow; 105} 106 107#battery.critical { 108 color: @red; 109} 110 111#battery.charging, 112#battery.full { 113 color: @green; 114} 115 116#battery.warning:hover, 117#battery.critical:hover, 118#battery.charging:hover, 119#battery.full:hover { 120 color: @base; 121} 122 123@keyframes blink { 124 to { 125 background-color: #ffffff; 126 color: black; 127 } 128}