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
David Walsh | Sciencx (2021-07-19T12:41:40+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/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.