Updated waybar styles

.config/waybar/style.css

@@ -2,7 +2,7 @@
     border: none;
     border-radius: 0;
     /* `otf-font-awesome` is required to be installed for icons */
-    font-family: JetBrains Mono, mono, sans-serif;
+    font-family: Vulf Mono Code, mono, sans-serif;
     font-size: 12px;
     min-height: 0;
 }
@@ -37,10 +37,18 @@ window#waybar.chromium {
     border: none;
 }
 
+#workspaces {
+/*  background-color:  #434c5e;
+  padding: 1 5 1 5;
+  font-size: 15px;
+  border-radius: 10px;
+  margin-right: 10;*/
+}
+
 #workspaces button {
     padding: 0 2px;
-    background-color: #fbf1c7;
-    color: #1d2021;
+    /* background-color: #fbf1c7; */
+    color: #fbf1c7;
 }
 
 /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
@@ -145,6 +153,7 @@ label:focus {
 }
 #custom-power {
     padding-right: 15px;
+    padding-left: 10px;
     padding-top: 3px;
 }
 
@@ -156,9 +165,10 @@ label:focus {
 }
 
 #tray {
-    background-color: #2980b9;
+    /* background-color: #17917a; */
 }
 
+
 #idle_inhibitor {
 }