update

catppuccin-macchiato/config.jsonc

@@ -5,12 +5,13 @@
   "width": 2550,
   "spacing": 1,
   "reload_style_on_change": true,
+  "fixed-center": true,
   "margin": "10 5 0 5",
   "modules-left": [
     "custom/launcher",
     "hyprland/workspaces",
     "tray",
-    "hyprland/mode",
+    "hyprland/submap",
     "custom/mpd-scroll",
     "custom/firefox",
     "cava",
@@ -60,8 +61,10 @@
     "tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%",
     "on-click": "blueman-manager",
   },
-  "hyprland/mode": {
-    "format": "<span style=\"italic\">{}</span>",
+  "hyprland/submap": {
+    "format": "{}",
+    "max-length": 8,
+    "tooltip": false,
   },
   "hyprland/scratchpad": {
     "format": "{icon} {count}",
@@ -271,9 +274,9 @@
   "cava": {
     // "cava_config": "$HOME/.config/cava/config",
     "framerate": 144,
-    "autosens": 1,
+    "autosens": 0,
     "sensitivity": 100,
-    "bars": 14,
+    "bars": 12,
     "lower_cutoff_freq": 50,
     "higher_cutoff_freq": 10000,
     "method": "pipewire",

catppuccin-macchiato/style.css

@@ -2,9 +2,7 @@
 
 * {
   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;
@@ -20,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;
@@ -85,7 +89,7 @@ button:hover {
   background-image: linear-gradient(0deg, @surface1, @mantle);
 }
 
-#mode {
+#submap {
   background-color: @base;
   box-shadow: inset 0 -2px @text;
 }
@@ -103,7 +107,7 @@ button:hover {
 #custom-kernel,
 #idle_inhibitor,
 #scratchpad,
-#mode,
+#submap,
 #tray {
   padding: 0 10px;
   margin: 5px 1px;
@@ -167,7 +171,7 @@ label:focus {
 }
 
 #network.disconnected {
-  background-color: red;
+  background-color: @red;
   color: @mantle;
 }
 
@@ -178,7 +182,7 @@ label:focus {
 }
 
 #pulseaudio {
-  background-color: @yellow;
+  background-color: @sapphire;
   color: @mantle;
 }
 
@@ -201,8 +205,8 @@ label:focus {
 
 #tray {
   /* background-color: @overlay0; */
-  background-color: @surface1;
-  color: @text;
+  background-color: @surface0;
+  color: @mantle;
 }
 
 #tray > .passive {
@@ -241,14 +245,14 @@ label:focus {
 }
 
 #custom-mpd-scroll {
-  color: @base;
-  background-color: @blue;
+  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;
 }
@@ -260,15 +264,15 @@ label:focus {
 }
 
 #custom-firefox {
-  color: @base;
-  background-color: @pink;
+  color: @mantle;
+  background-color: @peach;
   padding: 0 10px;
   margin: 5px 1px;
 }
 
 #cava {
   background-color: @blue;
-  color: @base;
+  color: @crust;
   padding: 0 10px;
   margin: 5px 1px;
 }

scripts/escape-mpc-pango.sh

@@ -0,0 +1 @@
+../../../projects/scripts/waybar/escape-mpc-pango.sh