-
Notifications
You must be signed in to change notification settings - Fork 97
color-text-maxcontrast needs to use darker value in new left navigation #3198
Copy link
Copy link
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
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
Since the new left navigation is slightly transparent, we need to use a slightly darker
--color-text-maxcontrastvalue 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.
#767676(maxcontrast) for subline#646464Also,
.line-two__subtitleuses the outdated variablevar(--color-text-lighter)– we only use--color-main-textand--color-text-maxcontrast, as per the design guidelines: https://docs.nextcloud.com/server/latest/developer_manual/design/foundations.html#text-color