Regenerated

Droidnix/generated/.config/waybar/config

@@ -28,6 +28,7 @@
 
   /*******************************************************************/
   "group/myworkspaces": {
+    "class": "pill",
     "orientation": "horizontal",
     "drawer": {
       "transition-duration": 500,
@@ -48,6 +49,7 @@
 
 /*******************************************************************/
   "group/hardware": {
+    "class": "pill",
     "orientation": "horizontal",
     "drawer": {
       "transition-duration": 500,
@@ -72,6 +74,7 @@
 /*************************/
 
   "group/connections": {
+    "class": "pill",
     "orientation": "horizontal",
     "drawer": {
       "transition-duration": 500,

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

@@ -35,15 +35,6 @@
 @define-color blue       #89b4fa;
 @define-color lavender   #b4befe;
 
-/*
-
-border:
-        linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15))
-            padding-box,
-        linear-gradient(45deg, @blue, @green) border-box;
-
-*/
-
 /* --- Global --- */
  * {
     font-family:
@@ -73,92 +64,32 @@ window#waybar {
     border: transparent;
 }
 
-/* --- Groups --- */
-
-#hardware {
+/* --- Pill --- */
+/* common pill style */
+.pill {
     padding: 0px 1px;
     min-width: 80px;
     color: @text;
     border-radius: 10px;
     font-weight: bold;
-    /* transparent border to preserve spacing */
-    border: 1px solid @teal;
-    /* fake border via layered background */
-    background: transparent
+    border: 1px solid @teal; /* transparent border to preserve spacing */
+    background: transparent;   /* fake border via layered background */
 }
 
 /* center expanded content */
-#hardware revealer > box {
+.pill revealer > box {
     padding-left: 10px;
     padding-right: 10px;
 }
 
 /* center collapsed (first visible module) */
-#hardware > widget {
+.pill > widget {
     padding-left: 10px;
     padding-right: 10px;
 }
 
 /* spacing between items */
-#hardware revealer > box > widget {
-    margin: 0 5px;
-}
-
-#myworkspaces {
-    padding: 0px 1px;
-    min-width: 80px;
-    color: @text;
-    border-radius: 10px;
-    font-weight: bold;
-    /* transparent border to preserve spacing */
-    border: 1px solid transparent;
-    /* fake border via layered background */
-    background: transparent
-}
-
-/* center expanded content */
-#myworkspaces revealer > box {
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-/* center collapsed (first visible module) */
-#myworkspaces > widget {
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-/* spacing between items */
-#myworkspaces revealer > box > widget {
-    margin: 0 5px;
-}
-
-#connections {
-    padding: 0px 1px;
-    min-width: 80px;
-    color: @text;
-    border-radius: 10px;
-    font-weight: bold;
-    /* transparent border to preserve spacing */
-    border: 1px solid transparent;
-    /* fake border via layered background */
-    background: transparent
-}
-
-/* center expanded content */
-#connections revealer > box {
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-/* center collapsed (first visible module) */
-#connections > widget {
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-/* spacing between items */
-#connections revealer > box > widget {
+.pill revealer > box > widget {
     margin: 0 5px;
 }