qyouradio/QYRComponents/Slider.qml

import QtQuick 6.8
import QtQuick.Controls 6.8
import QtQuick.Controls.Basic 6.8

Slider {
    snapMode: Slider.SnapAlways

    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
    // }

    background: Rectangle {
        color: "#555"
        radius: 5
    }

    handle: Rectangle {
        x: parent.leftPadding + parent.visualPosition * (parent.availableWidth - width)
        y: parent.topPadding + parent.availableHeight / 2 - height / 2
        width: 20
        height: 20
        radius: 10
        color: Colors.primary

        border.color: "#999"
        border.width: parent.focused ? 3 : 0
    }
}