Regenerated

Droidnix/generated/.config/waybar/style.css

@@ -63,6 +63,19 @@ window#waybar {
 
 .modules-center > widget {
     /* this makes ALL center modules share space */
+}
+
+#custom-spacer {
+    min-width: 50px;
+    padding: 0;
+    margin: 0;
+    background: transparent;
+    border: transparent;
+}
+
+/* --- Groups --- */
+
+#hardware {
     padding: 0px 1px;
     min-width: 80px;
     color: @text;
@@ -76,25 +89,6 @@ window#waybar {
         rgba(0, 0, 0, 0.0) padding-box;
 }
 
-#custom-spacer {
-    min-width: 250px;
-    padding: 0;
-    margin: 0;
-    background: transparent;
-    border: transparent;
-}
-
-/* --- Groups --- */
-
-#hardware {
-    padding: 0px 1px;
-    color: @text;
-    min-width: 80px;
-    border-radius: 10px;
-    font-weight: bold;
-    background: transparent
-}
-
 /* center expanded content */
 #hardware revealer > box {
     padding-left: 10px;
@@ -114,11 +108,16 @@ window#waybar {
 
 #myworkspaces {
     padding: 0px 1px;
-    color: @text;
     min-width: 80px;
+    color: @text;
     border-radius: 10px;
     font-weight: bold;
-    background: transparent
+    /* transparent border to preserve spacing */
+    border: 1px solid transparent;
+    /* fake border via layered background */
+    background:
+        linear-gradient(45deg, @blue, @green) border-box,
+        rgba(0, 0, 0, 0.0) padding-box;
 }
 
 /* center expanded content */
@@ -140,11 +139,16 @@ window#waybar {
 
 #connections {
     padding: 0px 1px;
-    color: @text;
     min-width: 80px;
+    color: @text;
     border-radius: 10px;
     font-weight: bold;
-    background: transparent
+    /* transparent border to preserve spacing */
+    border: 1px solid transparent;
+    /* fake border via layered background */
+    background:
+        linear-gradient(45deg, @blue, @green) border-box,
+        rgba(0, 0, 0, 0.0) padding-box;
 }
 
 /* center expanded content */