-
Notifications
You must be signed in to change notification settings - Fork 95
Closed
Labels
1. to developAccepted and waiting to be taken care ofAccepted and waiting to be taken care ofaccessibilityMaking sure we design for the widest range of people possible, including those who have disabilitiesMaking sure we design for the widest range of people possible, including those who have disabilitiesbugSomething isn't workingSomething isn't workingdesignDesign, UX, interface and interaction designDesign, UX, interface and interaction designfeature: app-navigationRelated to the app-navigation componentRelated to the app-navigation componenthighHigh priorityHigh priority
Description
Since the new left navigation is slightly transparent, we need to use a slightly darker --color-text-maxcontrast value when it’s used in there.
To be clear: Only for the usage in there, we should not increase the value of the variable overall, as then it will reduce the contrast/difference to --color-main-text.
Of course there are different backgrounds, but let’s start out by making sure it works for the default background.
With current #767676 (maxcontrast) for subline |
With better #646464 |
|---|---|
![]() |
![]() |
![]() |
![]() |
Also, .line-two__subtitle uses the outdated variable var(--color-text-lighter) – we only use --color-main-text and --color-text-maxcontrast, as per the design guidelines: https://docs.nextcloud.com/server/latest/developer_manual/design/foundations.html#text-color
Metadata
Metadata
Assignees
Labels
1. to developAccepted and waiting to be taken care ofAccepted and waiting to be taken care ofaccessibilityMaking sure we design for the widest range of people possible, including those who have disabilitiesMaking sure we design for the widest range of people possible, including those who have disabilitiesbugSomething isn't workingSomething isn't workingdesignDesign, UX, interface and interaction designDesign, UX, interface and interaction designfeature: app-navigationRelated to the app-navigation componentRelated to the app-navigation componenthighHigh priorityHigh priority



