Regenerated

Droidnix/README.org

@@ -2913,12 +2913,15 @@ window#waybar {
  * 🔥 GROUPS AS PILLS (THIS IS WHAT YOU WANT)
  * ========================================================= */
 
-/* Apply to ALL groups */
+ /* =========================================================
-#group-myworkspaces,
+  * GROUP PILLS (correct selectors)
-#group-hardware,
+  * ========================================================= */
-#group-connections {
+
-    padding: 0px 6px;              /* space inside pill */
+ #connections,
-    margin: 0 4px;                /* spacing between groups */
+ #hardware,
+ #myworkspaces {
+     padding: 0px 6px;
+     margin: 0 4px;
 
      border-radius: 10px;
      border: 1px solid transparent;
@@ -2929,24 +2932,42 @@ window#waybar {
          linear-gradient(45deg, @blue, @green) border-box;
  }
 
-/* Ensure children don't break the pill */
+ /* children spacing inside pill */
-#group-myworkspaces > *,
+ #connections > *,
-#group-hardware > *,
+ #hardware > *,
-#group-connections > * {
+ #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,
+#myworkspaces label,
-#group-hardware label,
+#hardware label,
-#group-connections label {
+#connections label {
     font-weight: bold;
 }
 
 /* Hover effect for whole pill */
-#group-myworkspaces:hover,
+#myworkspaces:hover,
-#group-hardware:hover,
+#hardware:hover,
-#group-connections:hover {
+#connections:hover {
     background:
         linear-gradient(rgba(255, 255, 255, 0.25),
                         rgba(255, 255, 255, 0.25)) padding-box,