Update .config/waybar/config.jsonc

Update .config/waybar/style.css

private_dot_config/waybar/config.jsonc

@@ -1,4 +1,5 @@
 // -*- mode: jsonc -*-
+[
     {
     // "layer": "top", // Waybar at top layer
     // "position": "bottom", // Waybar position (top|bottom|left|right)
@@ -17,7 +18,8 @@
     "modules-center": [
         //"sway/window"
         //"wlr/taskbar"
-        "group/music"
+        //"group/music"
+        "mpris"
     ],
 
     "modules-left": [
@@ -53,39 +55,6 @@
     //     }
     // },
 
-    "group/music": {
-        "modules": [
-            "mpris",
-            "cava"
-        ]
-    },
-
-    "cava": {
-        "framerate": 144,
-        "autosens": 1,
-        "sensitivity": 2,
-        "bars": 32,
-        "lower_cutoff_freq": 50,
-        "higher_cutoff_freq": 10000,
-        "hide_on_silence": false,
-        "format_silent": "quiet",
-        "method": "pulse",
-        "source": "auto",
-        "stereo": true,
-        "reverse": false,
-        "bar_delimiter": 0,
-        "monstercat": true,
-        "waves": true,
-        "noise_reduction": 0.77,
-        "input_delay": 2,
-        "bar_width": 2,
-        "bar_spacing": 10,
-        "format-icons": ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█" ],
-        "actions": {
-                   "on-click-right": "mode"
-                   },
-        "cava_config": "/home/yarne/.config/cava/config"
-    },
     "bluetooth": {
         "format":" {status}",
         "format-disabled":"",
@@ -247,7 +216,7 @@
         "format-paused": "{status_icon} {title}",
         "player-icons": {
             "default": "▶",
-            "mpv": "🎵"
+            "Feishin": "󰝚"
         },
         "status-icons": {
             "paused": "⏸"
@@ -275,4 +244,41 @@
         "on-click": "activate",
         "on-click-middle": "close"
     }
+    },
+    {
+    "name":"overlay",
+    "layer":"bottom",
+    "position":"top",
+    "passtrough":true,
+    "margin-top":-30,
+    "width":300,
+    "exclusive":false,
+    "modules-center":["cava"],
+    "cava": {
+        "framerate": 144,
+        "autosens": 1,
+        "sensitivity": 2,
+        "bars": 32,
+        "lower_cutoff_freq": 50,
+        "higher_cutoff_freq": 10000,
+        "hide_on_silence": false,
+        "format_silent": "quiet",
+        "method": "pulse",
+        "source": "auto",
+        "stereo": true,
+        "reverse": false,
+        "bar_delimiter": 0,
+        "monstercat": true,
+        "waves": true,
+        "noise_reduction": 0.77,
+        "input_delay": 2,
+        "bar_width": 2,
+        "bar_spacing": 10,
+        "format-icons": ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█" ],
+        "actions": {
+                   "on-click-right": "mode"
+                   },
+        "cava_config": "/home/yarne/.config/cava/config"
         }
+    }
+]

private_dot_config/waybar/style.css

@@ -13,6 +13,11 @@ window#waybar {
     transition-duration: .5s;
 }
 
+window#waybar.overlay {
+    background-color: rgba(0, 0, 0, 0);
+    color: #ffffff;
+}
+
 window#waybar.hidden {
     opacity: 0.2;
 }
@@ -257,12 +262,9 @@ label:focus {
     color: #2d3436;
 }
 
-#music {
-    margin-top: 5px;
-}
-
 #cava {
-    margin-top: 5px;
+    font-size: 24px;
+    color: rgba(255, 255, 255, 0.4);
 }
 
 #mpd {
@@ -270,6 +272,10 @@ label:focus {
     color: #2a5c45;
 }
 
+#mpris {
+    min-width: 300px;
+}
+
 #mpd.disconnected {
     background-color: #f53c3c;
 }