[vlc-commits] qml: change player controlbar background to a semi-transparent gradient

[Pierre Lamot]

vlc | branch: master | Pierre Lamot <pierre at videolabs.io> | Thu Aug  1 17:00:43 2019 +0200| [6d42f0ade2952d5e36f7e6cd2e762b38e91444bd] | committer: Jean-Baptiste Kempf

qml: change player controlbar background to a semi-transparent gradient

> http://git.videolan.org/gitweb.cgi/vlc.git/?a=commit;h=6d42f0ade2952d5e36f7e6cd2e762b38e91444bd
---

 modules/gui/qt/qml/player/Player.qml        | 6 +++++-
 modules/gui/qt/qml/player/TopBar.qml        | 8 ++++++++
 modules/gui/qt/qml/player/TrackSelector.qml | 4 ++--
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/modules/gui/qt/qml/player/Player.qml b/modules/gui/qt/qml/player/Player.qml
index 6ae036ec21..005789203f 100644
--- a/modules/gui/qt/qml/player/Player.qml
+++ b/modules/gui/qt/qml/player/Player.qml
@@ -217,7 +217,11 @@ Utils.NavigableFocusScope {
 
         component: Rectangle {
             id: controllerBarId
-            color: VLCStyle.colors.setColorAlpha(VLCStyle.colors.banner, 0.8)
+            gradient: Gradient {
+                GradientStop { position: 1.0; color: VLCStyle.colors.playerBg }
+                GradientStop { position: 0.0; color: "transparent" }
+            }
+
             width: controlBarView.width
             height: 90 * VLCStyle.scale
             property alias noAutoHide: controllerId.noAutoHide
diff --git a/modules/gui/qt/qml/player/TopBar.qml b/modules/gui/qt/qml/player/TopBar.qml
index 365993dae3..e818d44347 100644
--- a/modules/gui/qt/qml/player/TopBar.qml
+++ b/modules/gui/qt/qml/player/TopBar.qml
@@ -42,6 +42,12 @@ Utils.NavigableFocusScope{
         color: VLCStyle.colors.setColorAlpha(VLCStyle.colors.banner, 0.8)
         anchors.fill: parent
 
+        gradient: Gradient {
+            GradientStop { position: 0.0; color: VLCStyle.colors.playerBg }
+            GradientStop { position: 1.0; color: "transparent" }
+        }
+
+
         MouseArea {
             id: topcontrollerMouseArea
             hoverEnabled: true
@@ -57,6 +63,7 @@ Utils.NavigableFocusScope{
                     objectName: "IconToolButton"
                     size: VLCStyle.icon_normal
                     text: VLCIcons.exit
+                    color: VLCStyle.colors.playerFg
                     onClicked: history.previous(History.Go)
                     KeyNavigation.right: playlistBtn
                     focus: true
@@ -71,6 +78,7 @@ Utils.NavigableFocusScope{
                     objectName: PlayerControlBarModel.PLAYLIST_BUTTON
                     size: VLCStyle.icon_normal
                     text: VLCIcons.playlist
+                    color: VLCStyle.colors.playerFg
                     onClicked: {
                         rootWindow.playlistVisible = !rootWindow.playlistVisible
                         if (rootWindow.playlistVisible && rootWindow.playlistDocked) {
diff --git a/modules/gui/qt/qml/player/TrackSelector.qml b/modules/gui/qt/qml/player/TrackSelector.qml
index 971f158eb1..bd017dc106 100644
--- a/modules/gui/qt/qml/player/TrackSelector.qml
+++ b/modules/gui/qt/qml/player/TrackSelector.qml
@@ -42,7 +42,7 @@ Utils.NavigableFocusScope {
                 font.pixelSize: VLCStyle.fontSize_large
                 anchors.verticalCenter:  parent.verticalCenter
                 visible: model.checked
-                color: (Tumbler.tumbler.activeFocus && model.index === Tumbler.tumbler.currentIndex ) ? VLCStyle.colors.accent : VLCStyle.colors.text
+                color: (Tumbler.tumbler.activeFocus && model.index === Tumbler.tumbler.currentIndex ) ? VLCStyle.colors.accent : VLCStyle.colors.playerFg
                 font.bold: true
                 text: "☑"
             }
@@ -54,7 +54,7 @@ Utils.NavigableFocusScope {
                 verticalAlignment: Text.AlignVCenter
 
                 font.pixelSize: (model.index === Tumbler.tumbler.currentIndex) ? VLCStyle.fontSize_large * 1.3 : VLCStyle.fontSize_large
-                color: (Tumbler.tumbler.activeFocus && model.index === Tumbler.tumbler.currentIndex ) ? VLCStyle.colors.accent : VLCStyle.colors.text
+                color: (Tumbler.tumbler.activeFocus && model.index === Tumbler.tumbler.currentIndex ) ? VLCStyle.colors.accent : VLCStyle.colors.playerFg
                 font.bold: true
             }
             Keys.onPressed:  {