Changeset fd5cd5e in subsurface


Ignore:
Timestamp:
Jun 20, 2017, 4:21:47 PM (3 months ago)
Author:
Dirk Hohndel <dirk@…>
Branches:
master
Children:
d1ed9c3
Parents:
7a6f8740
Message:

QML UI: DiveList?: playing with different colors

Make the accent color much lighter, don't have a solid bar on the left
for dives that are part of a trip.

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

Location:
mobile-widgets/qml
Files:
3 edited

Legend:

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

    r7a6f8740 rfd5cd5e  
    7171                                id: buttonText
    7272                                text: qsTr("Map it")
    73                                 color: subsurfaceTheme.darkBackgroundColor
     73                                color: subsurfaceTheme.accentTextColor
    7474                                anchors {
    7575                                        horizontalCenter: parent.horizontalCenter
  • mobile-widgets/qml/DiveList.qml

    r157e14e rfd5cd5e  
    5353                                Rectangle {
    5454                                        id: leftBarDive
    55                                         height: diveListEntry.height + Kirigami.Units.smallSpacing
    56                                         width: dive.tripMeta == "" ? 0 : Kirigami.Units.gridUnit * 1
     55                                        width: dive.tripMeta == "" ? 0 : Kirigami.Units.gridUnit
     56                                        height: Kirigami.Units.gridUnit
    5757                                        color: subsurfaceTheme.accentColor
     58                                        antialiasing: true
     59                                        radius: Kirigami.Units.smallSpacing * 2
    5860                                        anchors {
    5961                                                left: parent.left
    6062                                                top: parent.top
     63                                                topMargin: Kirigami.Units.gridUnit
     64                                                bottomMargin: Kirigami.Units.gridUnit
     65                                                leftMargin: Kirigami.Units.smallSpacing * 2
    6166                                        }
    6267                                }
     
    159164                        height: childrenRect.height - Kirigami.Units.smallSpacing
    160165                        Rectangle {
    161                                 id: leftBar
    162                                 width: Kirigami.Units.gridUnit * 1
    163                                 color: subsurfaceTheme.accentColor
    164                                 visible: section != ""
    165                                 anchors {
    166                                         left: parent.left
    167                                         top: headingBackground.top
    168                                         bottom: headingBackground.bottom
    169                                 }
    170                         }
    171                         Rectangle {
    172166                                id: headingBackground
    173167                                height: section == "" ? 0 : Kirigami.Units.gridUnit * 2.5
    174168                                anchors {
    175                                         left: leftBar.right
     169                                        left: parent.left
    176170                                        right: parent.right
    177171                                        rightMargin: Kirigami.Units.gridUnit * -2
    178172                                }
    179                                 color: subsurfaceTheme.darkBackgroundColor
     173                                color: subsurfaceTheme.accentColor
    180174                                visible: section != ""
    181175                                Kirigami.Label {
     
    200194                                                left: parent.left
    201195                                                topMargin: Math.max(2, Kirigami.Units.gridUnit / 2)
    202                                                 leftMargin: horizontalPadding
     196                                                leftMargin: horizontalPadding * 2
    203197                                                right: parent.right
    204198                                        }
  • mobile-widgets/qml/main.qml

    r4a2e21c rfd5cd5e  
    312312                property int titlePointSize: Math.round(fontMetrics.font.pointSize * 1.5)
    313313                property int smallPointSize: Math.round(fontMetrics.font.pointSize * 0.8)
    314                 property color accentColor: "#2d5b9a"
     314                property color accentColor: "#40C0FF" // "#2d5b9a"
    315315                property color shadedColor: "#132744"
    316316                property color accentTextColor: "#ececec"
    317317                property color diveListTextColor: "#000000" // the Kirigami theme text color is too light
    318                 property color darkBackgroundColor: "#eeeeee"
    319318                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
    320319        }
Note: See TracChangeset for help on using the changeset viewer.