feat: add volume change OSD modules for audio sink and source and added Default Sink and Source to the Bar

2026-08-24 20:31:44 +02:00
parent 776d25df0f
commit 230537699d
10 changed files with 353 additions and 3 deletions
@@ -0,0 +1,63 @@
+import QtQuick
+import "../../../config"
+import "../states/Audio"
+import Quickshell.Hyprland
+
+MouseArea {
+    id: audioButton
+
+    width: Math.max(audioRow.width + Config.spacing_fun(height)*3.5, height)
+    height: bar.height
+    hoverEnabled: true
+    cursorShape: Qt.PointingHandCursor
+    enabled: Sink.exists
+
+    Rectangle {
+        anchors.fill: parent
+        color: audioButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.tertiaryContainer, 0.25)
+        radius: Config.radius_fun(audioButton.height)
+        border.width: Config.border_width
+        border.color: audioButton.containsMouse ? Colors.tertiaryContainer_fg
+            : Colors.secondaryContainer_fg
+
+        Row {
+            id: audioRow
+            width: audioSourceText.width + audioSinkText.width + audioPercentageText.width + Config.spacing_fun(height)*2
+            height: parent.height
+            spacing: Config.spacing_fun(height)/2
+            anchors.centerIn: parent
+
+            Text {
+                id: audioSourceText
+                text: (Source.mute ? "󰍭" :
+                "󰍬")
+                anchors.verticalCenter: parent.verticalCenter
+                font.pixelSize: Config.iconSize(bar.height)
+                font.family: Config.font
+                color: audioButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+                rightPadding: Config.spacing_fun(height)*1.5
+            }
+
+            Text {
+                id: audioSinkText
+                text: (Sink.mute ? "󰝟" : 
+                Sink.volume > 60 ? "󰕾" :
+                Sink.volume > 30 ? "󰖀" :
+                "󰕿")
+                anchors.verticalCenter: parent.verticalCenter
+                font.pixelSize: Config.iconSize(bar.height)
+                font.family: Config.font
+                color: audioButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+            }
+
+            Text {
+                id: audioPercentageText
+                text: Sink.volume + "%"
+                anchors.verticalCenter: parent.verticalCenter
+                font.pixelSize: Config.iconSize(bar.height)
+                font.family: Config.font
+                color: audioButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+            }
+        }
+    }
+}
@@ -0,0 +1,32 @@
+import QtQuick
+import "../../../config"
+import "../states/Audio"
+
+MouseArea {
+    id: audioButton
+
+    width: Math.max(audioText.width + Config.spacing_fun(height)*2, height)
+    height: bar.height
+    hoverEnabled: true
+    cursorShape: Qt.PointingHandCursor
+    enabled: Sink.exists
+
+    Rectangle {
+        anchors.fill: parent
+        color: audioButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.tertiaryContainer, 0.25)
+        radius: Config.radius_fun(audioButton.height)
+        border.width: Config.border_width
+        border.color: audioButton.containsMouse ? Colors.tertiaryContainer_fg
+            : Colors.secondaryContainer_fg
+
+        Text {
+            id: audioText
+            text: (Source.mute ? "󰍭" :
+            "󰍬")
+            anchors.centerIn: parent
+            font.pixelSize: Config.iconSize(bar.height)
+            font.family: Config.font
+            color: audioButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+        }
+    }
+}