Changeset 8f2fc84a in subsurface


Ignore:
Timestamp:
Jun 21, 2017, 2:01:30 PM (3 months ago)
Author:
Dirk Hohndel <dirk@…>
Branches:
master
Children:
e0f46b03
Parents:
71d9aaf
git-author:
Dirk Hohndel <dirk@…> (06/21/17 13:44:24)
git-committer:
Dirk Hohndel <dirk@…> (06/21/17 14:01:30)
Message:

QML UI: simple attempt to allow color scheme switching

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

Signed-off-by: Dirk Hohndel <dirk@…>

File:
1 edited

Legend:

Unmodified
Added
Removed
  • mobile-widgets/qml/main.qml

    r71d9aaf r8f2fc84a  
    254254
    255255                                Kirigami.Action {
     256                                        text: qsTr("Switch to pink theme")
     257                                        onTriggered: {
     258                                                pinkTheme()
     259                                        }
     260                                }
     261
     262                                Kirigami.Action {
     263                                        text: qsTr("Switch to blue theme")
     264                                        onTriggered: {
     265                                                blueTheme()
     266                                        }
     267                                }
     268
     269                                Kirigami.Action {
    256270                                        text: qsTr("Theme information")
    257271                                        onTriggered: {
     
    307321        }
    308322
     323        function blueTheme() {
     324                subsurfaceTheme.darkPrimaryColor = "#303F9f"
     325                subsurfaceTheme.darkPrimaryTextColor= "#ECECEC"
     326                subsurfaceTheme.primaryColor = "#3F51B5"
     327                subsurfaceTheme.primaryTextColor = "#ECECEC"
     328                subsurfaceTheme.lightPrimaryColor = "#C5CAE9"
     329                subsurfaceTheme.lightPrimaryTextColor = "#212121"
     330        }
     331
     332        function pinkTheme() {
     333                subsurfaceTheme.darkPrimaryColor = "#FF1493"
     334                subsurfaceTheme.darkPrimaryTextColor = "#ECECEC"
     335                subsurfaceTheme.primaryColor = "#FF69B4"
     336                subsurfaceTheme.primaryTextColor = "#212121"
     337                subsurfaceTheme.lightPrimaryColor = "#FFDDF4"
     338                subsurfaceTheme.lightPrimaryTextColor = "#212121"
     339        }
     340
    309341        QtObject {
    310342                id: subsurfaceTheme
     
    312344                property int smallPointSize: Math.round(fontMetrics.font.pointSize * 0.8)
    313345
    314                 property color darkPrimaryColor: "#FF1493"
     346                property color darkPrimaryColor: "#303F9f"
    315347                property color darkPrimaryTextColor: "#ECECEC"
    316                 property color primaryColor: "#FF69B4"
     348                property color primaryColor: "#3F51B5"
    317349                property color primaryTextColor: "#ECECEC"
    318                 property color lightPrimaryColor: "#FFDDF4"
     350                property color lightPrimaryColor: "#C5CAE9"
    319351                property color lightPrimaryTextColor: "#212121"
    320352                property color contrastAccentColor: "#FF9800" // used for delete button
     
    324356                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
    325357                Component.onCompleted: {
    326                         Kirigami.Theme.highlightColor = darkPrimaryColor
    327                         Kirigami.Theme.highlighedTextColor = darkPrimaryTextColor
     358                        Kirigami.Theme.highlightColor = Qt.binding(function() { return darkPrimaryColor })
     359                        Kirigami.Theme.highlighedTextColor = Qt.binding(function() { return darkPrimaryTextColor })
    328360                }
    329361        }
Note: See TracChangeset for help on using the changeset viewer.