c/dark-mode-design

Rant: I keep seeing designers use pure black for dark mode backgrounds

Back when I was first learning UI design around 2015, everyone just turned the brightness down to black. Now I see it all over the place, especially in small startup apps. It creates too much contrast and makes text look like it's vibrating. I learned this the hard way on a project for a local news app where user tests showed people got eye strain. What's a good dark gray you all use instead of #000000?

Serious question, should dark mode text be pure white or a light grey?

A designer friend in Austin argued pure white is too harsh on dark backgrounds, but I read a blog post that said light grey can hurt readability. What's your take?

My daughter asked me why her reading app's dark mode hurt her eyes after 20 minutes.

Serious question, did you know most dark modes aren't actually pure black?

I was reading a UX study from Nielsen Norman Group last week and they said something like 85% of popular apps use dark gray backgrounds, not true black. I always just assumed pure black was the standard, but it can cause eye strain and weird visual effects. Has anyone else switched from #000000 to a dark gray and noticed a real difference in how it feels?

Rant: I spent $200 on a dark theme plugin that made my site look like a bad sci-fi movie

Bought a premium dark mode plugin for my client's site about three months ago. It promised 'automatic color inversion' and 'smart contrast.' Instead, it turned all the product images a weird shade of purple and made the text on buttons completely unreadable. I wasted a whole weekend trying to fix the mess before just turning it off and coding a simple theme from scratch. The client was not happy about the delay. Has anyone else had a plugin just totally ruin their color scheme?

Just tried a pure black background for a client dashboard and the text looked like it was floating

I swapped the near-black gray for #000000 on a financial app last Tuesday, and the high-contrast white labels created a harsh vibration that hurt readability. Has anyone found a good middle-ground dark gray that avoids this issue?

I used to think pure black backgrounds were the only way to go for dark mode

I was working on a project for a local library's app and made two test versions, one with #000000 backgrounds and one with a dark gray (#121212). After showing them to my friend, she said the pure black one 'felt like staring into a void' and gave her a headache after five minutes. The dark gray version was way easier on the eyes for reading long articles, and the text contrast still looked sharp. Has anyone else found a sweet spot for their dark gray base color?

TIL a trick for picking dark mode colors from a talk at a meetup in Austin

I was at a small design meetup in Austin last month, and a speaker showed us how to pick dark grays. She said to start with pure black and only add white until you can just barely see the difference from the background. I tried it for a sidebar on a project, and it took adding 8% white to the black to get it right. It sounds simple, but it stopped me from making things too light and losing the dark feel. I've been using that method for three weeks now and my themes feel way more consistent. Has anyone else picked up a simple rule like that from a talk or a blog post?

I switched my dark theme's main text from pure white to a light gray three months ago and it made a huge difference.

I was working on a dashboard for a client in Chicago and the pure white text on a dark background was causing eye strain during long sessions. After some testing, I found that using a light gray at 90% brightness reduced the contrast just enough. It cut down on the harsh glare without losing readability. I now use #E6E6E6 as my default text color for all dark mode projects. Has anyone else found a specific gray shade that works better than pure white?

A user said my dark theme looked 'cheap' because the text was too bright

They were right, the pure white on my near-black background was harsh. I switched to a light gray and the whole thing feels way more premium now, anyone else get feedback that made you totally redo a contrast choice?

Couldn't decide between a pure black or dark gray background for a new app screen

Had to pick between #000000 and #121212 for the main background. Went with #121212 after reading it reduces eye strain. Tested both on my phone for a full day. The pure black made text seem to vibrate a bit, which was annoying. The dark gray just felt easier to look at for longer. Anyone else find pure black backgrounds cause visual fatigue?

Visited the new library in Springfield and their dark mode kiosk hurt my eyes

Checked out the new public library yesterday. They have these big touchscreen kiosks for the catalog. The dark theme used pure white text on a black background. No gray, no dimming. It was way too much contrast. My eyes felt strained after looking for a book for maybe two minutes. Do you think public screens need different rules for dark mode than phones?

Warning: I keep seeing designers use pure black backgrounds for dark mode

I mean, I get the appeal for deep contrast, but a true #000000 background can cause eye strain and make other colors look weird. I was working on a project for a local Austin startup and their designer insisted on pure black, which made the blue accent look super harsh. What's your take on using a dark gray instead, like #121212?

TIL from a UX talk that 42% of users in a study said a dark theme's biggest fail is when text contrast is too low, not the background color.

Found this stat in a slide deck from a virtual conference last week, and it made me rethink my whole approach to just slapping a dark gray on everything.

Vent: I keep seeing designers use pure black for dark mode backgrounds...

It crushes shadow detail and makes everything feel flat, a lesson I learned the hard way after a client project in 2021. What's your go-to dark gray base color instead?

Visiting the new city hall website made me question a common dark mode rule

I checked out our city's redesigned website last week and noticed they used pure black (#000000) for the main background. Everyone says to avoid true black, but honestly, it looked sharp and clean. The text was a soft gray and the accent colors popped really well against it. It didn't feel harsh on my eyes at all, even after reading for about 15 minutes. Maybe the 'never use pure black' advice is too strict for some public sites that want a strong, official look. Has anyone else found a case where true black actually worked better than a dark gray?

Question about pure black backgrounds

I was convinced pure black (#000000) was the only way to go for true dark mode, but a designer friend showed me a dark gray (#121212) reduces eye strain for reading. I switched my app's main surface color six months ago and got way fewer user complaints about fatigue. Anyone else find a sweet spot between true black and medium gray?

My kid pointed out that the dark mode on their math app made the numbers look blurry to them.

It made me think about how we test contrast ratios for text, but maybe we should also check for that weird 'halo' effect some anti-aliasing creates on thin white lines against a pure black background.

Showerthought: My dark theme test went wrong because I forgot about one color

I was finishing a dark mode for a client's dashboard last Thursday. I checked everything, the deep grays, the accent blues, it all looked perfect. Then I previewed it on my phone and the status bar was this blinding white rectangle at the top. I completely forgot to set the meta theme-color tag. Had to scramble to add that single line of code before sending the final build. Has anyone else been burned by missing that one tiny detail?

My dashboard project hit 87% user retention after switching from pure black to dark gray

I was convinced pure black (#000000) was the only way to go for a financial dashboard I'm building. The analytics from the first two weeks showed a 30% drop-off rate. After reading a case study from Spotify's design team about reducing eye strain, I switched the main background to a dark charcoal (#121212). The next month, retention jumped to 87%. Has anyone else seen a big change from just tweaking the base dark color?

I had to choose between pure black or dark gray for a dashboard project

My client wanted a dark theme for their new admin panel. The big choice was the main background color. I could go with a pure black (#000000) or a dark gray (#121212). I picked the dark gray after making two test versions. The pure black looked sharp at first, but it made the text and colored charts feel too harsh and gave me eye strain after looking at it for an hour. The dark gray version was softer and let the other colors on the screen, like the blue data points, stand out better without fighting the background. It just felt easier to look at for a long time. I showed both to the client and they agreed the gray was better for daily use. Has anyone else found that pure black is too much for tools people use all day?

My dark theme looked fine until I tested it on an old tablet

I spent a week on a dark theme for a client's app, using pure black for the background and a bright blue for accents. It looked sharp on my new phone and my laptop. Then I pulled out an old tablet from 2018 to check it. The pure black background looked flat and muddy, and the bright blue text was vibrating against it, giving me a headache after five minutes. I realized I'd designed only for high-end OLED screens. The fix was simple but took me a full afternoon: I switched the background to a dark gray, something like #121212, and toned down the accent color's saturation by about 20%. Suddenly, it looked good on every device I tested, even that old tablet. It's a basic thing, but it's easy to forget when you're working on modern gear. Has anyone else had a theme fall apart on older hardware?

Just tried a pure black background for a week and my users hated it

I switched our app's dark theme from a dark gray to true black (#000000) last Monday, thinking it would save battery and look sleek. By Friday, our support inbox had over 30 complaints about eye strain and text feeling 'too sharp'. I learned that the lack of contrast between pure black and near-white text was causing major readability issues, especially in low light. We're rolling it back to a dark charcoal (#121212) this afternoon. Has anyone else found a sweet spot for their base dark color that doesn't cause headaches?

Spent $150 on a colorimeter to check my dark theme contrast and it saved my whole project

Overheard a designer at a cafe say dark mode is just 'inverted colors'

Honestly, that made me so mad. They were talking about a project and said they just slapped a black background on their light theme. Tbh, you can't just invert stuff, you have to adjust the contrast and saturation for every single element. Has anyone else had to explain this to a coworker?