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 {
-	groupbar {
-		font_size = 14
-		text_color = $text
-		text_color_inactive = $text
-		col.active = $blue
-		col.inactive = $surface2
-	}
-    col.border_active = $red $blue 45deg
-    col.border_inactive = $surface2
+    # The border around the grouped windows
+    col.border_active = $mauve $lavender 45deg
+    col.border_inactive = $surface1
+
+    groupbar {
+        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
+    }
 }