[UI] More user customizable colours.
This commit is contained in:
parent
b07f27f040
commit
bd41d19d24
|
@ -158,7 +158,7 @@ Item {
|
||||||
id: progressLength
|
id: progressLength
|
||||||
width: progressBar.visualPosition * parent.width
|
width: progressBar.visualPosition * parent.width
|
||||||
height: parent.height
|
height: parent.height
|
||||||
color: "red"
|
color: appearance.progressSliderColor
|
||||||
opacity: 1
|
opacity: 1
|
||||||
radius: height
|
radius: height
|
||||||
anchors.leftMargin: 100
|
anchors.leftMargin: 100
|
||||||
|
@ -197,8 +197,7 @@ Item {
|
||||||
implicitHeight: radius
|
implicitHeight: radius
|
||||||
implicitWidth: radius
|
implicitWidth: radius
|
||||||
radius: 12 + (progressBackground.height / 2)
|
radius: 12 + (progressBackground.height / 2)
|
||||||
color: fun.nyanCat ? "transparent" : "red"
|
color: fun.nyanCat ? "transparent" : appearance.progressSliderColor
|
||||||
//border.color: "red"
|
|
||||||
AnimatedImage {
|
AnimatedImage {
|
||||||
visible: fun.nyanCat
|
visible: fun.nyanCat
|
||||||
paused: progressBar.pressed
|
paused: progressBar.pressed
|
||||||
|
@ -215,7 +214,7 @@ Item {
|
||||||
id: playlistPrevButton
|
id: playlistPrevButton
|
||||||
objectName: "playlistPrevButton"
|
objectName: "playlistPrevButton"
|
||||||
icon.source: "icons/prev.svg"
|
icon.source: "icons/prev.svg"
|
||||||
icon.color: "white"
|
icon.color: appearance.buttonColor
|
||||||
display: AbstractButton.IconOnly
|
display: AbstractButton.IconOnly
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.bottom: parent.bottom
|
anchors.bottom: parent.bottom
|
||||||
|
@ -239,7 +238,7 @@ Item {
|
||||||
Button {
|
Button {
|
||||||
id: playPauseButton
|
id: playPauseButton
|
||||||
icon.source: "icons/pause.svg"
|
icon.source: "icons/pause.svg"
|
||||||
icon.color: "white"
|
icon.color: appearance.buttonColor
|
||||||
display: AbstractButton.IconOnly
|
display: AbstractButton.IconOnly
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.bottom: parent.bottom
|
anchors.bottom: parent.bottom
|
||||||
|
@ -263,7 +262,7 @@ Item {
|
||||||
id: playlistNextButton
|
id: playlistNextButton
|
||||||
//icon.name: "next"
|
//icon.name: "next"
|
||||||
icon.source: "icons/next.svg"
|
icon.source: "icons/next.svg"
|
||||||
icon.color: "white"
|
icon.color: appearance.buttonColor
|
||||||
display: AbstractButton.IconOnly
|
display: AbstractButton.IconOnly
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.bottom: parent.bottom
|
anchors.bottom: parent.bottom
|
||||||
|
@ -278,7 +277,7 @@ Item {
|
||||||
id: volumeButton
|
id: volumeButton
|
||||||
objectName: "volumeButton"
|
objectName: "volumeButton"
|
||||||
icon.source: "icons/volume-up.svg"
|
icon.source: "icons/volume-up.svg"
|
||||||
icon.color: "white"
|
icon.color: appearance.buttonColor
|
||||||
display: AbstractButton.IconOnly
|
display: AbstractButton.IconOnly
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.bottom: parent.bottom
|
anchors.bottom: parent.bottom
|
||||||
|
@ -376,7 +375,7 @@ Item {
|
||||||
id: settingsButton
|
id: settingsButton
|
||||||
//icon.name: "settings"
|
//icon.name: "settings"
|
||||||
icon.source: "icons/settings.svg"
|
icon.source: "icons/settings.svg"
|
||||||
icon.color: "white"
|
icon.color: appearance.buttonColor
|
||||||
Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
|
Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
|
||||||
anchors.right: fullscreenButton.left
|
anchors.right: fullscreenButton.left
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
|
@ -392,7 +391,7 @@ Item {
|
||||||
id: fullscreenButton
|
id: fullscreenButton
|
||||||
//icon.name: "fullscreen"
|
//icon.name: "fullscreen"
|
||||||
icon.source: "icons/fullscreen.svg"
|
icon.source: "icons/fullscreen.svg"
|
||||||
icon.color: "white"
|
icon.color: appearance.buttonColor
|
||||||
Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
|
Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
|
|
|
@ -27,6 +27,8 @@ ApplicationWindow {
|
||||||
property bool useMpvSubs: false
|
property bool useMpvSubs: false
|
||||||
property string fontName: "Roboto"
|
property string fontName: "Roboto"
|
||||||
property string mainBackground: "#9C000000"
|
property string mainBackground: "#9C000000"
|
||||||
|
property string buttonColor: "white"
|
||||||
|
property string progressSliderColor: "red"
|
||||||
}
|
}
|
||||||
Settings {
|
Settings {
|
||||||
id: i18n
|
id: i18n
|
||||||
|
@ -212,8 +214,7 @@ ApplicationWindow {
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
id: mouseAreaBar
|
id: mouseAreaBar
|
||||||
x: 0
|
|
||||||
y: parent.height
|
|
||||||
width: parent.width
|
width: parent.width
|
||||||
height: (controlsBar.controls.height * 2) + controlsBar.progress.height
|
height: (controlsBar.controls.height * 2) + controlsBar.progress.height
|
||||||
anchors.bottom: parent.bottom
|
anchors.bottom: parent.bottom
|
||||||
|
|
Loading…
Reference in a new issue