hue-rotate and invert for dark mode

 For my quick 'dark mode' I say 'hue-rotate(180deg)' as well as 'invert(100%)'.


Inverting colors makes the strongest of the red, green and blue channels the weakest, changing the color or 'hue'. If you rotate the color wheel by 180 degrees, you get back to something near the original color or 'hue'.


I tried reversing the order of 'invert' and 'hue-rotate' when I invert images again.  But the order did not seem to make any diference.  If I invert images again then I do not seem to get back to the exact original colors.


I tried reducing the brightness after inverting the colors but this reduced the contrast of the text.


For my game, I have started on a custom 'dark mode', changing all the colors rather than using a quick 'invert' filter. If I make the colors lighter or darker rather than inverting then I can keep much closer to the original color scheme. But this is going to take me a long time. So I am also working on a 'dark mode' with an overall 'invert' but also borrowing some of my custom colors and inverting them again so they show through.


There are more tips at: bbingo.xyz/t

Comments

Post a Comment

Popular posts from this blog

webkit-tap-highlight-color in CSS

 I almost used '-webkit-tap-highlight-color' to remove the blue highlight when you tap an item on a mobile with Chrome.  My item had an odd shape. But it seems you also need to set 'outline: none' on recent versions of Chrome. But this causes an accessibility problem. So I just gave my item a regular shape and kept the blue highlight There are more tips at:  bbingo.xyz/techtips/
Read more

Steve Jobs quotes

 There are some good quotes from Steve Jobs at 'wikiquote.org'. Here are some:     - "I would trade all of my technology for an afternoon with Socrates",     - "Real artists ship",     - "Do you want to spend the rest of your life selling sugared water or do you want a chance to change the world?",     - "It's more fun to be a pirate than to join the Navy",     - "The only problem with Microsoft is they just have no taste",     - "We hired truly great people and gave them the room to do great work",     - "The management philosophy here really is to give people enough rope to hang themselves",     - "You've got to start with the customer experience and work backwards to the technology",     - "Nobody has tried to swallow us since I've been here. I think they are afraid how we would taste.",     - "It looks like it's from another planet. A good planet. A planet with bet
Read more