Dark mode is now too dark
under review
J
João Pedro Souza Rocha
In spite of being an emo, the dark mode is actually
too dark
right now. The old one was better, in my humble and emotive opinion. ThxLog In
Zach
Hey everyone, thanks for taking the time to provide your feedback on the recent dark mode changes. We truly appreciate your input and will certainly consider adding a third option in the future!
For some context, the color adjustments were made to enhance color contrast accessibility across the app, following standard guidelines like those from Radix UI Colors. Our goal is to make the app more accessible and consistent for everyone, across various areas inside ClickUp.
In the interim, before we add a third option, is there anything specific with this update that needs to be addressed immediately. As examples, task borders, buttons blending in too much with text, etc.
Thank you for your patience as we try to improve the experience for everyone.
C
Candace Lytell
I agree soooo much with this. I use dark mode to reduce eye strain and migraines, but can't use what it has become. It's too dark and the font is too white. Really should be more grey scale vs extreme contrast. Attached example of functional dark mode from Slack
Mahdi
Totally agree !
The new dark mode is not good at all. The previous one looks professional and comfortable. When I was using the old Dark Mode on ClickUp I feel proud of ClickUp
as being so perfect and accurate to such details in even choosing the correct dark colors not only black ones!!
Please get back to it or make it an option.
Ian Munar
It's been over 2 months now. Thanks to the help of Rafael Healy Chacón below, I was able to get ClickUp's dark mode looking to quite close to what it used to using the method and modified CSS posted below.
C
Candace Lytell
Ian Munar Oh I need this help!
J
Jason Boivin
Can we get an option to toggle high normal vs high contrast? That seems to be the way some companies are goapproacThath taken by some companies are going.
Amara Amzal
Please restore the previous Dark Mode as an option.
L
Luke Brown
While the context and intent was "to enhance color contrast accessibility", our teams have found that these changes have reduced readability. What are Radix's qualifications regarding contrast accessibility? Do these adjustments meet Web Content Accessibility Guideline AA or AAA standards?
Julia "Jay" Chmielewska
Begging you to change this - both modes hurt my eyes, this is so hard to work with.
Craig Anderson
We are looking at transferring from another program to ClickUp. The dark mode being so dark is a real hesitation point
Our current program has Light / Dark / Night modes. Dark is a fantastic grey/dark blue balance which is so easy on the eyes.
I'm finding ClickUp's dark mode to be hard to read at a quick glance. Would LOVE if you could please make a dark (but not black) mode. I'd sub instantly. Thank you!
Rafael Healy Chacón
It is posible to edit the CSS to "make your own theme". I used a chrome extenison to save the changes and have them load every time.
Chrome extension: User JavaScript and CSS https://chromewebstore.google.com/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
My personal changes made:
body.dark-theme, .dark-sidebar {
--_cu-grey1100: 238, 238, 238;
--_cu-grey1000: 186, 186, 186;
--_cu-grey900: 136, 136, 136;
--_cu-grey800: 125, 125, 125;
--_cu-grey700: 113, 113, 113;
--_cu-grey600: 91, 91, 91;
--_cu-grey500: 79, 79, 79;
--_cu-grey400: 71, 71, 71;
--_cu-grey300: 65, 65, 65;
--_cu-grey200: 58, 58, 58;
--_cu-grey100: 50, 50, 50;
--_cu-grey50: 43, 43, 43;
--_cu-grey25: 36, 36, 36;
}
I'm also attaching excel file to easily adjust to your liking.
Ian Munar
Rafael Healy Chacón
Hey Rafael! I have good news. I took your code, and played around with it a bit until I got as close as I could to the prior Dark Mode colors.
body.dark-theme, .dark-sidebar {
--_cu-grey1100: 240, 240, 240;
--_cu-grey1000: 190, 190, 190;
--_cu-grey900: 140, 143, 150;
--_cu-grey800: 125, 128, 135;
--_cu-grey700: 110, 113, 120;
--_cu-grey600: 90, 93, 100;
--_cu-grey500: 80, 83, 90;
--_cu-grey400: 72, 75, 82;
--_cu-grey300: 65, 68, 75;
--_cu-grey200: 60, 63, 70;
--_cu-grey100: 54, 57, 63;
--_cu-grey50: 48, 51, 57;
--_cu-grey25: 42, 45, 51;
}
First pic is the modified CSS code that I dropped into the "User Javascript and CSS" Chrome extension, and the second picture is the resulting look that I achieved through the modifications. Thanks!
Stefan Depta
I find that it also differs from screen to screen. For example, the dark mode of Outlook is much better or that of Notion. My idea would be a controller that allows the different areas to be regulated individually. In other words, in color and intensity. In this way, everyone could individually see how things fit with them.
Load More
→