/* Rosé Pine (main) palette base: #191724 surface: #1f1d2e overlay: #26233a text: #e0def4 muted: #6e6a86 subtle: #908caa love: #eb6f92 gold: #f6c177 rose: #ea9a97 pine: #31748f foam: #9ccfd8 iris: #c4a7e7 highlight-low: #21202e highlight-med: #403d52 highlight-high: #524f67 */ /* Bar */ window#waybar { background: #191724; /* base */ color: #e0def4; /* text */ border-right: 1px solid #21202e; /* highlight-low */ } /* Typography */ * { font-family: JetBrainsMono Nerd Font, monospace; font-size: 11px; } /* Common module padding for a narrow vertical bar */ #workspaces, #window, #cpu, #memory, #disk, #network, #privacy, #wireplumber, #clock, #idle_inhibitor, #gamemode { padding: 6px 8px; } /* Window title (top) */ #window { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ border-radius: 8px; margin: 4px 6px 6px 6px; } /* Workspaces */ #workspaces { padding: 2px 2px; } #workspaces button { padding: 3px; /* was 6px */ margin: 1px 1px; /* was 3px 2px */ border-radius: 6px; font-size: 10px; /* was 11px */ } /* Optional: smaller global font just for workspaces */ #workspaces { font-size: 10px; } #workspaces button:hover { background: #21202e; /* highlight-low */ color: #e0def4; /* text */ } #workspaces button.active { background: #403d52; /* highlight-med */ border-color: #524f67; /* highlight-high */ color: #e0def4; /* text */ } #workspaces button.urgent { background: #eb6f92; /* love */ color: #191724; /* base for contrast */ } /* Center stack (cpu/ram/ssds/network) */ #cpu, #memory, #disk, #network { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ margin: 3px 6px; border-radius: 8px; border: 1px solid #21202e; /* highlight-low */ } /* Accent hints for metrics */ #cpu { border-left: 3px solid #31748f; } /* pine */ #memory { border-left: 3px solid #c4a7e7; } /* iris */ #disk { border-left: 3px solid #9ccfd8; } /* foam */ #network { border-left: 3px solid #f6c177; } /* gold */ /* Bottom stack */ #privacy, #wireplumber, #clock, #idle_inhibitor, #gamemode { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ margin: 3px 6px; border-radius: 8px; border: 1px solid #21202e; /* highlight-low */ } /* Microphone button (wireplumber#microphone) */ #wireplumber.microphone { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ margin: 3px 6px; border-radius: 8px; border: 1px solid #21202e; /* highlight-low */ border-left: 3px solid #f6c177; /* gold */ } #wireplumber.microphone.muted { border-left-color: #524f67; /* highlight-high when muted */ color: #6e6a86; /* muted */ } #wireplumber.microphone:hover { background: #26233a; } /* overlay */ /* Privacy states (camera/mic/screencast) */ #privacy.screencast { border-left: 3px solid #ea9a97; } /* rose */ #privacy.microphone { border-left: 3px solid #f6c177; } /* gold */ #privacy.camera { border-left: 3px solid #c4a7e7; } /* iris */ /* Idle inhibitor */ #idle_inhibitor.activated { border-left: 3px solid #9ccfd8; } /* foam */ #idle_inhibitor.deactivated { border-left: 3px solid #524f67; } /* highlight-high */ #idle_inhibitor:hover { background: #26233a; } /* overlay */ /* Gamemode */ #gamemode { border-left: 3px solid #f6c177; } #gamemode:hover { background: #26233a; } /* Speaker (PipeWire via wireplumber) */ #wireplumber.muted { color: #6e6a86; /* muted */ border-color: #21202e; } /* Clock */ #clock { border-left: 3px solid #9ccfd8; /* foam */ } /* Subtle separators */ .modules-center > *:not(:last-child), .modules-right > *:not(:last-child) { border-bottom: 1px solid #21202e; /* highlight-low */ } /* SwayNC widget */ #custom-swaync { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ margin: 3px 6px; border-radius: 8px; border: 1px solid #21202e; /* highlight-low */ padding: 6px 8px; border-left: 3px solid #c4a7e7; /* iris */ } #custom-swaync.dnd { /* if swaync emits a 'dnd' class */ border-left-color: #f6c177; /* gold */ } #custom-swaync:hover { background: #26233a; /* overlay */ } /* Hyprsunset widget */ #custom-hyprsunset { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ margin: 3px 6px; border-radius: 8px; border: 1px solid #21202e; /* highlight-low */ padding: 6px 8px; border-left: 3px solid #ea9a97; /* rose */ } #custom-hyprsunset:hover { background: #26233a; /* overlay */ } /* Unified pill styling for new modules (Rose Pine) */ #group-temps, #battery, #power-profiles-daemon, #bluetooth, #group-temps #temperature, #custom-temps-wrap { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ margin: 3px 6px; border-radius: 8px; border: 1px solid #21202e; /* highlight-low */ padding: 6px 8px; } /* Tighter padding for the group’s revealed children so they fit the narrow bar */ #group-temps #temperature, #custom-temps-wrap { padding: 4px 6px; border-radius: 6px; } /* Hover feedback matching other tiles */ #group-temps:hover, #battery:hover, #power-profiles-daemon:hover, #bluetooth:hover, #group-temps #temperature:hover, #custom-temps-wrap:hover { background: #26233a; /* overlay */ } /* Accent edges for the temperature instances */ #temperature.cpu { border-left: 3px solid #31748f; } /* pine */ #temperature.gpu_edge { border-left: 3px solid #c4a7e7; } /* iris */ #temperature.gpu_hotspot { border-left: 3px solid #ea9a97; } /* rose */ #temperature.gpu2_edge { border-left: 3px solid #9ccfd8; } /* foam */ #temperature.nvme { border-left: 3px solid #f6c177; } /* gold */ /* Low/critical battery accents */ #battery { border-left: 3px solid #9ccfd8; } /* foam */ #battery.warning { border-left-color: #f6c177; } /* gold */ #battery.critical { border-left-color: #eb6f92; color: #eb6f92; } /* love */ /* Power profile accents */ #power-profiles-daemon { border-left: 3px solid #f6c177; } /* gold */ #power-profiles-daemon.performance { border-left-color: #eb6f92; } /* love */ #power-profiles-daemon.balanced { border-left-color: #9ccfd8; } /* foam */ #power-profiles-daemon.power-saver { border-left-color: #31748f; } /* pine */ /* Bluetooth state accents */ #bluetooth { border-left: 3px solid #c4a7e7; } /* iris */ #bluetooth.off, #bluetooth.disabled { color: #6e6a86; border-left-color: #524f67; } /* muted / highlight-high */ /* Temps group: make the outer pill look like other tiles */ #group-temps { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ margin: 3px 6px; border-radius: 8px; border: 1px solid #21202e; /* highlight-low */ padding: 6px 8px; /* match other pills */ border-left: 3px solid #ea9a97; /* rose */ } /* Reset inner containers so only the outer pill draws the card */ #group-temps > * { background: transparent; border: 0; margin: 0; padding: 0; } /* Leader glyph spacing */ #custom-temps-wrap { padding: 2px 0 6px 0; /* compact leader inside the pill */ } /* Children: compact rows inside the pill, not separate cards */ #group-temps #temperature { background: transparent; /* let the outer pill show through */ color: #e0def4; margin: 2px 0; border-radius: 6px; padding: 4px 6px; } /* Hover feedback like other tiles */ #group-temps #temperature:hover, #group-temps:hover { background: #26233a; /* overlay */ } /* Accent edges per instance */ #temperature.cpu { border-left: 3px solid #31748f; } /* pine */ #temperature.gpu_edge { border-left: 3px solid #c4a7e7; } /* iris */ #temperature.gpu_hotspot { border-left: 3px solid #ea9a97; } /* rose */ #temperature.gpu2_edge { border-left: 3px solid #9ccfd8; } /* foam */ #temperature.nvme { border-left: 3px solid #f6c177; } /* gold */ /* Critical tint consistent with warnings */ #temperature.critical { background: #403d52; /* highlight-med */ color: #e0def4; } /* Tray container (pill) */ #tray { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ margin: 3px 6px; border-radius: 8px; border: 1px solid #21202e; /* highlight-low */ padding: 6px 8px; border-left: 3px solid #c4a7e7; /* iris */ } /* Tray icon states */ #tray > .passive { opacity: 0.7; /* muted */ } #tray > .needs-attention { border-left: 3px solid #eb6f92; /* love */ animation: tray-attn 1s ease-in-out infinite alternate; } @keyframes tray-attn { from { opacity: 0.75; } to { opacity: 1; } } /* Hover like other tiles */ #tray:hover { background: #26233a; /* overlay */ } /* Tooltips for tray items (Waybar uses GTK tooltips) */ tooltip, /* GTK selector */ window#waybar tooltip { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ border: 1px solid #21202e; /* highlight-low */ border-radius: 8px; padding: 6px 8px; } /* Popup menus opened from tray icons (GTK) */ menu, .menu, popover, .popover { background: #1f1d2e; /* surface */ color: #e0def4; /* text */ border: 1px solid #21202e; /* highlight-low */ border-radius: 8px; padding: 6px 8px; } /* Menu items */ menuitem, .menuitem { background: transparent; color: #e0def4; border-radius: 6px; padding: 6px 8px; } menuitem:hover, .menuitem:hover { background: #26233a; /* overlay */ } menuitem:disabled, .menuitem:disabled { color: #6e6a86; /* muted */ } /* Menu separators */ menu separator, .menu separator { background: #21202e; /* highlight-low */ min-height: 1px; margin: 6px 0; }