7

Personally I love websites with dark mode. It doesn't matter whether it's day or night, I always use dark mode whenever I can.

But when I build some websites myself, I feel like dark mode isn't a necessity because most visitors aren't expected to come back often (e.g. webshop, tutorial).

Should every website have a dark mode?

3
  • 3
    I don't think I ever noticed a site with dark mode, can you give an example?
    – Anders
    Feb 28, 2019 at 8:29
  • Youtube, Reddit, CoinMarketCap @Anders
    – Daan
    Feb 28, 2019 at 9:00
  • 3
    Regardless of this being primarily opinion based, this would have been clearer if you referred to web apps rather than websites. Mar 1, 2019 at 10:25

6 Answers 6

10

Should every website have a dark mode?

To answer the title question directly. No, of course not. Companies spend a lot of time and money branding and this would throw their branding efforts right out the window.

I use the dark mode for text editing and on sites like youtube and reddit but my preference doesn't trump what the site owner wants to project.

4
  • 2
    Are style guides not flexible enough to accommodate this? I have seen many branding and style guides (for digital applications) take this into consideration right from the beginning, especially if they are going to spend lots of time and money on branding.
    – Michael Lai
    Feb 28, 2019 at 21:28
  • @MichaelLai - I know for a fact that the company I'm currently working for wouldn't even begin to entertain this idea. I doubt that Verizon; or Chase; or Bed, Bath and Beyond would give this a second's notice either.
    – Mayo
    Feb 28, 2019 at 21:35
  • But surely user preferences are more important than whatever the owner is trying to project. Market forces and all that.
    – Juan Perez
    Sep 20, 2021 at 23:37
  • @JuanPerez - it's not the owner that counts. It's the marketing and UX team. Corporations have a brand that may not translate well to a dark mode.
    – Mayo
    Oct 11, 2021 at 14:17
6

There is no definitive answer to this question. Some people like dark modes and shades of black, but some prefer the comfort of a traditional color layout. Also, this question can be a topic of a never ending debate, because each person may perceive this based on his personal opinion regarding the color schemes.

Notably, Gmail, Yahoo, and most of the mail based websites have an option for custom themes. This gives the power of the choice to the user, in such a way that he/she may customize their inbox or view the way the want it. This is a brilliant move, in terms of giving the user a personalized feeling.

Also, it is interesting to know that themes mostly are used in applications, rather than websites. This is because we often tend to spend a larger amount of time on applications, rather than websites, especially with the rise of usage of smartphones.

As far as websites are concerned, they often have a theme which is aligned to their brand and identity. Facebook is one such an example. People practically spend hours on the world's most popular social media channel. But they don't have a dark theme. In spite of multiple UI/ UX changes to the website, they do not stray away from their primary color theme of blue and white.

So this is always an arguable topic. But as far as facts go, applications tend to have light/ dark theme, rather than websites. And for websites like YouTube, I think they brought in the light/ dark theme, so that users can align to the themes they've set and gotten used to in their own YouTube mobile application.

But again, I could be wrong, I could be right.

1

The answer depends on your users. I’d recommend asking two questions:

  1. How likely are users to activate “dark mode” on their web browsers or operating system?
  2. How likely are users to appreciate the ability to customize the color theme of software they use?

If the people using your website are likely to set their web browser or operating system to dark mode (an increasingly common option), then a compatible design is essential. Often “dark mode” is implemented by inverting colors (so white becomes black, etc.). Color inversion can destroy the usability of photos and videos. At minimum, your site can detect if “dark mode” is active then handle photos and videos correctly.

If your users are interested in being able to “theme” your website, then you could go the additional steps to provide theming features. Most commonly, theming is seen in text-heavy programs like integrated development environments (IDE) or text editors.

If your users are unlikely to work in “dark mode” and don’t appreciate the ability to customize the theme of their software, then you may not need to worry about dark mode.

1
  • 2
    To reinforce: web sites should just work with a browser's 'dark mode', or user browser preferences in general, rather than trying to micromanage them with their own custom functionality. Mar 8, 2019 at 18:31
0

One reason I like dark modes is when on mobile - specifically for battery life. Does it actually make a difference? I don't know the answer to that, but I spend so much of my browsing time on text-heavy news sites that almost always have a white background that I feel like it should make some difference! That said, I can only think of one that is dark that I regularly go to: ars technica

2
  • Only on OLED displays. On any other kind of display the individual pixels don't emit light, they block light emitted by the backlight to create the different colours (or black). Even if the screen is mostly black. the backlight still has to be on just the same for the few bright pixels.
    – tylisirn
    Mar 3, 2019 at 9:33
  • I have a Pixel 3, so I guess that's good for me! Mar 5, 2019 at 18:25
0

However, if we do not call it dark mode, but high contrast mode, then it makes sense regarding a website's inclusive design, its' accessibility. Therefore, I would recommend this kind of mode for many public sites.

An example (of a university's website) see attached:

example of a university's website with high contrast mode

3
-1

This used to be a major consideration for sites and software however with the improvement of web browsers, designing and building a dark mode are no longer a necessity as the modern browsers provide options for one that will be, in most cases, better and better align with the needs of the users

Not the answer you're looking for? Browse other questions tagged or ask your own question.