DEV Community

Cover image for In 2020, dark or light should be the default theme?
Patryk Jeziorowski
Patryk Jeziorowski

Posted on • Updated on

In 2020, dark or light should be the default theme?

Just wondering what you guys would prefer as the default setting when you enter a page/blog?

I would appreciate if you would give me your opinions.

Oldest comments (13)

Collapse
 
atan profile image
atan

There's a semi-new prefers-color-scheme CSS feature that allows for detection of the system-selected dark/light mode. As implementations of dark/light modes become more popular, I think using this would solve the issue of operating in a dark environment and being blasted with a bright screen and vice versa.

developer.mozilla.org/en-US/docs/W...

Collapse
 
pjeziorowski profile image
Patryk Jeziorowski

That's a very interesting answer. The approach with prefers-color-scheme seems very sensible, but I see it's not supported yet in all browsers unluckily.

Collapse
 
pioneer profile image
Serge Tarkovski

I totally agree with that, despite it's not supported everywhere. My personal opinion is that the most modern approach is to use a dark theme at night and a light theme at day, switching between them automatically.

Collapse
 
yougotwill profile image
Will G

Personally do what you like and offer the alternative. I like dark themes my portfolio site and apps are dark themed but I always give a light theme option that is remembered on next visit/use.

I plan on implementing prefers-color-scheme when it becomes more mature.

A lot of it also has to do with having good web accessibility (e.g. Contrast webaim.org/resources/contrastchecker/). Apps like Spotify have no issues with only using a dark theme because they pick their colors intelligently.

Collapse
 
cadams profile image
Chad Adams

You should use both. Dark is good for dark rooms. Light is good for bright rooms

Collapse
 
kevboysmith profile image
kevin smith

Dark

Collapse
 
crimsonmed profile image
MÊdÊric Burlet

I think the theme should be based on the brand and what they are trying to represent. Colors help build a brand identity.

Collapse
 
maske_sankett profile image
Sanket Maske

I think both

Collapse
 
blazephoenix profile image
Tanmay Naik

Light

Collapse
 
polyterative profile image
Vladyslav Yakovenko

I would love for windows to change it basing on the sun position. Websites should follow prefers-color-scheme

Collapse
 
anwar_nairi profile image
Anwar

Nice idea for following the sun, great!

Collapse
 
anwar_nairi profile image
Anwar

Why don't you make a poll post? 😉

Some comments may only be visible to logged-in visitors. Sign in to view all comments.