waybar: update theme

dot-config/waybar/waybar.css

@@ -9,7 +9,6 @@
 
 window#waybar {
 	background-color: @transparent;
-/* 	background: @base; */
 	transition-property: background-color;
 	transition-duration: .5s;
 	border-radius: 0px;
@@ -17,15 +16,18 @@ window#waybar {
 
 #workspaces {
 	background-color: @mantle;
-	margin: 4px 5px 4px 5px;
+	margin: 4px 5px 4px 4px;
     padding: 3px;
 	border-radius: 14px;
+    border-color: @red;
+    border-width: 3px;
+    border-style: solid;
 }
 #workspaces button,
 #workspaces button:hover,
 #workspaces button.active {
 	padding: 0px 4px;
-	margin: 2px;
+	margin: 1px;
 	border-radius: 10px;
 }
 #workspaces button {
@@ -33,15 +35,15 @@ window#waybar {
 	color: @text;
 }
 #workspaces button:hover {
-    background-color: @lavender;
+    background-color: @maroon;
 	color: @base;
 }
 #workspaces button.active {
-    background-color: @blue;
+    background-color: @red;
     color: @base
 }
 #workspaces button.active:hover {
-    background-color: @blue;
+    background-color: @red;
 	color: @base;
 }
 
@@ -50,17 +52,11 @@ window#waybar {
 #tray, #language, #clock, #cpu, #memory, #custom-spotify {
     background: @mantle;
     border-radius: 14px;
+    border-color: @red;
+    border-width: 3px;
+    border-style: solid;
     color: @text;
-    margin: 4px 2.5px 4px 2.5px;
-}
-
-#custom-power {
-    margin: 4px 2.5px 4px 2.5px;
-    padding: 0px 9px;
-}
-
-#custom-runner {
-    padding: 0px 10px;
+    margin: 3px 2.5px 3px 2.5px;
 }
 
 #cpu, #memory, #custom-spotify, #battery {
@@ -68,7 +64,7 @@ window#waybar {
 }
 
 #tray {
-    margin: 4px 2.5px 4px 5px;
+    margin: 3px 5px 3px 5px;
 	padding: 0px 10px;
 }
 
@@ -87,7 +83,7 @@ window#waybar {
 
 #clock {
 	padding: 0px 10px;
-    margin: 4px 5px 4px 2.5px;
+    margin: 3px 5px 3px 2.5px;
     font-size: 15px;
     min-width: 40px;
 }

dot-config/waybar/waybar.jsonc

@@ -1,6 +1,6 @@
 {
     "position": "bottom",
-    "height": 36,
+    "height": 40,
     "width": 1200,
     "spacing": 0,
     "margin-top": -20,