waybar: update config to be similar to polybar

.config/waybar/style.css

@@ -1,6 +1,39 @@
-/* @import url("~/.cache/wal/colors.css"); */
+@import url("../../.cache/wal/colors-waybar.css");
 
 * {
-    font-family: "mononoki";
-    font-size: 16;
+  font-family: "mononoki";
+  font-size: 16;
+}
+
+#waybar {
+  background-color: @background;
+  color: @foreground;
+}
+
+#mpd {
+  color: @color1;
+}
+
+#custom-pipewire-buffer {
+  color: @color2;
+}
+
+#pulseaudio {
+  color: @color3;
+}
+
+#language {
+  color: @color4;
+}
+
+#memory {
+  color: @color5;
+}
+
+#cpu {
+  color: @color6;
+}
+
+#network {
+  color: @color1;
 }