fix waybar

home/user/.config/sway/other.conf

@@ -76,7 +76,8 @@ corner_radius 8
 layer_effects "waybar" {
     blur enable;
     blur_xray enable;
+    blur_radius 3;
+    blur_passes 4;
     blur_ignore_transparent enable;
     shadows enable;
-    corner_radius 10;
 }

home/user/.config/waybar/config

@@ -1,8 +1,10 @@
 {
-    "layer": "bottom",
+    "layer": "top",
     "position": "bottom",
     "height": 30,
     "spacing": 4,
+    "exclusive": false,
+    "mode": "dock",
 
     "modules-left": [
         "sway/workspaces",
@@ -18,10 +20,10 @@
         "custom/cpu_usage",
         "custom/cpu_temp",
         "custom/battery",
-        "custom/language",
         "custom/pomodoro",
-        "custom/userhost",
         "custom/volume",
+        "custom/language",
+        "custom/userhost",
         "custom/time",
         "tray"
     ],

home/user/.config/waybar/style.css

@@ -7,7 +7,7 @@
 }
 
 window#waybar {
-    background: rgba(0, 0, 0, 0);
+    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
     color: #ffffff;
     transition-property: background-color;
     transition-duration: .5s;