Regenerated

Droidnix/README.org

@@ -2913,40 +2913,61 @@ window#waybar {
  * 🔥 GROUPS AS PILLS (THIS IS WHAT YOU WANT)
  * ========================================================= */
 
-/* Apply to ALL groups */
-#group-myworkspaces,
-#group-hardware,
-#group-connections {
-    padding: 0px 6px;              /* space inside pill */
-    margin: 0 4px;                /* spacing between groups */
+ /* =========================================================
+  * GROUP PILLS (correct selectors)
+  * ========================================================= */
 
-    border-radius: 10px;
-    border: 1px solid transparent;
+ #connections,
+ #hardware,
+ #myworkspaces {
+     padding: 0px 6px;
+     margin: 0 4px;
 
-    background:
-        linear-gradient(rgba(255, 255, 255, 0.15),
-                        rgba(255, 255, 255, 0.15)) padding-box,
-        linear-gradient(45deg, @blue, @green) border-box;
-}
+     border-radius: 10px;
+     border: 1px solid transparent;
 
-/* Ensure children don't break the pill */
-#group-myworkspaces > *,
-#group-hardware > *,
-#group-connections > * {
-    padding: 0 4px;
+     background:
+         linear-gradient(rgba(255, 255, 255, 0.15),
+                         rgba(255, 255, 255, 0.15)) padding-box,
+         linear-gradient(45deg, @blue, @green) border-box;
+ }
+
+ /* children spacing inside pill */
+ #connections > *,
+ #hardware > *,
+ #myworkspaces > * {
+     padding: 0 4px;
+ }
+
+ /* bold labels like you want */
+ #connections label,
+ #hardware label,
+ #myworkspaces label {
+     font-weight: bold;
+ }
+
+ /* hover effect */
+ #connections:hover,
+ #hardware:hover,
+ #myworkspaces:hover {
+     background:
+         linear-gradient(rgba(255, 255, 255, 0.25),
+                         rgba(255, 255, 255, 0.25)) padding-box,
+         linear-gradient(45deg, @blue, @green) border-box;
+ }
 }
 
 /* Optional: make labels inside bold like you wanted */
-#group-myworkspaces label,
-#group-hardware label,
-#group-connections label {
+#myworkspaces label,
+#hardware label,
+#connections label {
     font-weight: bold;
 }
 
 /* Hover effect for whole pill */
-#group-myworkspaces:hover,
-#group-hardware:hover,
-#group-connections:hover {
+#myworkspaces:hover,
+#hardware:hover,
+#connections:hover {
     background:
         linear-gradient(rgba(255, 255, 255, 0.25),
                         rgba(255, 255, 255, 0.25)) padding-box,