update styling

catppuccin-macchiato/style.css

@@ -1,11 +1,8 @@
 @import url("./colors.css");
-@import url("./highlights.css");
 
 * {
   border: none;
-  font-family:
-    JetBrainsMono Nerd Font,
-    Font Awesome;
+  font-family: "JetBrainsMono Nerd Font", "Font Awesome", "Noto Sans CJK JP";
   font-size: 13px;
   min-height: 0;
   border-radius: 0.69em;
@@ -21,6 +18,12 @@ window#waybar.hidden {
   opacity: 0.2;
 }
 
+#window {
+  background-color: inherit;
+  padding: 0 10px;
+  margin: 5px 1px;
+}
+
 tooltip {
   background-color: @base;
   border: 1px solid @subtext0;
@@ -202,8 +205,8 @@ label:focus {
 
 #tray {
   /* background-color: @overlay0; */
-  background-color: @surface1;
-  color: @text;
+  background-color: @surface0;
+  color: @mantle;
 }
 
 #tray > .passive {
@@ -242,14 +245,14 @@ label:focus {
 }
 
 #custom-mpd-scroll {
-  color: @base;
+  color: @mantle;
   background-color: @mauve;
   padding: 0 10px;
   margin: 5px 1px;
 }
 #custom-updates {
   background-color: @yellow;
-  color: @base;
+  color: @mantle;
   padding: 0 10px;
   margin: 5px 1px;
 }
@@ -261,7 +264,7 @@ label:focus {
 }
 
 #custom-firefox {
-  color: @base;
+  color: @mantle;
   background-color: @peach;
   padding: 0 10px;
   margin: 5px 1px;
@@ -269,7 +272,7 @@ label:focus {
 
 #cava {
   background-color: @blue;
-  color: @base;
+  color: @crust;
   padding: 0 10px;
   margin: 5px 1px;
 }