touch-packages team mailing list archive

[Tim Peeters <1408643@xxxxxxxxxxxxxxxxxx>]

Currently we have this in MainView.qml:

            dividerColor: Qt.darker(background.headerColor, 1.1)
            panelColor: Qt.lighter(background.headerColor, 1.1)


I propose, as Michael said, to use a "darkness threshold" and if the color is too dark, use dividerColor: Qt.lighter(...) instead of Qt.darker().

Ideally we should also make all the color properties available so that
they can be change din the header style.

** Changed in: ubuntu-ui-toolkit (Ubuntu)
     Assignee: (unassigned) => Tim Peeters (tpeeters)

** Tags added: design-ync

** Tags removed: design-ync
** Tags added: design-sync

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to ubuntu-ui-toolkit in
Ubuntu.
https://bugs.launchpad.net/bugs/1408643

Title:
  Header divider is invisible on very dark backgrounds

Status in Ubuntu UX bugs:
  New
Status in ubuntu-ui-toolkit package in Ubuntu:
  Confirmed

Bug description:
  The color for the header divider is calculated by
  Qt.darker(backgroundColor). If backgroundColor is already very dark or
  black, this leads to an invisible header divider. Probably it needs to
  check for a certain darkness threshold and use
  Qt.lighter(backgroundColor) instead.

  Ideally the app developer could also override the color for the
  divider so that it can match the foregroundColor, meaning the divider
  would be the same color as the text and icons inside the header.

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu-ux/+bug/1408643/+subscriptions