From 7d5965a8847385c9428700b016bddb68f804e2e0 Mon Sep 17 00:00:00 2001
From: ediblerope <fredrik@nordhammer.it>
Date: Mon, 11 May 2026 19:56:05 +0100
Subject: [PATCH] waybar: reference stylix @base00..05 tokens instead of
 hardcoded hex

Stylix's waybar target injects @define-color base00..base0F at the top
of style.css; our hardcoded RGB values were ignoring them. Swap the
hand-picked greys for the stylix tokens so the bar follows the
wallpaper palette.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 settings/hyprland.nix | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/settings/hyprland.nix b/settings/hyprland.nix
index b46d452..003d143 100644
--- a/settings/hyprland.nix
+++ b/settings/hyprland.nix
@@ -338,6 +338,9 @@
           };
         };
 
+        # Colour tokens (@base00..@base0F) are injected by stylix's waybar
+        # target. We reference them instead of hardcoded hex so the bar
+        # follows the wallpaper-derived palette.
         style = ''
           * {
             font-family: "FiraMono Nerd Font", monospace;
@@ -348,8 +351,8 @@
           }
 
           window#waybar {
-            background: rgba(20, 20, 20, 0.82);
-            color: #e8e8e8;
+            background: alpha(@base00, 0.82);
+            color: @base05;
           }
 
           #workspaces {
@@ -358,23 +361,23 @@
 
           #workspaces button {
             padding: 0 8px;
-            color: #6e6e6e;
+            color: @base03;
             background: transparent;
           }
 
           #workspaces button.active {
-            color: #ffffff;
+            color: @base05;
           }
 
           #workspaces button:hover {
-            background: rgba(255, 255, 255, 0.06);
-            color: #ffffff;
+            background: alpha(@base05, 0.08);
+            color: @base05;
             box-shadow: none;
             text-shadow: none;
           }
 
           #clock {
-            color: #ffffff;
+            color: @base05;
             font-weight: 500;
           }
 
@@ -382,12 +385,12 @@
           #network,
           #tray {
             padding: 0 10px;
-            color: #e8e8e8;
+            color: @base05;
           }
 
           #pulseaudio.muted,
           #network.disconnected {
-            color: #6e6e6e;
+            color: @base03;
           }
 
           #tray {