changen clock color

hypr/modules/theme.conf

@@ -12,8 +12,7 @@ general {
     border_size = 3
 
     # https://wiki.hyprland.org/Configuring/Variables/#variable-types for info about colors
-    # col.active_border = rgba(cba6f7ee) rgba(f38ba8ee) 45deg
-    col.active_border = $red $blue 30deg
+    col.active_border = $mauve $lavender 45deg
     col.inactive_border = rgb($surface2Alpha)
 
     # Set to true enable resizing windows by clicking and dragging on borders and gaps
@@ -101,13 +100,35 @@ misc {
 }
 
 group {
+    # The border around the grouped windows
+    col.border_active = $mauve $lavender 45deg
+    col.border_inactive = $surface1
+
     groupbar {
-		font_size = 14
-		text_color = $text
-		text_color_inactive = $text
-		col.active = $blue
-		col.inactive = $surface2
+        font_family = JetBrainsMono Nerd Font
+        font_size = 11
+        
+        # Increase the height so the text has room to breathe
+        height = 24 
+        
+        # Disable the default 3D gradient for a modern flat look
+        gradients = false 
+
+        # --- Active Tab ---
+        # Bright background with very dark text for perfect readability
+        col.active = $mauve
+        text_color = $crust 
+
+        # --- Inactive Tab ---
+        # Dark surface background with dimmed, soft text
+        col.inactive = $surface0
+        text_color_inactive = $subtext0
+        height = 1
+        font_size = 11
+        # about half the indicator height
+        text_offset = -7
+        
+        # Make the indicator tall enough to render text inside
+        indicator_height = 15
     }
-    col.border_active = $red $blue 45deg
-    col.border_inactive = $surface2
 }

waybar/config.jsonc

@@ -154,10 +154,10 @@
             "return-type": "json",
             "exec": "fluxo-rs bt",
             "on-click": "fluxo-rs bt menu",
-            "on-click-right": "fluxo-rs bt disconnect",
-            "interval": 3
+            "on-click-right": "fluxo-rs bt cycle_mode",
+            "interval": 5,
+            "tooltip": true
         }
-
         // --- Commented Out Modules ---
         /*
         "custom/gpu": {
@@ -173,7 +173,7 @@
             "exec": "fluxo-rs pool",
             "interval": 30
         },
-        "custom/pixelbuds_pro": {
+        "custom/buds": {
             "format": "{}",
             "return-type": "json",
             "exec": "fluxo-rs buds",

waybar/style.css

@@ -36,6 +36,7 @@ window#waybar.bottom {
 #custom-disk-root,
 #custom-bluetooth-audio,
 #custom-volume,
+#custom-buds,
 #custom-mic,
 #custom-gamemode,
 #custom-power_status {
@@ -68,6 +69,8 @@ window#waybar.bottom {
   background-color: @mauve; /* Signature Catppuccin accent */
 }
 
+#workspaces button.active:hover { min-width: 30px; background-color: @mauve; }
+
 #workspaces button:hover {
   background-color: @lavender;
   min-width: 20px;
@@ -80,7 +83,7 @@ window#waybar.bottom {
 /* --- Clock (Centered Pill) --- */
 #clock {
   background: linear-gradient(45deg, @mauve, @lavender); /* Cohesive pastel gradient */
-  color: @base; 
+  color: @surface0; 
   font-weight: 900;
   margin: 4px 6px;
   padding: 4px 20px;
@@ -141,17 +144,43 @@ window#waybar.bottom {
 /* --- Center Bottom Utilities --- */
 #custom-gamemode.active {
   color: @mauve; /* Matches the workspace accent */
-  padding-left: 9px;
+  /* padding-left: 9px; */
 }
 
 /* --- Right Bottom Controls Semantic Alerts --- */
 #custom-volume.muted,
 #custom-mic.muted {
-  color: @overlay0; /* Dims when muted */
+  color: @overlay1; /* Dims when muted */
+}
+
+
+#custom-bluetooth-audio.disabled {
+    color: @overlay1; /* Green for active ANC */
+}
+
+#custom-bluetooth-audio.connected {
+    color: @blue; /* Green for active ANC */
+}
+
+#custom-bluetooth-audio.anc-off {
+    color: @blue; /* Green for active ANC */
+}
+
+#custom-bluetooth-audio.anc-active {
+    color: @blue; /* Green for active ANC */
+}
+
+#custom-bluetooth-audio.anc-aware {
+    color: @blue; /* Yellow for transparency mode */
+}
+
+#custom-bluetooth-audio.disconnected {
+    color: @text; /* Gray when off */
 }
 
 /* --- Hover States --- */
 #custom-volume:hover,
+#custom-buds:hover,
 #custom-mic:hover,
 #custom-bluetooth-audio:hover,
 #custom-power_status:hover {
@@ -159,6 +188,7 @@ window#waybar.bottom {
   color: @mauve; /* Subtle accent color on hover instead of jarring borders */
 }
 
+
 /* --- Tooltip --- */
 tooltip {
   background-color: alpha(@base, 0.9);