mifr/subsurface
1
0
Fork 0
mirror of https://github.com/subsurface/subsurface.git synced 2025-01-20 06:45:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

QML UI: simple attempt to allow color scheme switching

Browse source 
By making the assignments to the Kirigami Theme colors Qt bindings
things get correctly updated when switching.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2017-06-21 13:44:24 -07:00
parent 71d9aafcd6
commit 8f2fc84ae7
1 changed files with 37 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
mobile-widgets/qml/main.qml
View file

@ -252,6 +252,20 @@ Kirigami.ApplicationWindow {
} }
} }
Kirigami.Action {
text: qsTr("Switch to pink theme")
onTriggered: {
pinkTheme()
}
}
Kirigami.Action {
text: qsTr("Switch to blue theme")
onTriggered: {
blueTheme()
}
}
Kirigami.Action { Kirigami.Action {
text: qsTr("Theme information") text: qsTr("Theme information")
onTriggered: { onTriggered: {
@ -306,16 +320,34 @@ Kirigami.ApplicationWindow {
} }
} }
function blueTheme() {
subsurfaceTheme.darkPrimaryColor = "#303F9f"
subsurfaceTheme.darkPrimaryTextColor= "#ECECEC"
subsurfaceTheme.primaryColor = "#3F51B5"
subsurfaceTheme.primaryTextColor = "#ECECEC"
subsurfaceTheme.lightPrimaryColor = "#C5CAE9"
subsurfaceTheme.lightPrimaryTextColor = "#212121"
}
function pinkTheme() {
subsurfaceTheme.darkPrimaryColor = "#FF1493"
subsurfaceTheme.darkPrimaryTextColor = "#ECECEC"
subsurfaceTheme.primaryColor = "#FF69B4"
subsurfaceTheme.primaryTextColor = "#212121"
subsurfaceTheme.lightPrimaryColor = "#FFDDF4"
subsurfaceTheme.lightPrimaryTextColor = "#212121"
}
QtObject { QtObject {
id: subsurfaceTheme id: subsurfaceTheme
property int titlePointSize: Math.round(fontMetrics.font.pointSize * 1.5) property int titlePointSize: Math.round(fontMetrics.font.pointSize * 1.5)
property int smallPointSize: Math.round(fontMetrics.font.pointSize * 0.8) property int smallPointSize: Math.round(fontMetrics.font.pointSize * 0.8)
property color darkPrimaryColor: "#FF1493" property color darkPrimaryColor: "#303F9f"
property color darkPrimaryTextColor: "#ECECEC" property color darkPrimaryTextColor: "#ECECEC"
property color primaryColor: "#FF69B4" property color primaryColor: "#3F51B5"
property color primaryTextColor: "#ECECEC" property color primaryTextColor: "#ECECEC"
property color lightPrimaryColor: "#FFDDF4" property color lightPrimaryColor: "#C5CAE9"
property color lightPrimaryTextColor: "#212121" property color lightPrimaryTextColor: "#212121"
property color contrastAccentColor: "#FF9800" // used for delete button property color contrastAccentColor: "#FF9800" // used for delete button
@ -323,8 +355,8 @@ Kirigami.ApplicationWindow {
property int columnWidth: Math.round(rootItem.width/(Kirigami.Units.gridUnit*28)) > 0 ? Math.round(rootItem.width / Math.round(rootItem.width/(Kirigami.Units.gridUnit*28))) : rootItem.width property int columnWidth: Math.round(rootItem.width/(Kirigami.Units.gridUnit*28)) > 0 ? Math.round(rootItem.width / Math.round(rootItem.width/(Kirigami.Units.gridUnit*28))) : rootItem.width
Component.onCompleted: { Component.onCompleted: {
Kirigami.Theme.highlightColor = darkPrimaryColor Kirigami.Theme.highlightColor = Qt.binding(function() { return darkPrimaryColor })
Kirigami.Theme.highlighedTextColor = darkPrimaryTextColor Kirigami.Theme.highlighedTextColor = Qt.binding(function() { return darkPrimaryTextColor })
} }
} }
property Item stackView: pageStack property Item stackView: pageStack