11–20 of 81 posts
Seems very useful, thanks. Curious how it affects cpu usage. Would be cool if you can explain how it works. I can see even the gifs and videos(which I think makes this even more useful) are rendered black & white.
Anything similar for Firefox?
Seems very useful, thanks. Curious how it affects cpu usage. Would be cool if you can explain how it works. I can see even the gifs and videos(which I think makes this even more useful) are rendered black & white.
My guess is that it just applies a CSS filter on the entire page.
There some other stuff going on though. I noticed that for the html and body elements, if they had a background image/color, the grayscale trick wouldn't work for them.
So, on the options page I added a toggle to "Remove All Background Colors and Images No Matter What". This goes through the page and checks if there is a background image or color, then uses this library (https://github.com/bgrins/TinyColor) to check the perceived lightness of the color and changes the background to use a shade of gray instead.
Performance wise, I don't have any specific numbers, but I did a lot of dogfooding on my own before releasing and didn't notice any perceivable slowdown.
It definitely forces me to think about each time I use each device - the stark contrast in colors to the real world requires a sense of intentionality that I really like.
Anything similar for Firefox?
Super useful, thank you! Is there anything like that for Safari?
Thanks! I took a quick look and it doesn't seem like there's any plugins out there for grayscaling in Safari right now. If you're talking about mobile safari though, you can do it on an OS level and toggle it by pressing the home button three times in a row - https://www.ped30.com/2018/01/13/apple-iphone-gray/
For Firefox you can use the Stylish addon and "filter: grayscale(100%)" for similar effect.
html {
filter: grayscale(100%) !important;
}nice plus: inverted mode with correct colors (only brightness inverted)
You could even write your own translation matrix. It's a bit tricky at first, but fun. e.g. true black and white without greys.
For your own matrix this might help (but definitely another format :/ ):