added waybar pulseaudio/slider

waybar/config

@@ -4,7 +4,7 @@
     "spacing": 4,
     "modules-left": ["custom/launcher", "cpu", "memory", "temperature", "disk", "custom/weather", "custom/updates", "hyprland/window"],
     "modules-center": ["hyprland/workspaces"],
-    "modules-right": ["custom/spotify", "pulseaudio", "network", "backlight", "keyboard-state", "hyprland/language", "battery", "battery#bat2", "clock", "tray", "custom/power"],
+    "modules-right": ["pulseaudio/slider", "pulseaudio", "network", "backlight", "keyboard-state", "hyprland/language", "battery", "battery#bat2", "clock", "tray", "custom/power"],
     "hyprland/workspaces": {
         "format": "{icon}",
         "all-outputs": true,
@@ -66,6 +66,11 @@
         "format-disconnected": "Disconnected ⚠",
         "format-alt": "{ifname}: {ipaddr}/{cidr}"
     },
+    "pulseaudio/slider": {
+        "min": 0,
+        "max": 100,
+        "orientation": "horizontal"
+    },
     "pulseaudio": {
         "format": "{volume}% {icon} {format_source}",
         "format-bluetooth": "{volume}% {icon} {format_source}",
@@ -80,7 +85,7 @@
             "phone": "",
             "portable": "",
             "car": "",
-            "default": ["", "", ""]
+            "default": [" ", " ", " "]
         },
         "on-click": "pavucontrol"
     },

waybar/style.css

@@ -339,6 +339,28 @@ label:focus {
 }
 
 #custom-updates {
-    padding: 2px 12px;
+    padding: 10px 12px;
+}
+
+#pulseaudio-slider slider {
+    min-height: 2px;
+    min-width: 2px;
+    background-color: gray;
+    border-radius: 100%
+    /*opacity: 1;*/
+    /*background-image: none;
+    border: none;
+    box-shadow: none;*/
+}
+#pulseaudio-slider trough {
+    min-height: 2px;
+    min-width: 60px;
+    border-radius: 5px;
+    background-color: gray;
+}
+#pulseaudio-slider highlight {
+    min-width: 10px;
+    border-radius: 5px;
+    background-color: gray;
 }