* { font-family: "JetBrainsMono Nerd Font", monospace; font-size: 13px; font-weight: 500; border: none; color: #E9D8FD; /* soft lavender */ } window#waybar { background-color: rgba(30, 25, 41, 0.7); /* deep purple haze */ border-bottom: 2px solid rgba(159, 122, 234, 0.5); /* starship purple */ transition: background-color 0.5s ease; } /* Inactive bar fade */ window#waybar.hidden { opacity: 0.2; } /* Buttons & modules */ button { background: transparent; border: none; color: inherit; transition: background 0.2s ease; } button:hover { background: rgba(159, 122, 234, 0.15); } /* Workspaces */ #workspaces button { padding: 0 8px; color: #C4B5FD; } #workspaces button.focused { background: rgba(159, 122, 234, 0.3); box-shadow: inset 0 -2px #C4B5FD; } #workspaces button.urgent { background: #EB4D4B; } /* Module containers */ #clock, #battery, #network, #pulseaudio { padding: 0 10px; border-left: 1px solid rgba(159, 122, 234, 0.25); } #clock { color: #C4B5FD; } #battery { color: #B794F4; } #battery.charging { color: #9F7AEA; } #network { color: #A78BFA; } #network.disconnected { color: #F56565; } #pulseaudio { color: #C4B5FD; } #pulseaudio.muted { color: #6B46C1; opacity: 0.6; } #window { color: #E9D8FD; font-weight: 600; } #custom-quote { color: #9F7AEA; font-style: italic; font-weight: 400; letter-spacing: 0.5px; } /* Tray */ #tray { padding: 0 8px; } /* Rounded corners and blur (optional if compositor supports it) */ window#waybar { border-radius: 0 0 10px 10px; } .modules-left { margin-left: 10px; } #window { padding-left: 5px; padding-right: 10px; color: #E9D8FD; font-weight: 600; }