@import "mocha.css"; * { border: none; border-radius: 0px; min-height: 0; font-weight: bold; font-size: 14px; font-family: "Hack Nerd Font"; } window#waybar { background: alpha(@surface2, 0.6); border: 4px inset @yellow; border-radius: 8px; color: @text; } window#waybar.hidden { opacity: 0.2; } #workspaces { background: transparent; } #workspaces button { color: @mauve; background: transparent; transition: all 0.1s ease; } #workspaces button.active { background-color: @yellow; margin: 4px; border-radius: 6px; transition: all 0.1s ease; } .modules-left { color: @mauve; margin: 2px; border-radius: 16px; } .modules-center { border-radius: 16px; margin: 2px; } .modules-right { color: @mauve; border-radius: 16px; margin: 2px; } #clock, #cpu, #disk, #memory, #network, #temperature, #tray, #workspaces, #wireplumber, #custom-gpu, #custom-poweroff, #custom-weather { padding: 0 10px; }