Changeset 9ddd26f in subsurface


Ignore:
Timestamp:
Jun 21, 2017, 11:05:36 AM (3 months ago)
Author:
Dirk Hohndel <dirk@…>
Branches:
master
Children:
02d8c98c
Parents:
16f16f6
git-author:
Dirk Hohndel <dirk@…> (06/21/17 07:39:07)
git-committer:
Dirk Hohndel <dirk@…> (06/21/17 11:05:36)
Message:

QML UI: redo all the colors

Naming them the same way Davide named them in his emails and assigning the
color values he proposed.

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

Location:
mobile-widgets/qml
Files:
3 edited

Legend:

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

    rfd5cd5e r9ddd26f  
    6060                        height: Math.round(1.5 * Kirigami.Units.gridUnit)
    6161                        width: dive.gps == "" ? 0 : buttonText.width + Kirigami.Units.gridUnit
    62                         color: subsurfaceTheme.accentColor
     62                        color: subsurfaceTheme.darkPrimaryColor
    6363                        antialiasing: true
    6464                        radius: Kirigami.Units.smallSpacing * 2
     
    7171                                id: buttonText
    7272                                text: qsTr("Map it")
    73                                 color: subsurfaceTheme.accentTextColor
     73                                color: subsurfaceTheme.darkPrimaryTextColor
    7474                                anchors {
    7575                                        horizontalCenter: parent.horizontalCenter
     
    9797                                width: Math.max(locationText.width * 0.45, paintedWidth)
    9898                                font.pointSize: subsurfaceTheme.smallPointSize
    99                                 color: Kirigami.Theme.textColor
     99                                color: subsurfaceTheme.diveListTextColor
    100100                        }
    101101                        // let's try to show the depth / duration very compact
     
    104104                                width: Math.max(Kirigami.Units.gridUnit * 3, paintedWidth)
    105105                                font.pointSize: subsurfaceTheme.smallPointSize
    106                                 color: Kirigami.Theme.textColor
     106                                color: subsurfaceTheme.diveListTextColor
    107107                        }
    108108                }
     
    111111                        text: "#" + dive.number
    112112                        font.pointSize: subsurfaceTheme.smallPointSize
    113                         color: Kirigami.Theme.textColor
     113                        color: subsurfaceTheme.diveListTextColor
    114114                        anchors {
    115115                                right: parent.right
     
    143143                                opacity: 0.6
    144144                                border.width: 1
    145                                 border.color: Kirigami.Theme.textColor;
     145                                border.color: subsurfaceTheme.darkPrimaryColor
    146146                                anchors.fill: parent
    147147                        }
     
    200200
    201201                Rectangle {
    202                         color: subsurfaceTheme.accentColor
     202                        color: subsurfaceTheme.darkPrimaryColor
    203203                        height: 1
    204204                        opacity: 0.5
     
    253253
    254254                Rectangle {
    255                         color: subsurfaceTheme.accentColor
     255                        color: subsurfaceTheme.darkPrimaryColor
    256256                        height: 1
    257257                        opacity: 0.5
     
    295295
    296296                Rectangle {
    297                         color: subsurfaceTheme.accentColor
     297                        color: subsurfaceTheme.darkPrimaryColor
    298298                        height: 1
    299299                        opacity: 0.5
  • mobile-widgets/qml/DiveList.qml

    r16f16f6 r9ddd26f  
    3232                        width: parent.width
    3333                        height: diveListEntry.height + Kirigami.Units.smallSpacing
    34                         background.opacity: checked ? 0.4 : 1
     34                        background.opacity: checked ? 0.8 : 1
     35                        backgroundColor: checked ? subsurfaceTheme.primaryColor : Kirigami.Theme.viewBackgroundColor
     36                        textColor: checked ? subsurfaceTheme.primaryTextColor : subsurfaceTheme.diveListTextColor
    3537
    3638                        property real detailsOpacity : 0
     
    5658                                        width: dive.tripMeta == "" ? 0 : Kirigami.Units.smallSpacing
    5759                                        height: diveListEntry.height * 0.8
    58                                         color: subsurfaceTheme.accentColor
     60                                        color: subsurfaceTheme.lightPrimaryColor
    5961                                        anchors {
    6062                                                left: parent.left
     
    124126                                        height: diveListEntry.height - Kirigami.Units.smallSpacing
    125127                                        width: height - 3 * Kirigami.Units.smallSpacing
    126                                         color: "#FF3030"
     128                                        color: subsurfaceTheme.contrastAccentColor
    127129                                        antialiasing: true
    128130                                        radius: Kirigami.Units.smallSpacing
     
    174176                                        rightMargin: Kirigami.Units.gridUnit * -2
    175177                                }
    176                                 color: subsurfaceTheme.accentColor
     178                                color: subsurfaceTheme.lightPrimaryColor
    177179                                visible: section != ""
    178180                                Kirigami.Label {
     
    200202                                                right: parent.right
    201203                                        }
    202                                         color: textColor
     204                                        color: subsurfaceTheme.lightPrimaryTextColor
    203205                                }
    204206                        }
     
    211213                                        right: parent.right
    212214                                }
    213                                 color: subsurfaceTheme.accentColor
     215                                color: subsurfaceTheme.lightPrimaryColor
    214216                        }
    215217                }
  • mobile-widgets/qml/main.qml

    rfc4153f r9ddd26f  
    311311                property int titlePointSize: Math.round(fontMetrics.font.pointSize * 1.5)
    312312                property int smallPointSize: Math.round(fontMetrics.font.pointSize * 0.8)
    313                 property color accentColor: "#C0CFFF"
    314                 property color darkAccentColor: "#5870cb"
    315                 property color shadedColor: "#132744"
    316                 property color accentTextColor: "#ececec"
    317                 property color diveListTextColor: "#000000" // the Kirigami theme text color is too light
     313
     314                property color darkPrimaryColor: "#303F9f"
     315                property color darkPrimaryTextColor: "#ECECEC"
     316                property color primaryColor: "#3F51B5"
     317                property color primaryTextColor: "#ECECEC"
     318                property color lightPrimaryColor: "#C5CAE9"
     319                property color lightPrimaryTextColor: "#212121"
     320                property color contrastAccentColor: "#FF9800" // used for delete button
     321
     322                property color diveListTextColor: lightPrimaryTextColor
     323
    318324                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
    319325                Component.onCompleted: {
    320                         Kirigami.Theme.highlightcolor = darkAccentColor
     326                        Kirigami.Theme.highlightColor = darkPrimaryColor
     327                        Kirigami.Theme.highlighedTextColor = darkPrimaryTextColor
    321328                }
    322329        }
     
    375382
    376383        Component.onCompleted: {
    377                 Kirigami.Theme.highlightColor = subsurfaceTheme.accentColor
    378384                manager.finishSetup();
    379385                rootItem.visible = true
Note: See TracChangeset for help on using the changeset viewer.