[MGNLUI-1441] Fix color definitions for groups on Apps screen Created: 23/May/13  Updated: 10/Mar/21  Resolved: 10/Mar/21

Status: Closed
Project: Magnolia UI
Component/s: applauncher, design
Affects Version/s: None
Fix Version/s: None

Type: Bug Priority: Major
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: design, quickwin
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
relation
is related to MGNLUI-28 Encourage the usage of safe colors fo... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled

 Description   

The Apps screen supports both regular and client groups to group apps. Regular groups use a combination of fore- and background color from a closed, defined set of color schemes. These have been selected to work well against the green background. By contrast, client groups always have a white background, but their foreground color used for text and icons may be freely chosen by a customer.

Tobias has detected that both these app groups use a single color definition property. This is wrong because:

  1. There's no way to pick a text color other than white. We actually define darker text colors for those regular groups with lighter backgrounds.
  2. The color is freely choosable, whereas it should be restricted to only come from the small set of colors available for regular groups.
  3. For client groups, the background color should always be white (except on click), but the text color should be indeed freely choosable.

The color schemes for regular groups, an example for a client group as well as examples for the active, pressed/tapped and hover states for group tiles can be found in the style guide: http://wiki.magnolia-cms.com/display/UX/Style+guides+for+the+Magnolia+shell#StyleguidesfortheMagnoliashell-HeaderandAppsscreen


Generated at Mon Feb 12 08:46:37 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.