Skip to content
Mr.Kapowski
Mr.Kapowski
  • Home
  • Archive
  • Links
  • Now
  • Projects
    • IndieWeb iOS Shortcuts
    • Saorsa
bookmark

Night Mode with Mix Blend Mode: Difference

Chris M.
| May 24th, 2019

πŸ”– Bookmarked: Night Mode with Mix Blend Mode: Difference

”
## 🌚🌝

I came across the idea of _implementing night mode using_ `mix-blend-mode: difference` when I was preparing for my talk [This World Mixed and Blended](https://speak.wgao19.cc/slides/1904-mixed-and-blended) (these slides require color font support, i.e., FireFox / Safari). The original idea was only meant for a showcase and [the browser support is currently limited](https://caniuse.com/#search=mix-blend-mode).

Still, I implemented it to my dev blog and had a lot of fun. So this will be what this post is about. Meanwhile, as I thought more about it, it occurs to me now that this _can be_ a legit preferred way night mode is to be done. And let me share a bit about the intuition behind that as well.

β€œ

Chris M.
est. 1983. He/Him/His. PGP: 8E57C48194665159
Subscribe to author feed
Categories
  • notes
Syndication Links
  • Home
  • Archive
  • Links
  • Now
  • Projects
    • IndieWeb iOS Shortcuts
    • Saorsa

Chris M.

    • githubGitHub icon
    • twitterTwitter icon
    • microblogMicro.blog icon
    • flickrFlickr icon
    • mastodon.xyzMastodon icon

    est. 1983. He/Him/His. PGP: 8E57C48194665159

    Indieweb Examples

    • IndieWeb Textpattern

    β¬… An IndieWeb Webring πŸ•ΈπŸ’ ➑

    β¬… Hotline Webring ➑

    This site is powered by HTML and styled with the Autonomie theme