Added volume button for waybar.

waybar/config

@@ -4,7 +4,7 @@
     "reload_style_on_change": true,
     "modules-left": ["hyprland/workspaces"],
     "modules-center": ["clock"],
-    "modules-right": ["group/expand","bluetooth","network","battery"],
+    "modules-right": ["group/expand","pulseaudio","bluetooth","network","battery"],
 
     "hyprland/workspaces": {
         "format": "{name}",
@@ -14,17 +14,7 @@
     },
     "clock": {
         "format": "{:%H:%M}",
-        "interval": 1,
+        "interval": 1
-        "tooltip-format": "<tt>{calendar}</tt>",
-        "calendar": {
-            "format": {
-                "today": "<span color='#fAfBfC'><b>{}</b></span>"
-            }
-        },
-        "actions": {
-            "on-click-right": "shift_down",
-            "on-click": "shift_up"
-        }
     },
     "network": {
         "interface": "wlo1",
@@ -36,6 +26,16 @@
         "tooltip-format-ethernet": "{ifname}",
         "on-click": "kitty nmtui"
     },
+    "pulseaudio": {
+        "format": "{icon}",
+        "format-muted": "󰖁",
+        "format-icons": {
+            "default": ["󰕿", "󰖀", "󰕾"]
+        },
+        "tooltip-format": "{volume}%",
+        "on-click": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle",
+        "on-click-right": "pwvucontrol"
+    },
     "bluetooth": {
         "format-on": "󰂯",
         "format-off": "BT-off",

waybar/style.css

@@ -33,7 +33,7 @@ tooltip {
     background:@background;
     color: @color7;
 }
-#clock:hover, #bluetooth:hover, #network:hover, #battery:hover, #cpu:hover, #memory:hover, #temperature:hover{
+#pulseaudio:hover, #bluetooth:hover, #network:hover, #battery:hover, #cpu:hover, #memory:hover, #temperature:hover{
     transition: all .3s ease;
     color:@color9;
 }
@@ -90,6 +90,15 @@ tooltip {
     color:@color7;
 
 }
+#pulseaudio{
+    padding: 0px 5px;
+    transition: all .3s ease;
+    color:@color7;
+
+}
+#pulseaudio.muted{
+    color: #f53c3c;
+}
 #battery{
     padding: 0px 5px;
     transition: all .3s ease;