Skip to main content
Share Your Experience: Take the 2024 Developer Survey
22 votes
Accepted

Why red and blue boxes in close proximity seems to shift position vertically under a dark background

At first I thought this was going to be a 'contrast ratio' or 'colour difference' effect from the 1 pixel darker borders (or maybe it's just aliasing) around each button. But the coloured border ...
Roger Attrill's user avatar
7 votes

Why was Dark Theme created?

Here are some positive benefits of dark mode. Dark UI is said to reduce eye strain. Dark backgrounds used in UI is said to consume less energy on OLED screens. When using Dark UI in low light ...
Blue Ocean's user avatar
  • 10.7k
6 votes

Why red and blue boxes in close proximity seems to shift position vertically under a dark background

It's exactly because lights of different wavelengths are refracted differently through a prism, or any other optic instruments with two non-parallel opposite surfaces. Your glass works exactly like ...
iBug's user avatar
  • 1,091
6 votes
Accepted

Can I Avoid Using Complete/Pure Black Background Color For Dark Mode?

Yes, you can. Dark mode implies the use of very dark hues, just not necessarily pure black. The emphasis in dark mode is on contrast. So as long as you have enough contrast, you will OK. However... If ...
Devin's user avatar
  • 38k
4 votes

Is having a light theme necessary?

Is a light theme necessary? No. It's not required. Provided your default (or only) theme complies with accessibility guidelines - meaning the contrast between foreground and background colours is ...
JonW's user avatar
  • 37.4k
3 votes

Why are dark themes uncommon in e-commerce?

In this type of questions, we usually talk about something functional, ignoring the perceptual side. Why is e-commerce always under a light theme as opposed to a dark theme? Well, I will not put any ...
Danielillo's user avatar
  • 19.1k
3 votes

Is it okay to launch dark mode partially?

Don't do a split experience, because a mode isn't the same thing as a design theme; a mode is a setting that the user generally expects to persist until they make a choice to exit. Imagine if you ...
Izquierdo's user avatar
  • 12.7k
3 votes

Dark mode - dark blue instead of dark gray/black?

I have not seen any accessibility guidelines that would make a dark blue background noncompliant. I did come across a few articles that explain how dark mode or white text on black backgrounds can be ...
MRL's user avatar
  • 661
3 votes

Why red and blue boxes in close proximity seems to shift position vertically under a dark background

The fact that the red is more saturated (0.83) than the blue (0.46) might also make it pop-out more
Alex's user avatar
  • 51
3 votes

Why was Dark Theme created?

What's the value for the user of having a Dark Theme UI? There is not much value when it comes to user performance. Great article talking users performing better not using dark mode Dark mode isnt as ...
Frank Visaggio's user avatar
2 votes

Why was Dark Theme created?

The question is really why was Light Theme ever created. Computer screens are (mostly) emitted light, not reflected light. Throughout all of history, emitted light technologies used Dark Theme, most ...
Paul Mansour's user avatar
2 votes

Why was Dark Theme created?

To add to Ameen Akbar's answer, Customization is another key benefit. Allowing user's option to customize their products let's them feel in control and give them a sense of ownership of the product. ...
Benjamin S's user avatar
  • 2,630
2 votes

Are there current standards or guidelines regarding dark themes / dark modes?

I think the most thorough guidelines you're gonna find are via the big companies with the UX departments that can dedicate their time to writing guidelines. So like Mihnea mentioned, here are some of ...
Bryce Barbara's user avatar
2 votes

Burger menu with dark mode for responsive web

There are unique ways to solve this issue. Blurring the background is one of them, but we cannot control whats going to be in background & it may not always be seamless based on the speed of the ...
Lakshmanan Palani's user avatar
2 votes

User defined pallete for web pages

This is an interesting question, and I suspect that you should be able to find something like this for the Microsoft Fluent Design framework. The reason I think there should be something in there is ...
Michael Lai's user avatar
  • 27.3k
2 votes

Is having a light theme necessary?

You should have at least one theme that accommodates people with visual impairments (high contrast, big fonts with features for people with dyslexia and compatibility with screen readers) Before the ...
Falco's user avatar
  • 2,118
2 votes

Why are dark themes uncommon in e-commerce?

There are a few potential reasons why e-commerce platforms and retailers tend to use light themes: Clarity and readability: A light background with dark text can be easier to read, particularly for ...
AndriiD's user avatar
  • 624
2 votes

Creating a Dark Mode

I created a dark mode for a start up website that was in stealth mode. The number one thing I learned was that you cannot use pure black as the background color you transition to. Use softer black ...
brian dixon's user avatar
1 vote

Is having a light theme necessary?

No, as others have said, a light theme is not required. I highly recommend to implement both, though. I have been using light theme for nearly everything for years. Then I switched to changing ...
Gerda's user avatar
  • 479
1 vote

Can I Avoid Using Complete/Pure Black Background Color For Dark Mode?

Remember the effect of black on OLED screens, especially when used in complete darkness. True black subjectively looks better, as it produces no light. If you’re doing animation, prefer dark gray due ...
Denis's user avatar
  • 3,363
1 vote

Can I Avoid Using Complete/Pure Black Background Color For Dark Mode?

You should avoid using pure black as a background as it is known that high contrast will strain users' eyes. This also goes for very saturated colors placed on a dark background. For example, Google ...
Chris's user avatar
  • 4,558
1 vote

Can I Avoid Using Complete/Pure Black Background Color For Dark Mode?

Common practice says pure black color provides a higher contrast ratio (in comparison with gray), and that contrast can be painful to look at. I recommend conducting user testing: Identify the most ...
Roman Videnov's user avatar
1 vote

Burger menu with dark mode for responsive web

Finally, I am thinking of keeping the overlay without any effect and adding a blur effect to the content container. I don't know if it can be a bit annoying for the eyes ... I would like to know ...
alexojegu's user avatar
  • 121

Only top scored, non community-wiki answers of a minimum length are eligible