Regenerated

Droidnix/README.org

@@ -2853,12 +2853,11 @@ These are  config files for waybar
 This file contains all css for waybar
 #+BEGIN_SRC css :tangle generated/.config/waybar/config :noweb yes :mkdirp yes :eval never
 /* --- Hyprland palette (ported) --- */
-@define-color base     rgba(30, 30, 46, 1.0); /* 1e1e2eff */
+@define-color base     rgba(30, 30, 46, 1.0);
-@define-color inactive rgba(89, 89, 89, 0.667); /* 595959aa */
+@define-color inactive rgba(89, 89, 89, 0.667);
-@define-color blue     rgba(51, 204, 255, 0.933); /* 33ccffee */
+@define-color blue     rgba(51, 204, 255, 0.933);
-@define-color green    rgba(0, 255, 153, 0.933); /* 00ff99ee */
+@define-color green    rgba(0, 255, 153, 0.933);
 
-/* extra colors you referenced but didn’t define */
 @define-color text     rgba(255, 255, 255, 1.0);
 @define-color surface1 rgba(255, 255, 255, 0.08);
 @define-color subtext1 rgba(255, 255, 255, 0.35);
@@ -2867,7 +2866,7 @@ This file contains all css for waybar
 @define-color yellow   rgba(255, 215, 0, 0.95);
 
 /* =========================================================
- * GLOBAL FONT
+ * Base
  * ========================================================= */
 * {
     font-family:
@@ -2880,19 +2879,13 @@ This file contains all css for waybar
     font-size: 13px;
 }
 
-/* =========================================================
- * WINDOW / BAR
- * ========================================================= */
 window#waybar {
     background-color: transparent;
     color: @text;
-    transition-property: background-color;
-    border-bottom: 0px solid rgba(0, 0, 0, 0);
-    transition-duration: 0.5s;
 }
 
 /* =========================================================
- * WORKSPACES BUTTONS
+ * WORKSPACES (unchanged)
  * ========================================================= */
 #workspaces button {
     padding: 0px 1px;
@@ -2905,87 +2898,59 @@ window#waybar {
 
 #workspaces button:hover {
     background-color: @surface1;
-    color: @text;
 }
 
 #workspaces button.active {
-    padding: 0px 1px;
-    min-width: 80px;
-    color: @text;
-    border-radius: 10px;
     font-weight: bold;
     border: 1px solid transparent;
     background:
-        linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15))
+        linear-gradient(rgba(255, 255, 255, 0.15),
-            padding-box,
+                        rgba(255, 255, 255, 0.15)) padding-box,
         linear-gradient(45deg, @blue, @green) border-box;
 }
 
 /* =========================================================
- * CUSTOM HYPR-WORKSPACES
+ * 🔥 GROUPS AS PILLS (THIS IS WHAT YOU WANT)
  * ========================================================= */
-#custom-hypr-workspaces.module.ok {
-    padding: 0px 1px;
-    min-width: 80px;
-    color: @subtext1;
-    border-radius: 10px;
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    background: rgba(255, 255, 255, 0.03);
-}
 
-#custom-hypr-workspaces.module.ok:hover {
+/* Apply to ALL groups */
-    color: @text;
+#group-myworkspaces,
-    background-color: @surface1;
+#group-hardware,
-    border: 1px solid rgba(255, 255, 255, 0.18);
+#group-connections {
-}
+    padding: 0px 6px;              /* space inside pill */
+    margin: 0 4px;                /* spacing between groups */
 
-#custom-hypr-workspaces.module.overflow {
-    padding: 0px 1px;
-    min-width: 80px;
-    color: @text;
     border-radius: 10px;
-    font-weight: bold;
+    border: 1px solid transparent;
-    border: 1px dashed transparent;
+
     background:
-        linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))
+        linear-gradient(rgba(255, 255, 255, 0.15),
-            padding-box,
+                        rgba(255, 255, 255, 0.15)) padding-box,
         linear-gradient(45deg, @blue, @green) border-box;
 }
 
-#custom-hypr-workspaces.module.error {
+/* Ensure children don't break the pill */
-    padding: 0px 1px;
+#group-myworkspaces > *,
-    min-width: 80px;
+#group-hardware > *,
-    color: @text;
+#group-connections > * {
-    border-radius: 10px;
+    padding: 0 4px;
-    border: 1px solid rgba(255, 0, 0, 0.55);
+}
-    background: rgba(255, 0, 0, 0.15);
+
+/* Optional: make labels inside bold like you wanted */
+#group-myworkspaces label,
+#group-hardware label,
+#group-connections label {
     font-weight: bold;
 }
 
-#custom-hypr-workspaces.module.hidden {
+/* Hover effect for whole pill */
-    padding: 0;
+#group-myworkspaces:hover,
-    margin: 0;
+#group-hardware:hover,
-    min-width: 0;
+#group-connections:hover {
-    border: 0;
+    background:
-    background: transparent;
+        linear-gradient(rgba(255, 255, 255, 0.25),
-    opacity: 0;
+                        rgba(255, 255, 255, 0.25)) padding-box,
-}
+        linear-gradient(45deg, @blue, @green) border-box;
-
-/* =========================================================
- * NOTIFICATIONS
- * ========================================================= */
-#custom-notifications {
-    margin: 0 4px;
-    padding: 0 4px;
-    min-width: 0;
-}
-
-#custom-notifications.empty {
-    color: @overlay1;
-}
-
-#custom-notifications.unread {
-    color: @yellow;
 }
 
 /* =========================================================
@@ -3004,14 +2969,15 @@ window#waybar {
     padding: 0 2px;
 }
 
-#idle_inhibitor.activated {
+/* Battery */
-    background-color: @green;
-}
-
 #battery.charging {
     color: @green;
 }
 
+#battery.warning:not(.charging) {
+    animation: blink 0.5s linear infinite alternate;
+}
+
 @keyframes blink {
     to {
         background-color: #ffffff;
@@ -3019,28 +2985,7 @@ window#waybar {
     }
 }
 
-#battery.warning:not(.charging) {
+/* Network / temp */
-    color: white;
-    animation-name: blink;
-    animation-duration: 0.5s;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-    animation-direction: alternate;
-}
-
-#window,
-#workspaces {
-    margin: 0 4px;
-}
-
-.modules-left > widget:first-child > #workspaces {
-    margin-left: 0;
-}
-
-.modules-right > widget:last-child > #workspaces {
-    margin-right: 0;
-}
-
 #network.disconnected {
     background-color: @red;
 }
@@ -3048,46 +2993,6 @@ window#waybar {
 #temperature.critical {
     background-color: @red;
 }
-
-/* =========================================================
- * GROUP STYLING (shared for all groups)
- * ========================================================= */
-#group-workspaces,
-#group-hardware,
-#group-connections {
-    padding: 2px 4px;
-    border-radius: 12px;
-    color: @text;
-
-    /* subtle gradient / colored border */
-    border: 1px solid rgba(51, 204, 255, 0.6);
-    background-color: rgba(255, 255, 255, 0.08);
-
-    font-weight: bold;
-}
-
-/* Hover effect for all groups */
-#group-workspaces:hover,
-#group-hardware:hover,
-#group-connections:hover {
-    background-color: rgba(255, 255, 255, 0.12);
-}
-
-/* Remove spacing between children */
-#group-workspaces > *,
-#group-hardware > *,
-#group-connections > * {
-    margin: 0;
-}
-
-/* Make children visually part of the group */
-#group-workspaces #workspaces button,
-#group-workspaces #custom-hypr-workspaces,
-#group-hardware *,
-#group-connections * {
-    border: none;
-    background: transparent;
-}
 #+END_SRC
 
 ** =.config/waybar/scripts/bluetooth-status.sh=