Twitter | Search | |
Daniel Eden (Haunted)
`filter: invert(100%)` can be a hacky/cheap way to get a “dark mode” UI, but it obviously inverts colors too. Just add `hue-rotate(180deg)` to at least compensate for the hue inversion!
Reply Retweet Like More
Daniel Eden (Haunted) Aug 27
Replying to @_dte
But be careful! You don’t have to look much further than Twitter to see why straight-up inverting colors does not make a good dark mode experience. This is not how shadows work.
Reply Retweet Like
akamaozu Aug 28
Replying to @_dte @AundrellD2nd
Reply Retweet Like
Drella Aug 28
Replying to @akamaozu @_dte
wow, this man never forgets loooool
Reply Retweet Like
akamaozu Aug 28
Replying to @AundrellD2nd @_dte
No be so boss. Just wanted to share extra context around making dark mode
Reply Retweet Like
Drella Aug 28
Replying to @akamaozu @_dte
I feel you G. Tell me the context of the tweet. does every app have this or is it something you have to do yourself
Reply Retweet Like
Daniel Eden (Haunted) Aug 28
Replying to @AundrellD2nd @akamaozu
This was demonstrating a super fast way to get a dark mode using CSS for websites/web apps 😇 There are definitely more effective ways of implementing it, for instance using custom properties:
Reply Retweet Like
Fabrizio Rinaldi Aug 28
Replying to @_dte @levelsio
unfortunately it impacts performance a lot, on some webapps is reduces framerate substantially
Reply Retweet Like