Update Mediaplayer demo to new UI theme

Task-number: QTBUG-62791
Change-Id: Id7cb520669fc696cec65da591414b045fe45754a
Reviewed-by: Teemu Holappa <teemu.holappa@qt.io>

1 files changed, 10 insertions, 9 deletions

diff --git a/basicsuite/mediaplayer/FileBrowser.qml b/basicsuite/mediaplayer/FileBrowser.qml
index 5ffe130..8bae836 100644
--- a/basicsuite/mediaplayer/FileBrowser.qml
+++ b/basicsuite/mediaplayer/FileBrowser.qml
@@ -50,6 +50,7 @@
 import QtQuick 2.0
 import Qt.labs.folderlistmodel 2.0
 import QtQuick.Controls 1.4
+import QtDeviceUtilities.QtButtonImageProvider 1.0
 
 Item {
     id: fileBrowser
@@ -77,7 +78,7 @@ Item {
 
         Rectangle {
             id: root
-            color: "white"
+            color: defaultBackground
             property alias folder: folders.folder
 
             FolderListModel {
@@ -110,7 +111,8 @@ Item {
                         wrapMode: Text.WrapAtWordBoundaryOrAnywhere
                         text: fileName
                         font.pixelSize: parent.height * .1
-                        color: view.currentIndex === index ? "#80c342" : "#46484a"
+                        font.family: appFont
+                        color: view.currentIndex === index ? defaultGreen : "white"
                         elide: Text.ElideRight
                     }
 
@@ -182,10 +184,10 @@ Item {
             Rectangle {
                 width: parent.width;
                 height: 70
-                color: "#f6f6f6"
+                color: defaultBackground
                 id: titleBar
 
-                Button {
+                QtButton {
                     id: backButton
                     text: qsTr("Back")
                     anchors.left: parent.left
@@ -203,17 +205,16 @@ Item {
                     anchors.bottom: parent.bottom
 
                     text: String(folders.folder).replace("file://", "")
-                    color: "#46484a"
+                    color: "white"
                     elide: Text.ElideLeft
                     verticalAlignment: Text.AlignVCenter
                     font.pixelSize: backButton.height * .8
+                    font.family: appFont
                 }
 
-                Button {
+                QtButton {
                     id: cancelButton
                     text: qsTr("Cancel")
-                    checkable: true
-                    checked: true
                     anchors.right: parent.right
                     anchors.rightMargin: parent.width * .05
                     anchors.verticalCenter: parent.verticalCenter
@@ -224,7 +225,7 @@ Item {
                     width: parent.width
                     anchors.bottom: parent.bottom
                     height: 2
-                    color: "#e4e4e4"
+                    color: defaultGrey
                 }
             }