Created new hover window, theming changes

AudioWidget.qml

@@ -2,6 +2,7 @@ import QtQuick
 import Quickshell.Io
 import Quickshell.Services.Pipewire
 import qs.Common
+import qs.Services
 
 Rectangle {
     id: audioWidget
@@ -10,6 +11,7 @@ Rectangle {
     property string icon: " "
     property bool audioPipewireActive: Pipewire.defaultAudioSink? true:false
     property int volume: audioPipewireActive? Math.round(Pipewire.defaultAudioSink.audio.volume * 100): 30
+    property var sink: audioPipewireActive? Pipewire.defaultAudioSink : null
 
     implicitWidth: audioText.implicitWidth * 1.6
     implicitHeight: Theme.heightGaps
@@ -79,6 +81,14 @@ Rectangle {
 
     MouseArea {
         anchors.fill: parent
+        hoverEnabled: true
+        onEntered: {
+                PopUpHover.start(audioWidget,"audio")
+        }
+        onExited: {
+            // PopUpHover.exit()
+            PopUpHover.exit()
+        }
         onClicked: {
             audioWidgetProcess.startDetached();
         }
@@ -96,5 +106,4 @@ Rectangle {
             }
         }
     }
-
 }