diff options
Diffstat (limited to 'qml/FullControls.qml')
| -rw-r--r-- | qml/FullControls.qml | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/qml/FullControls.qml b/qml/FullControls.qml index 1f16acc..829bfbc 100644 --- a/qml/FullControls.qml +++ b/qml/FullControls.qml @@ -121,7 +121,7 @@ Column { front: Rectangle { anchors.fill: parent - color: "#202020" + color: theme.inverted ? "#202020" : "#C9C9C9" ListView { id: coverList @@ -164,7 +164,7 @@ Column { anchors.bottom: parent.bottom width: parent.width height: detailsColumn.height + UI.MARGIN_XLARGE - color: moreMouseArea.pressed ? "#DD202020" : "#BA202020" + color: (moreMouseArea.pressed ? "#DD" : "#BA") + (theme.inverted ? "202020" : "D7D7D7") Column { id: detailsColumn @@ -180,7 +180,7 @@ Column { font.family: UI.FONT_FAMILY font.weight: Font.Bold font.pixelSize: UI.FONT_DEFAULT - color: UI.COLOR_INVERTED_FOREGROUND + color: theme.inverted ? UI.COLOR_INVERTED_FOREGROUND : UI.COLOR_FOREGROUND elide: Text.ElideRight opacity: details.opacity text: spotifySession.currentTrack ? spotifySession.currentTrack.name : "" @@ -201,7 +201,7 @@ Column { width: parent.width font.family: UI.FONT_FAMILY font.pixelSize: UI.FONT_LSMALL - color: UI.LIST_SUBTITLE_COLOR_INVERTED + color: theme.inverted ? UI.LIST_SUBTITLE_COLOR_INVERTED : UI.LIST_SUBTITLE_COLOR elide: Text.ElideRight anchors.left: parent.left anchors.right: parent.right @@ -211,7 +211,7 @@ Column { width: parent.width font.family: UI.FONT_FAMILY font.pixelSize: UI.FONT_LSMALL - color: UI.LIST_SUBTITLE_COLOR_INVERTED + color: theme.inverted ? UI.LIST_SUBTITLE_COLOR_INVERTED : UI.LIST_SUBTITLE_COLOR elide: Text.ElideRight anchors.left: parent.left anchors.right: parent.right @@ -222,7 +222,7 @@ Column { id: moreIcon anchors.right: parent.right anchors.verticalCenter: parent.verticalCenter - source: "image://theme/icon-s-description-inverse" + source: "image://theme/icon-s-description" + (theme.inverted ? "-inverse" : "") visible: !spotifySession.offlineMode } MouseArea { @@ -246,7 +246,7 @@ Column { anchors.right: parent.right contentMargins: UI.MARGIN_XLARGE text: "Play queue" - color: "black" + color: theme.inverted ? UI.COLOR_INVERTED_BACKGROUND : UI.COLOR_BACKGROUND contentOpacity: queueHeaderMouse.pressed ? 0.4 : 1.0 z: 500 @@ -271,9 +271,9 @@ Column { delegate: TrackDelegate { property bool isExplicit: spotifySession.playQueue.isExplicitTrack(index) name: modelData.name - backgroundOpacity: isExplicit ? 0.7 : 0.0 - titleColor: isExplicit ? "#f5e8b9" : UI.LIST_TITLE_COLOR_INVERTED - subtitleColor: isExplicit ? "#e0d3a5" : UI.LIST_SUBTITLE_COLOR_INVERTED + backgroundOpacity: isExplicit ? 0.6 : 0.0 + titleColor: isExplicit ? (theme.inverted ? "#f5e8b9" : "#c6a83f") : (theme.inverted ? UI.LIST_TITLE_COLOR_INVERTED : UI.LIST_TITLE_COLOR) + subtitleColor: isExplicit ? (theme.inverted ? "#e0d3a5" : "#a79144") : (theme.inverted ? UI.LIST_SUBTITLE_COLOR_INVERTED : UI.LIST_SUBTITLE_COLOR) artistAndAlbum: modelData.artists + " | " + modelData.album duration: modelData.duration highlighted: index == spotifySession.playQueue.currentIndex @@ -311,7 +311,7 @@ Column { Image { anchors.left: parent.left anchors.verticalCenter: parent.verticalCenter - source: "image://theme/icon-m-toolbar-mediacontrol-previous-white" + source: "image://theme/icon-m-toolbar-mediacontrol-previous" + (theme.inverted ? "-white" : "") opacity: previous.pressed ? 0.4 : 1.0 MouseArea { @@ -324,8 +324,8 @@ Column { Image { anchors.horizontalCenter: parent.horizontalCenter anchors.verticalCenter: parent.verticalCenter - source: spotifySession.isPlaying ? "image://theme/icon-m-toolbar-mediacontrol-pause-white" - : "image://theme/icon-m-toolbar-mediacontrol-play-white" + source: spotifySession.isPlaying ? "image://theme/icon-m-toolbar-mediacontrol-pause" + (theme.inverted ? "-white" : "") + : "image://theme/icon-m-toolbar-mediacontrol-play" + (theme.inverted ? "-white" : "") opacity: play.pressed ? 0.4 : 1.0 MouseArea { @@ -338,7 +338,7 @@ Column { Image { anchors.right: parent.right anchors.verticalCenter: parent.verticalCenter - source: "image://theme/icon-m-toolbar-mediacontrol-next-white" + source: "image://theme/icon-m-toolbar-mediacontrol-next" + (theme.inverted ? "-white" : "") opacity: next.pressed ? 0.4 : 1.0 MouseArea { @@ -365,7 +365,7 @@ Column { valueIndicatorMargin : 40 enabled: spotifySession.currentTrack ? true : false platformStyle: SliderStyle { - grooveItemElapsedBackground: "qrc:/qml/images/meegotouch-slider-elapsed-background-horizontal.png" + grooveItemElapsedBackground: "image://theme/" + appWindow.themeColor + "-meegotouch-slider-elapsed-" + (theme.inverted ? "inverted-" : "") + "background-horizontal" handleBackground: "qrc:/qml/images/meegotouch-slider-handle-background-horizontal.png" handleBackgroundPressed: "qrc:/qml/images/meegotouch-slider-handle-background-pressed-horizontal.png" mouseMarginBottom: -25 @@ -401,7 +401,7 @@ Column { id: trackPos font.family: UI.FONT_FAMILY font.pixelSize: UI.FONT_LSMALL - color: UI.LIST_SUBTITLE_COLOR_INVERTED + color: theme.inverted ? UI.LIST_SUBTITLE_COLOR_INVERTED : UI.LIST_SUBTITLE_COLOR anchors.left: parent.left anchors.leftMargin: 5 anchors.top: parent.top @@ -411,7 +411,7 @@ Column { Label { font.family: UI.FONT_FAMILY font.pixelSize: UI.FONT_LSMALL - color: UI.LIST_SUBTITLE_COLOR_INVERTED + color: theme.inverted ? UI.LIST_SUBTITLE_COLOR_INVERTED : UI.LIST_SUBTITLE_COLOR anchors.right: parent.right anchors.rightMargin: 5 anchors.top: parent.top @@ -429,7 +429,7 @@ Column { anchors.left: parent.left anchors.verticalCenter: parent.verticalCenter opacity: enabled ? (addArea.pressed ? 0.4 : 1.0) : 0.2 - source: "image://theme/icon-m-toolbar-add-white"; + source: "image://theme/icon-m-toolbar-add" + (theme.inverted ? "-white" : ""); enabled: !spotifySession.offlineMode MouseArea { @@ -448,9 +448,9 @@ Column { x: 136 anchors.verticalCenter: parent.verticalCenter opacity: enabled ? (starArea.pressed ? 0.4 : 1.0) : 0.2 - source: spotifySession.currentTrack ? (spotifySession.currentTrack.isStarred ? "image://theme/icon-m-toolbar-favorite-mark-white" - : "image://theme/icon-m-toolbar-favorite-unmark-white") - : "image://theme/icon-m-toolbar-favorite-unmark-white"; + source: spotifySession.currentTrack ? (spotifySession.currentTrack.isStarred ? ("image://theme/icon-m-toolbar-favorite-mark" + (theme.inverted ? "-white" : "")) + : ("image://theme/icon-m-toolbar-favorite-unmark" + (theme.inverted ? "-white" : ""))) + : ("image://theme/icon-m-toolbar-favorite-unmark" + (theme.inverted ? "-white" : "")); enabled: !spotifySession.offlineMode MouseArea { @@ -463,7 +463,7 @@ Column { Image { x: 272 anchors.verticalCenter: parent.verticalCenter - source: spotifySession.shuffle ? "images/icon-m-toolbar-shuffle-white-selected.png" : "image://theme/icon-m-toolbar-shuffle-white"; + source: spotifySession.shuffle ? ("images/icon-m-toolbar-shuffle" + (theme.inverted ? "-white" : "") + "-selected.png") : ("image://theme/icon-m-toolbar-shuffle" + (theme.inverted ? "-white" : "")); opacity: shuffleArea.pressed ? 0.4 : 1.0 MouseArea { id: shuffleArea @@ -475,7 +475,7 @@ Column { Image { anchors.right: parent.right anchors.verticalCenter: parent.verticalCenter - source: spotifySession.repeat ? "images/icon-m-toolbar-repeat-white-selected.png" : "image://theme/icon-m-toolbar-repeat-white"; + source: spotifySession.repeat ? "images/icon-m-toolbar-repeat-white-selected.png" : ("image://theme/icon-m-toolbar-repeat" + (theme.inverted ? "-white" : "")); opacity: repeatArea.pressed ? 0.4 : 1.0 MouseArea { id: repeatArea |
