* { font-size: 17px; font-family: monospace; } window#waybar { background: transparent; color: #fdf6e3; } #workspaces, #pulseaudio, #memory, #cpu, #battery, #disk, #clock.1, #clock.2, #clock.3, #tray { background: #000000; border-radius: 20px; /* Adjust the value for more or less rounding */ margin: 3px; border: 2px solid; } #tray { border-color: transparent; } #clock.1, #clock.2, #clock.3 { color: #2fafff; margin: 3px; border-radius: 20px; } #clock.2 { font-size: 20px; border-color: transparent; background: transparent; } #workspaces { border-color: #2fafff; } #workspaces button { color: #989898; box-shadow: none; text-shadow: none; padding: 3px; border-radius: 9px; padding-left: 4px; padding-right: 4px; animation: border-pulse 20s ease-in infinite; transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); } #workspaces button.active { color: #338fff; border-radius: 50%; background-color: black; padding-left: 8px; padding-right: 8px; animation: border-pulse 20s ease-in infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #workspaces button.focused { color: #d8dee9; } #workspaces button.urgent { color: #11111b; border-radius: 10px; } #workspaces button:hover { color: #9CCFD8; border-radius: 15px; padding-left: 2px; padding-right: 2px; animation: gradient_f 20s ease-in infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #pulseaudio { color: #268bd2; } #memory { color: #2aa198; } #cpu { color: #6c71c4; } #battery { color: #859900; } #disk { color: #b58900; } #clock, #pulseaudio, #memory, #cpu, #battery, #disk { padding: 0 10px; }