changed colors

waybar/config.jsonc

@@ -59,7 +59,7 @@
         "temperature",
         "backlight",
         "battery",
-        "river/tags",
+        "river/tags"
     ],
     "modules-center": [
         "river/window"
@@ -169,6 +169,6 @@
             "car": "",
             "default": ["", "", ""]
         },
-        "on-click": "pavucontrol"
+        "on-click": "alacritty -e 'pulsemixer'"
     }
 }]

waybar/style.css

@@ -1,13 +1,13 @@
 * {
     /* `otf-font-awesome` is required to be installed for icons */
-    font-family: FontAwesome, SourceCodePro;
+    font-family: FantasqueSansM Nerd Font;
     font-size: 13px;
 }
 
 window#waybar {
-    background-color: rgba(44, 37, 46, 0.7);
+    background-color: rgba(50, 70, 76, 0.5);
     padding-bottom: 6px;
-    border-bottom: 2px solid rgba(129, 161, 193, 0.5);
+    border-bottom: 2px solid rgba(53, 167, 124, 0.5);
     color: #ffffff;
     transition-property: background-color;
     transition-duration: .5s;
@@ -59,12 +59,12 @@ button:hover {
 }
 
 #tags button.focused {
-    background-color: #64727D;
+    background-color: #3a464c;
     box-shadow: inset 0 -3px #ffffff;
 }
 
 #tags button.urgent {
-    background-color: #eb4d4b;
+    background-color: #d3c6aa;
 }
 
 #clock,
@@ -81,7 +81,7 @@ button:hover {
     margin: 0 3px;
     padding: 0 8px;
     color: #ffffff;
-    border: 2px solid #81a1c1;
+    border: 2px solid #35a77c;
 }
 
 #cpu,
@@ -100,11 +100,16 @@ button:hover {
 #network:hover,
 #pulseaudio:hover,
 #mpd:hover {
-    border: 2px solid #eceff4;
+    border: 2px solid #83c092;
 }
 
 #window {
     margin: 0 4px;
+    font-size: 12px;
+}
+
+#mpd {
+    font-size: 11px;
 }
 
 @keyframes blink {