Shades Chrome to a soothing orange color to decrease eye-strain, eye fatigue and to appease your brain's day/night cycle.

Latest Version

Version
2.1.1
Update
November 28, 2022
Size
140KiB
Developer
guiselin.com
Category
Users
200,000+
Rating
4.51842 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Storage
Scripting
See more

Screen Shader | Smart Screen Tinting Extension

Now open source! Check out the source code and contribute here: https://github.com/MarcGuiselin/screen-shader

😁Do your eyes a favor, Install Screen Shader!

😍The most popular screen tinting application for Chrome!

🧐This extension is in not endorsed by or affiliated to f.lux Software LLC.

Computer displays produce bright blue light which can strain your eyes late at night and interfere with your sleeping cycle.
Screen Shader is designed to tint your computer display a “cozy” orange color to reduce eye-strain, eye fatigue, and restore day/night balance, while also providing a wide variety of settings for everyone's different tastes!

With over two months of very hard work I present version 2.0!
⭐A completely redesigned modern menu!
⭐A completely new shading algorithm based off the newest research
⭐Full control over geopositioning, color, and darkness settings
⭐Bug fixes for countless websites
⭐Optimized to never slow chrome down

👌Works everywhere you'd expect it to. YouTube, Facebook, Reddit, you name it!

👍Continually tested on windows, mac, and chrome OS, and is constantly being bugfixed and updated with feedback from its users.

🤟Includes these keyboard shortcuts to control the shade:
ALT SHIFT UP to increase
ALT SHIFT DOWN to decrease
ALT SHIFT S to toggle on or off
And many more! Edit them in the menu.

📨Send me an email, or comment here. I'll usually reply in a day or two! 😀

Be sure to read the research that this extension is based off of: https://justgetflux.com/research.html

📞Contact me at [email protected]
⭐⭐⭐⭐⭐ Rate this extension

Q: I'm young and have good eyes. I don't need this.
A: Young teens may be twice as sensitive to light at night, and the elderly much less so. These results have important implications for schools, senior care, and device usage at night, too. Simply put: everyone has a use for this and will notice benefits from decreased blue light.

Q: Why not G.lux or Night Light?
A: Other extensions like G.Lux or Night Light just change your display's color. Screen Shader is the only extension available that smartly changes the color of your screen throughout the day using sunset/sunrise times! Research has proven that the circadian rhythm is tied to solar time. Individuals have shown greater preference for screen tinting applications that take that into account.

Q: Does this really remove blue light from my display?
A: Yup! Screens work by individually tweaking the amount of red, green, and blue each pixel of your emits. Pixels being the small square of colors that together form the image. Screen Shader alters the coloration of websites to a redder color. To show these colors, the display will tweak its pixels to show more red light, less green light, and considerably less blue light; but just enough so you can still see different colors. The more you increase the shade, the more the color of the website will be reddened, the less your computer display will emit blue light!

Q: Why do I need this? Can’t I simply change my screen's brightness?
A: Changing the luminosity does not remove white and blue light from your display. Those colors are still unnatural and will irritate your eyes, even if dimmed. A full day in front of your computer can wreak havoc upon your melatonin cycle and internal clock. The unnatural light can also harm your eye retina. Screen Shader is designed to considerably reduce these effects by eliminating enough white and blue light to provide you with the best browsing experience and eye comfort.

Update log:
2.1:
Update to manifest v3
General optimizations
Many more site fixes
Add shade fullscreen (making it optional)

2.0:
Everything is coded from scratch!
New menu - very nice
Fixes bugs on countless websites
New shading algorithm
Manually set your location
Better optimized shading engine
Just try it out!

1.7:
Fixes for pages using buggy backdrops and backgrounds.
Big speed optimization for bug fixing subsystem.
Fixed bug with 10px bar at the top of websites
Force-loads itself on every tab when it loads up, so every tab is tinted :)
Can safely work in incognito mode (if you enable it to do so on chrome://extensions)
The party easter egg was unfortunately removed because too many people were running into it accidentally
Fixed issues on xml documents
Fixed issues with lastpass extension
Fixed scrollbar issues in upcoming chrome versions
Now works with podStation Podcast Player, another great extension you should totally try out!
Fixed incompatibility issues with norton security extensions.
Save extension settings to a file and load settings from save file.
Added new shortcuts
Fixed a bunch of visual bugs on a variety of websites.
Other various bug fixes.

1.6:
Works on anything fullscreen!
Content scripts have been rewritten to pure js. No more JQuery!
Won't accidentally mess with your printing anymore
Polished the cross-extension messaging feature
Will now stay off if you turned it off and close the browser
Bugs with newtab page should now be fixed
Option to disable party mode and scroll shortcut
New keyboard shortcuts to increase/decrease darkness
A few bug fixes (of course)

1.5:
New option to set shade as high as you desire.
No White Flash script implemented
Fixed bugs with the new interface
Added donation page.
Using chrome.commands api, so now you can create your own keyboard shortcuts!
Added a ton of new keyboard shortcuts.
A lot of bugfixing.

1.4:
Fixed printing issue for google docs
Added a cool dynamic icon changer
Switched from hex color values and opacity to rgba color values(150% faster!)
Fixed blinking bug when using the ctrl alt + shortcut
Compressed unnecessarily large images. -1.4 MB size!
Completely new and improved UI, thanks Jeeves!
Mix-blend-mode option for chrome. 20% cooler!

1.3:
Fixed bug where the settings menu did not display correctly
Switched to a more reliable geo-ip service
Completely rewrote the shaded scrollbar, so it is now usable.

1.2:
Fixed slowness issues on slow computers like chromebooks
Removed a good portion of the unnecessary code used for debugging
Improved the loading speed of the popup by running some scripts after the popup loads
Redid loader for map display
Removed console.logs
Updated sendRequests to sendMessages for next chrome update
Changed the 'Thank you' page to be more visually appealing

1.1:
Finally! I updated/removed old code, improving performance.
Added ctrl alt scroll shortcut, and now keyboard shortcuts affect all tabs
Added the language option
Fixed a few bugs relating to the custom url option
Wrote a global system that manages shading settings on every tab simultaneously
When settings are changed, it affects all the tabs at the same time, so you don't see a blink or a flash when you change tabs
Page reload is no longer required on install

1.0:
Uploaded to web store. yay :D
Added fullscreen mode
Added shaded scrollbar
Added custom urls option
Added a larger color selection interface + a new color picking menu
Added a install page to thank you guys for downloading the extension!

Proud to be Ad and Analytics free :)

Time article: http://healthland.time.com/2012/09/13/computer-eye-strain-explained-and-how-to-avoid-it/

I am in no way endorsed by or affiliated to Time inc or its partners.
The article was written by Laura Newcomer
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Screen Shader | Smart Screen Tinting", "short_name": "Screen Shader", "version": "2.1.1", "manifest_version": 3, "offline_enabled": true, "description": "Shades Chrome to a soothing orange color to decrease eye-strain, eye fatigue and to appease your brain's day/night cycle.", "action": { "default_icon": { "19": "img/grey19.png", "38": "img/icon38.png" }, "default_popup": "popup.html" }, "background": { "service_worker": "scripts/background.js" }, "icons": { "16": "img/icon16.png", "48": "img/icon48.png", "128": "img/icon128.png" }, "content_scripts": [{ "matches": [""], "exclude_matches": [ "*://*.redditmedia.com/*", "*://www.youtube.com/ad_companion/*", "*://staticxx.facebook.com/*", "*://platform.twitter.com/widgets/*", "*://*.googlesyndication.com/*", "*://*.doubleclick.net/*", "*://js.stripe.com/v2/m/outer.html*", "*://*.amazon-adsystem.com/*", "*://*.lijit.com/beacon*", "*://*.doubleverify.com/*", "*://pixel.sitescout.com/*", "*://*.2mdn.net/*", "*://acdn.adnxs.com/dmp/async_usersync.html" ], "js": ["scripts/content.js"], "run_at": "document_start", "all_frames": true }], "permissions": [ "tabs", "storage", "scripting" ], "host_permissions": [ "file:///*", "" ], "incognito": "spanning", "minimum_chrome_version": "88", "commands": { "0-toggle": { "suggested_key": { "default": "Alt+Shift+S" }, "description": "Toggle Screen Shader on/off" }, "1-increase-shade": { "suggested_key": { "default": "Alt+Shift+Up" }, "description": "Increase current shade" }, "2-decrease-shade": { "suggested_key": { "default": "Alt+Shift+Down" }, "description": "Decrease current shade" }, "3-increase-darkness": { "description": "Increase darkness" }, "4-decrease-darkness": { "description": "Decrease darkness" }, "5-change-color": { "description": "Iterate through colors" }, "6-toggle-shaded-scrollbar": { "description": "Toggle Shaded Scrollbar on and off" }, "7-toggle-shade-fullscreen": { "description": "Toggle Shade Fullscreen on and off" } }}
Read more

Similar Extensions

icon

Eye Protector Extension · Accessibility 200,000+ 179 ★ 77.87KiB

icon

Blue light filter Extension · Accessibility 200,000+ 37 ★ 34.7KiB

icon

Night Shift Extension · Accessibility 200,000+ 662 ★ 162KiB

icon

Midnight Lizard Extension · Accessibility 200,000+ 791 ★ 1.02MiB

icon

Night Mode Pro Extension · Productivity 200,000+ 1020 ★ 70.09KiB

icon

Bluelight Blocker Extension · Accessibility 200,000+ 16 ★ 250KiB

icon

Screen dimmer Extension · Accessibility 200,000+ 45 ★ 29.43KiB

icon

Color Temperature (Change Lux) Extension · Productivity 200,000+ 26 ★ 74.5KiB

icon

Sites Dimmer - sharp brightness reduction Extension · Accessibility 200,000+ 85 ★ 69.89KiB

icon

Ultra Button Extension · Productivity 200,000+ 66 ★ 144KiB

icon

Adjust Page Brightness Extension · Accessibility 200,000+ 165 ★ 122KiB

icon

Night Shift Mode Extension · Accessibility 200,000+ 994 ★ 745KiB

icon

AnimSearch - Beautify Your Digital Experience Extension · Productivity 200,000+ 10 ★ 4.44MiB

icon

Green Eye Extension · Accessibility 200,000+ 34 ★ 173KiB

icon

eyeCare - Protect your vision Extension · Social & Communication 200,000+ 252 ★ 2.37MiB

icon

Protect Eye Extension · Productivity 200,000+ 42 ★ 114KiB

icon

AlphaText - Make text readable! Extension · Accessibility 200,000+ 180 ★ 66.04KiB

icon

Noisli Extension · Productivity 200,000+ 811 ★ 2.64MiB

icon

Fika - Reader Mode Extension · Productivity 200,000+ 158 ★ 1.7MiB

icon

Lunar Reader - Dark Theme & Night Shift Mode Extension · Accessibility 200,000+ 1338 ★ 405KiB

icon

Toast - Bookmark and Tab Manager Extension · Productivity 200,000+ 102 ★ 2.85MiB

icon

Control Tab Brightness Extension · Productivity 200,000+ 47 ★ 1.15MiB

icon

Rofocus: Increase your Focus and Productivity Extension · Productivity 200,000+ 76 ★ 3.25MiB

icon

Hey Habit Extension · Productivity 200,000+ 101 ★ 469KiB

User reviews

icon

go hirano (ID: 000000252440a386) Voted 3 ★ - Updated 10/19/2023 長く使ってきて、これまでは起きなかったけど、皆さんはどうですか?というのは、Google DocsやSheetなどで印刷するとプレビューが白紙になり、そして白紙がプリンターから出てきます。最初原因がわからなかったけど、背景も印刷する、指定するお夕焼け色の背景とともに印刷したい書類がプレビューに現れる。ということは、印刷したいイメージが背景として扱われてしまっている。だから印刷されない。夕焼け色だったので、Screen Shaderを外してみると、印刷出来ました。小さなバグなんだろうけど、解決までにFirefoxで試してみたり、気がつけばなるほどこの拡張機能のせいだよな、とわかるけど。お知らせまで。この問題がなければ、夜の目には良いので3つをつけてありますが、いまは使ってません。解決すれば使うと思います。

icon

Andrea Haller (ID: 00000054943c7e85) Voted 2 ★ - Updated 10/02/2023 I used to love this extension! Now it is causing all sorts of issues on chrome. My pages will suddenly switch places, the screen will only be partially shaded, one of my screens will show up on the the other screen, and there will be colorful lines across the screen. As soon as I removed the extension all of these issues went away.

icon

Clark Heidi (ID: 00000007a500cdfa) Voted 4 ★ - Updated 09/26/2023 The four stars are for how awesome this extension is when it works. MY problem is that I use a combination of a 2015 Macbook Pro, a Mac Mini, and a Windows PC at various work stations. This extension works wonderfully for the second two, but on my Macbook laptop, it turns both the background and text black and I can't see anything at all on my open tabs. On my other two computers I am able to click the icon and adjust the settings, but on my Macbook when I click the icon, it's just a narrow bar that opens up, and there are links (Shade, Color, Location, Settings) that change when I hover over them, but nothing happens when I click on them. What this means is that SEVERAL TIMES PER DAY, I am uninstalling this extension so that I can see what I am doing (at all) while working on my laptop, then reinstalling it when I work at my other two computers. Which so far, I have put up with. But it's extremely annoying.

icon

J. (ID: 00000014cea4fab4) Voted 4 ★ - Updated 09/17/2023 Hace lo que promete. Muy recomendada si no te gusta tener el modo oscuro

icon

Little Hadlie (ID: 00000037adf617ef) Voted 5 ★ - Updated 08/29/2023 Amazing extension, however for some reason when i tried to click autofind, my antivirus went off .. why is that there?? what do you need that for? good shader though 9/10 (-1 for there being a virus)