Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

On the screenshot the new accent color is nearly not visible in contrast to the surroundings espwcially in dark mode. Can we add a bit more contrast there? #32150

Closed
Tracked by #32072
szaimen opened this issue Apr 26, 2022 · 9 comments
Assignees
Labels
1. to develop Accepted and waiting to be taken care of 25-feedback design Design, UI, UX, etc. enhancement

Comments

@szaimen
Copy link
Contributor

szaimen commented Apr 26, 2022

On the screenshot the new accent color is nearly not visible in contrast to the surroundings espwcially in dark mode. Can we add a bit more contrast there?

We're back on the previous values, please raise the issue to the design team 😉

Cc @jancborchardt @nimishavijay

Originally posted by @szaimen in #32146 (comment)

@szaimen szaimen changed the title > > On the screenshot the new accent color is nearly not visible in contrast to the surroundings espwcially in dark mode. Can we add a bit more contrast there? On the screenshot the new accent color is nearly not visible in contrast to the surroundings espwcially in dark mode. Can we add a bit more contrast there? Apr 26, 2022
@szaimen szaimen added enhancement design Design, UI, UX, etc. 0. Needs triage Pending check for reproducibility or if it fits our roadmap labels Apr 26, 2022
@szaimen
Copy link
Contributor Author

szaimen commented Apr 26, 2022

It is about these screenshots: #32146 (comment)

@szaimen szaimen added this to the Nextcloud 25 milestone Apr 26, 2022
@jancborchardt
Copy link
Member

Yeah, probably makes sense to increase the primary-light from 10% to 15% or something like that in dark mode, as visually it’s different on dark than on light. @skjnldsv?

@skjnldsv
Copy link
Member

@jancborchardt please do so and tell us which value you prefer :)

'--color-primary-light' => $this->util->mix($this->primaryColor, $colorMainBackground, -80),

'--color-primary-light' => $this->util->mix($this->primaryColor, $colorMainBackground, -80),

@skjnldsv skjnldsv added 1. to develop Accepted and waiting to be taken care of and removed 0. Needs triage Pending check for reproducibility or if it fits our roadmap labels Apr 26, 2022
@szaimen szaimen mentioned this issue Apr 27, 2022
46 tasks
@szaimen
Copy link
Contributor Author

szaimen commented Aug 21, 2022

@jancborchardt any update here?

@skjnldsv
Copy link
Member

We fixed a few values btw, not sure this is still needed. There was some errors in the first PR! 🤔

@szaimen
Copy link
Contributor Author

szaimen commented Aug 21, 2022

Let me test this tomorrow...

@szaimen
Copy link
Contributor Author

szaimen commented Aug 22, 2022

Screenshots from the PR:

Before After
Peek 26-04-2022 08-38 Peek 26-04-2022 08-37

My test from today:

light dark
image image

@szaimen
Copy link
Contributor Author

szaimen commented Aug 22, 2022

So it seems like the the color of the bright mode wasn't correct in the initial PR. However I still think the contrast of the color isn't as good as it should be.

@jancborchardt WDYT?

@szaimen
Copy link
Contributor Author

szaimen commented Aug 22, 2022

Seems like we need to rework this anywhay due to accessibility issues? Cc @jancborchardt

@blizzz blizzz modified the milestones: Nextcloud 25, Nextcloud 26 Oct 19, 2022
@blizzz blizzz modified the milestones: Nextcloud 26, Nextcloud 27 Mar 9, 2023
@szaimen szaimen closed this as completed Jun 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1. to develop Accepted and waiting to be taken care of 25-feedback design Design, UI, UX, etc. enhancement
Projects
None yet
Development

No branches or pull requests

4 participants