@import "macchiato.css"; * { font-family: "JetBrains Mono", "Noto Sans"; font-size: 9pt; border: none; font-weight: 400; padding: 1px 1px; } window#waybar { color: transparent; background: @base; opacity: 0.75; padding-top: 0; padding-bottom: 0; margin-top: 8px; } #workspaces button { color: @text; } button:hover { color: @red; background-color: @surface1; } #workspaces button.focused { color: @yellow; background-color: @mantle; } #workspaces button.urgent { background-color: @pink; } #mode { background-color: @mantle; color: @text; } .modules-left { padding-left: 4px; border-radius: 8px; color: @text; } .modules-right { transition: none; background: @base; color: @text; padding-right: 4px; } #worspaces, #language, #clock, #battery, #cpu, #memory, #disk, #temperature, #backlight, #network, #pulseaudio, #custom-media, #tray, #mode, #idle_inhibitor, #mpd, #custom-loadavg, #custom-uptime, #wireplumber { padding: 0 4px; margin: 2 1px; background-color: @mantle; border-radius: 8px; } #window { color: transparent; background-color: transparent; } #battery.critical:not(.charging) { animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } label:focus { background-color: #000000; } #language { padding: 0 4px; min-width: 16px; }