Regenerated

Droidnix/README.org

@@ -2865,9 +2865,9 @@ This file contains all css for waybar
 @define-color overlay1 rgba(255, 255, 255, 0.35);
 @define-color yellow   rgba(255, 215, 0, 0.95);
 
-/* =========================================================
- * Base
- * ========================================================= */
+/* --------------------------------------------------------- */
+/* GLOBAL */
+/* --------------------------------------------------------- */
 * {
     font-family:
         Aporetic Sans Mono,
@@ -2884,9 +2884,80 @@ window#waybar {
     color: @text;
 }
 
-/* =========================================================
- * WORKSPACES (unchanged)
- * ========================================================= */
+/* --------------------------------------------------------- */
+/* CENTER LAYOUT FIX (SPREAD GROUPS EVENLY) */
+/* --------------------------------------------------------- */
+
+/* Make center expand */
+.modules-center {
+    spacing: 0;
+}
+
+/* Each group gets equal width */
+.modules-center > widget {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+}
+
+/* --------------------------------------------------------- */
+/* GROUP CONTAINERS */
+/* --------------------------------------------------------- */
+
+#myworkspaces,
+#connections,
+#hardware {
+    padding: 0;
+    margin: 0 6px;
+}
+
+/* --------------------------------------------------------- */
+/* PILL STYLE (THIS IS THE IMPORTANT PART) */
+/* --------------------------------------------------------- */
+
+#custom-myworkspaces-wrap,
+#custom-connections-wrap,
+#custom-hardware-wrap {
+    padding: 4px 12px;
+    min-width: 120px; /* equal pill size */
+    text-align: center;
+
+    color: @text;
+    font-weight: bold;
+
+    border-radius: 10px;
+    border: 1px solid transparent;
+
+    background:
+        linear-gradient(rgba(255, 255, 255, 0.15),
+                        rgba(255, 255, 255, 0.15)) padding-box,
+        linear-gradient(45deg, @blue, @green) border-box;
+}
+
+/* HOVER (your requested style) */
+#custom-myworkspaces-wrap:hover,
+#custom-connections-wrap:hover,
+#custom-hardware-wrap: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;
+}
+
+/* --------------------------------------------------------- */
+/* DRAWER CONTENT (inside groups) */
+/* --------------------------------------------------------- */
+
+#myworkspaces box,
+#connections box,
+#hardware box {
+    margin-left: 6px;
+}
+
+/* --------------------------------------------------------- */
+/* WORKSPACES (unchanged, but clean) */
+/* --------------------------------------------------------- */
+
 #workspaces button {
     padding: 0px 1px;
     min-width: 80px;
@@ -2909,74 +2980,10 @@ window#waybar {
         linear-gradient(45deg, @blue, @green) border-box;
 }
 
-/* =========================================================
- * 🔥 GROUPS AS PILLS (THIS IS WHAT YOU WANT)
- * ========================================================= */
+/* --------------------------------------------------------- */
+/* STANDARD MODULES */
+/* --------------------------------------------------------- */
 
- /* =========================================================
-  * GROUP PILLS (correct selectors)
-  * ========================================================= */
-
- #connections,
- #hardware,
- #myworkspaces {
-     padding: 0px 6px;
-     margin: 0 4px;
-
-     border-radius: 10px;
-     border: 1px solid transparent;
-
-     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 */
-#myworkspaces label,
-#hardware label,
-#connections label {
-    font-weight: bold;
-}
-
-/* Hover effect for whole pill */
-#myworkspaces:hover,
-#hardware:hover,
-#connections: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;
-}
-
-/* =========================================================
- * OTHER MODULES
- * ========================================================= */
 #clock,
 #idle_inhibitor,
 #battery,
@@ -2990,12 +2997,20 @@ window#waybar {
     padding: 0 2px;
 }
 
-/* Battery */
+/* --------------------------------------------------------- */
+/* STATES */
+/* --------------------------------------------------------- */
+
+#idle_inhibitor.activated {
+    background-color: @green;
+}
+
 #battery.charging {
     color: @green;
 }
 
 #battery.warning:not(.charging) {
+    color: white;
     animation: blink 0.5s linear infinite alternate;
 }
 
@@ -3006,7 +3021,6 @@ window#waybar {
     }
 }
 
-/* Network / temp */
 #network.disconnected {
     background-color: @red;
 }
@@ -3014,6 +3028,23 @@ window#waybar {
 #temperature.critical {
     background-color: @red;
 }
+
+/* --------------------------------------------------------- */
+/* NOTIFICATIONS */
+/* --------------------------------------------------------- */
+
+#custom-notifications {
+    margin: 0 4px;
+    padding: 0 4px;
+}
+
+#custom-notifications.empty {
+    color: @overlay1;
+}
+
+#custom-notifications.unread {
+    color: @yellow;
+}
 #+END_SRC
 
 ** =.config/waybar/scripts/bluetooth-status.sh=