Material: Make RangeSlider's track accent colored and semi-transparent

To match the Slider's appearance.

Change-Id: Ida7a03877c7b8a23508c532dbb275f96bc137742
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>

1 files changed, 9 insertions, 8 deletions

diff --git a/src/imports/controls/material/RangeSlider.qml b/src/imports/controls/material/RangeSlider.qml
index 16a6c82d..f05601a7 100644
--- a/src/imports/controls/material/RangeSlider.qml
+++ b/src/imports/controls/material/RangeSlider.qml
@@ -36,6 +36,7 @@
 
 import QtQuick 2.12
 import QtQuick.Templates 2.12 as T
+import QtQuick.Controls.impl 2.12
 import QtQuick.Controls.Material 2.12
 import QtQuick.Controls.Material.impl 2.12
 
@@ -74,16 +75,16 @@ T.RangeSlider {
         y: control.topPadding + (control.horizontal ? (control.availableHeight - height) / 2 : 0)
         implicitWidth: control.horizontal ? 200 : 48
         implicitHeight: control.horizontal ? 48 : 200
-        width: control.horizontal ? control.availableWidth : 1
-        height: control.horizontal ? 1 : control.availableHeight
-        color: control.Material.foreground
-        scale:control.horizontal && control.mirrored ? -1 : 1
+        width: control.horizontal ? control.availableWidth : 4
+        height: control.horizontal ? 4 : control.availableHeight
+        scale: control.horizontal && control.mirrored ? -1 : 1
+        color: control.enabled ? Color.transparent(control.Material.accentColor, 0.33) : control.Material.sliderDisabledColor
 
         Rectangle {
-            x: control.horizontal ? control.first.position * parent.width : -1
-            y: control.horizontal ? -1 : control.second.visualPosition * parent.height + 3
-            width: control.horizontal ? control.second.position * parent.width - control.first.position * parent.width - 3 : 3
-            height: control.horizontal ? 3 : control.second.position * parent.height - control.first.position * parent.height - 3
+            x: control.horizontal ? control.first.position * parent.width : 0
+            y: control.horizontal ? 0 : control.second.visualPosition * parent.height
+            width: control.horizontal ? control.second.position * parent.width - control.first.position * parent.width : 4
+            height: control.horizontal ? 4 : control.second.position * parent.height - control.first.position * parent.height
 
             color: control.enabled ? control.Material.accentColor : control.Material.sliderDisabledColor
         }