Fix theme on native light mode, implement volume slider

QYRComponents/Label.qml

@@ -5,6 +5,7 @@ import QtQuick.Controls.Basic 6.8
 Label {
     property string heading: "base"
 
+    color: Colors.text
     font.family: Colors.fontFamily
     font.pixelSize: Colors.fontSize[heading]
 }

QYRComponents/Slider.qml

@@ -8,20 +8,20 @@ Slider {
     implicitWidth: 130
     implicitHeight: 20
 
-    // OpacityAnimator on opacity{
-    //     from: 0.7
-    //     to: 1
-    //     duration: 200
-    //     target: parent
-    //     running: parent.hovered
-    // }
-    // OpacityAnimator on opacity{
-    //     from: 1
-    //     to: 0.7
-    //     duration: 200
-    //     target: parent
-    //     running: !parent.hovered
-    // }
+    OpacityAnimator on opacity{
+        from: 0.7
+        to: 1
+        duration: 200
+        target: this
+        running: parent.hovered
+    }
+    OpacityAnimator on opacity{
+        from: 1
+        to: 0.7
+        duration: 200
+        target: this
+        running: !parent.hovered
+    }
 
     background: Rectangle {
         color: "#555"