This content originally appeared on David Walsh Blog and was authored by David Walsh

Dark mode has seemingly become the desired visual mode for websites and mobile apps alike. Dark mode is easier on the eyes, especially for those like me who like to burn the midnight oil by coding and reading tutorials. Unfortunately not all websites offer dark mode, so it’s up to me to remedy the situation.

Though it’s not a true “dark mode”, you can use CSS’ filter to create dark mode of your own:

html {
  filter: invert(1);
}

Inverting colors completely via 1 will make that light-themed website much more comfortable on your eyes. It’s important to realize that developers shouldn’t consider this a long-term solution, as it’s a quite lazy remedy and doesn’t lend well to branding.

The post Dark Mode in One Line of Code! appeared first on David Walsh Blog.

This content originally appeared on David Walsh Blog and was authored by David Walsh

Print Share Comment Cite Upload Translate

APA

David Walsh | Sciencx (2023-03-26T05:07:32+00:00) » Dark Mode in One Line of Code!. Retrieved from https://www.scien.cx/2021/07/19/dark-mode-in-one-line-of-code/.

MLA

" » Dark Mode in One Line of Code!." David Walsh | Sciencx - Monday July 19, 2021, https://www.scien.cx/2021/07/19/dark-mode-in-one-line-of-code/

HARVARD

David Walsh | Sciencx Monday July 19, 2021 » Dark Mode in One Line of Code!., viewed 2023-03-26T05:07:32+00:00,<https://www.scien.cx/2021/07/19/dark-mode-in-one-line-of-code/>

VANCOUVER

David Walsh | Sciencx - » Dark Mode in One Line of Code!. [Internet]. [Accessed 2023-03-26T05:07:32+00:00]. Available from: https://www.scien.cx/2021/07/19/dark-mode-in-one-line-of-code/

CHICAGO

" » Dark Mode in One Line of Code!." David Walsh | Sciencx - Accessed 2023-03-26T05:07:32+00:00. https://www.scien.cx/2021/07/19/dark-mode-in-one-line-of-code/

IEEE

" » Dark Mode in One Line of Code!." David Walsh | Sciencx [Online]. Available: https://www.scien.cx/2021/07/19/dark-mode-in-one-line-of-code/. [Accessed: 2023-03-26T05:07:32+00:00]

rf:citation

» Dark Mode in One Line of Code! | David Walsh | Sciencx | https://www.scien.cx/2021/07/19/dark-mode-in-one-line-of-code/ | 2023-03-26T05:07:32+00:00