Changeset e0f46b03 in subsurface


Ignore:
Timestamp:
Jun 21, 2017, 5:20:07 PM (5 weeks ago)
Author:
Dirk Hohndel <dirk@…>
Branches:
master
Children:
7b7294d
Parents:
8f2fc84a
git-author:
Dirk Hohndel <dirk@…> (06/21/17 15:47:29)
git-committer:
Dirk Hohndel <dirk@…> (06/21/17 17:20:07)
Message:

QML UI: attempt to add dark theme

This isn't great, yet, but a first step to show that this is possible
(and in doing so I found quite a few spots where the colors weren't
correctly propagating, yet).

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

Location:
mobile-widgets/qml
Files:
5 edited

Legend:

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

    r4651454 re0f46b03  
    1313        title: qsTr("Dive list")
    1414        background: Rectangle {
    15                 color: Kirigami.Theme.viewBackgroundColor
     15                color: subsurfaceTheme.backgroundColor
    1616        }
    1717        width: subsurfaceTheme.columnWidth
     
    3232                        width: parent.width
    3333                        height: diveListEntry.height + Kirigami.Units.smallSpacing
    34                         backgroundColor: checked ? subsurfaceTheme.primaryColor : Kirigami.Theme.viewBackgroundColor
     34                        backgroundColor: checked ? subsurfaceTheme.primaryColor : subsurfaceTheme.backgroundColor
    3535                        textColor: checked ? subsurfaceTheme.primaryTextColor : subsurfaceTheme.diveListTextColor
    3636
  • mobile-widgets/qml/DownloadFromDiveComputer.qml

    r77a3e6a re0f46b03  
    138138                                selected: model.selected
    139139
    140                                 backgroundColor: selectAll ? Kirigami.Theme.highlightColor : Kirigami.Theme.viewBackgroundColor
     140                                backgroundColor: selectAll ? subsurfaceTheme.darkPrimaryColor : subsurfaceTheme.backgroundColor
    141141
    142142                                onClicked : {
  • mobile-widgets/qml/HintsTextEdit.qml

    r8525805 re0f46b03  
    6767                }
    6868                background: Rectangle {
    69                         color: Kirigami.Theme.viewBackgroundColor
     69                        color: subsurfaceTheme.backgroundColor
    7070                        radius: 2
    7171                        layer.enabled: true
     
    8080                        }
    8181                        Rectangle {
    82                                 color: Kirigami.Theme.viewBackgroundColor
     82                                color: subsurfaceTheme.backgroundColor
    8383                                width: Kirigami.Units.gridUnit
    8484                                height: width
  • mobile-widgets/qml/Log.qml

    r9db886b re0f46b03  
    3131                        width: logWindow.width
    3232                        wrapMode: Text.WrapAtWordBoundaryOrAnywhere
     33                        color: Kirigami.Theme.textColor
    3334                        text : message
    3435                }
  • mobile-widgets/qml/main.qml

    r8f2fc84a re0f46b03  
    268268
    269269                                Kirigami.Action {
     270                                        text: qsTr("Switch to dark theme")
     271                                        onTriggered: {
     272                                                darkTheme()
     273                                        }
     274                                }
     275
     276                                Kirigami.Action {
    270277                                        text: qsTr("Theme information")
    271278                                        onTriggered: {
     
    328335                subsurfaceTheme.lightPrimaryColor = "#C5CAE9"
    329336                subsurfaceTheme.lightPrimaryTextColor = "#212121"
     337                subsurfaceTheme.backgroundColor = "#eff0f1"
     338                subsurfaceTheme.diveListTextColor = subsurfaceTheme.lightPrimaryTextColor
    330339        }
    331340
     
    337346                subsurfaceTheme.lightPrimaryColor = "#FFDDF4"
    338347                subsurfaceTheme.lightPrimaryTextColor = "#212121"
     348                subsurfaceTheme.backgroundColor = "#eff0f1"
     349                subsurfaceTheme.diveListTextColor = subsurfaceTheme.lightPrimaryTextColor
     350        }
     351
     352        function darkTheme() {
     353                subsurfaceTheme.darkPrimaryColor = "#303F9f"
     354                subsurfaceTheme.darkPrimaryTextColor= "#ECECEC"
     355                subsurfaceTheme.primaryColor = "#3F51B5"
     356                subsurfaceTheme.primaryTextColor = "#ECECEC"
     357                subsurfaceTheme.lightPrimaryColor = "#C5CAE9"
     358                subsurfaceTheme.lightPrimaryTextColor = "#212121"
     359                subsurfaceTheme.backgroundColor = "#000000"
     360                subsurfaceTheme.diveListTextColor = subsurfaceTheme.primaryTextColor
    339361        }
    340362
     
    352374                property color contrastAccentColor: "#FF9800" // used for delete button
    353375
     376                property color backgroundColor: "#eff0f1"
     377
    354378                property color diveListTextColor: lightPrimaryTextColor
    355379
     
    358382                        Kirigami.Theme.highlightColor = Qt.binding(function() { return darkPrimaryColor })
    359383                        Kirigami.Theme.highlighedTextColor = Qt.binding(function() { return darkPrimaryTextColor })
     384                        Kirigami.Theme.backgroundColor = Qt.binding(function() { return backgroundColor })
     385                        Kirigami.Theme.textColor = Qt.binding(function() { return diveListTextColor })
    360386                }
    361387        }
Note: See TracChangeset for help on using the changeset viewer.