waybar: Update styling

Style using ayu-dark color theme, add Jetbrains Mono

1 files changed, 21 insertions, 16 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 1227856..bcfb4b0 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,7 +1,7 @@
 * {
     border: none;
     border-radius: 0;
-    font-family: Cartograph CF Nerd Font, monospace;
+    font-family: Jetbrains Mono, Cartograph CF Nerd Font, monospace;
     font-weight: bold;
     font-size: 14px;
     min-height: 0;
@@ -13,7 +13,7 @@ window#waybar {
 }
 
 tooltip {
-    background: #1e1e2e;
+    background: #0d1017;
     border-radius: 10px;
     border-width: 2px;
     border-style: solid;
@@ -27,7 +27,7 @@ tooltip {
 }
 
 #workspaces button.active {
-    color: #a6adc8;
+    color: #39bae6;
 }
 
 #workspaces button.focused {
@@ -56,11 +56,12 @@ tooltip {
 #clock,
 #battery,
 #pulseaudio,
+#custrom-volume,
 #network,
 #workspaces,
 #tray,
 #backlight {
-    background: #1e1e2e;
+    background: #0d1017;
     padding: 0px 10px;
     margin: 3px 0px;
     margin-top: 10px;
@@ -73,7 +74,7 @@ tooltip {
 }
 
 #workspaces {
-    background: #1e1e2e;
+    background: #0d1017;
     border-radius: 10px;
     margin-left: 10px;
     padding-right: 0px;
@@ -94,19 +95,19 @@ tooltip {
 }
 
 #custom-updates {
-    color: #f5c2e7;
+    color: #ff8f40;
     border-left: 0px;
     border-right: 0px;
 }
 
 #window {
     border-radius: 10px;
-    margin-left: 60px;
+    margin-left: 20px;
     margin-right: 60px;
 }
 
 #clock {
-    color: #fab387;
+    color: #39bae6;
     border-radius: 10px 0px 0px 10px;
     margin-left: 0px;
     border-right: 0px;
@@ -119,13 +120,16 @@ tooltip {
 }
 
 #pulseaudio {
-    color: #89b4fa;
-    border-left: 0px;
-    border-right: 0px;
-}
-
-#pulseaudio.microphone {
-    color: #cba6f7;
+    color: #59c2ff;
+    border-left: 5px;
+    border-right: 5px;
+}
+#custom-volume {
+    background: #0d1017;
+    color: #59c2ff;
+    padding: 8px;
+    margin-top: 11px;
+    margin-bottom: 3px;
     border-left: 0px;
     border-right: 0px;
 }
@@ -135,10 +139,11 @@ tooltip {
     border-radius: 0 10px 10px 0;
     margin-right: 10px;
     border-left: 0px;
+    
 }
 
 #custom-weather {
     border-radius: 0px 10px 10px 0px;
     border-right: 0px;
     margin-left: 0px;
-}
\ No newline at end of file
+}