Articles Tagged
dark mode
SVG, Favicons, and All the Fun Things We Can Do With Them
Favicons are the little icons you see in your browser tab. They help you understand which site is which when you’re scanning through your browser’s bookmarks and open tabs. They’re a neat part of internet history that are capable of …
A Dark Mode Toggle with React and ThemeProvider
I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to …
A Quick Look at the First Public Working Draft for Color Adjust Module 1
We’ve been talking a lot about Dark Mode around here ever since Apple released it as a system setting in MacOS 10.14 and subsequently as part of Safari. It’s interesting because of both what it opens up as as far …
Night Mode with Mix Blend Mode: Difference
Dark mode designs are all the rage right now but here’s an interesting take: Wei Gao has built a night mode on her own site that uses mix-blend-mode: difference
to create an effect that looks like this:
Wei explains how …

Dark Mode in CSS
With the introduction of dark mode in macOS, Safari Technology Preview 68 has released a new feature called prefers-color-scheme
which lets us detect whether the user has dark mode enabled with a media query. Safari Technology Preview 71 also …

Need front-end development training?
Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.