Eye Protector A set of extensions to reduce eyestrain by controlling brightness and color levels
Support Development
PayPal ● 
Bitcoin Address: 1sM2BrTH8BRgt3quiASK8TmYSafutNvDo
Dogecoin Address: DFdSGpGMZ2EZVkjyqNrYCEysK92DFPonx4
Your Input Matters
"Eye Protector" extensions are set of extensions to adjust different browser color and brightness levels to reduce eyestrain while reading on a browser. These extensions have two primary settings one for daytime and one for nighttime. You can configure them to behave differently on user-defined daytime and nighttime durations. Currently, you can adjust brightness and color temperature to prevent eyestrain during dark hours.



  1. What is the "Adjust Screen Brightness" extension?

    This extension is meant to reduce the browser's screen brightness level for both daytime and nighttime. The level of brightness is controlled from the toolbar's popup window. It is recommended to use a smaller value for nighttime compared to the daytime. The start time for both daytime and nighttime is also configurable in the popup window. As of version 0.1.3, it is possible to set custom keyboard shortcuts to increase or decrease the brightness level. To adjust the keyboard shortcuts go the extensions manager -> keyboard shortcuts (in Chrome, the direct address is chrome://extensions/shortcuts)

  2. recommended "Weather Forecast" extension for Chrome, Edge, Firefox, and Opera browsers

    Get local and long-range weather forecasts (including feels-like temperature) for multiple locations right in your browser toolbar. Read more here.

  3. What is the "Night Shift (Lux control)" extension?

    This extension is meant to control red, green and blue color levels for all web pages. The extension has two modes of operation: DIV (overlay method) and SVG (filter method) modes. In the DIV mode, an HTML DIV element is inserted on top of the entire content with a user-defined color and opacity levels. This div acts like a colorful glass and reduces the color levels and page' brightness. Note that the DIV method cannot completely remove a color level, it just reduces the color levels. In the SVG mode, an SVG filter is inserted to the page which controls the color levels based on user-defined settings. By using this method, a particular color can be completely removed from a page. For instance, if the blue color level is set to zero for nighttime, a blue box will be seen as a black box as the blue channel is killed. The SVG method is the preferred method if your browser supports it. Note that even if your browser supports this method, still it might be buggy. If applying the SVG method causes rendering issues in a page, change the mode to the default DIV method and refresh the page.

  4. What's new in this version?

    Please check the Logs section.

  5. How does the "Adjust Screen Brightness" extension reduce the browser's brightness level?

    Basically, the extension adds a ":before" CSS box over the entire page with the user-defined brightness level. This way the total brightness of all elements in the page reduces to the level that the user prefers. To get the original brightness level use the 100% level. This will convert the overlay box to a transparent one which does not affect the brightness level at all.

  6. Is it possible to use keyboard shortcuts to increase or decrease brightness levels?

    This extension supports browser commands for both increasing and decreasing the brightness level by +/-0.05 percent. To configure your custom keyboard shortcuts on Chrome browser, open "chrome://extensions/shortcuts" on a browser tab and assign new shortcuts for these two commands. On Firefox, open "about:addons" on a browser tab, then press the top-right gear button and select the "Manage Extension Shortcuts" item.

    Alternatively as of version 0.2.1, open the popup by assigning a shortcut. Then use left and right arrow keys to adjust the active mode (there is an active badge next to the active mode). When the popup opens, the active mode's range has focus. So there is no need to use your mouse. By default, the step size is 1. Use Shift key for 5 step size.

    Other shortcuts:

    • Ctrl + E or Command + E: Enable on this hostname
    • Ctrl + D or Command + D: Disable on this hostname
    • Ctrl + T or Command + T: Toggle the global enable and disable state
    • Ctrl + W or Command + W: Switch to the "Global" brightness level for this hostname (version 0.2.3)
    • Ctrl + H or Command + H: Switch to "per-site" brightness level (version 0.2.3)

  7. I would like to have a single range to control the brightness of all day, instead of having two different range elements. Is it possible?

    Set the same value of day and night times (works on version 0.2.1 or greater). Then the night range is in control of the brightness. You will see that the active badge appears next to the night time and the night range has focus when the popup is open (use left and right arrow keys to adjust the brightness).

  8. On the options page, there are three methods to adjust screen brightness. What is the meaning of each mode?

    The "Use CSS Brightness Filter" option uses a CSS filter to control the brightness. By using this option, you can decrease or increase the brightness level. The "Use a Dark Div" uses a semi-transparent dive to control the brightness. This option can only darken a view. Values above 100% are ignored. The "Brightness Filter or Dark Div" option uses the dark div method when the brightness level is less than 100% and uses the CSS filter method when it is above 100%. The CSS filter is the better approach, but it has some issues with a few popular websites. By default, the adaptive mode ("Brightness Filter or Dark Div") is used in this extension.

Matched Content


Please keep reviews clean, avoid improper language, and do not post any personal information. Also, please consider sharing your valuable input on the official store.

What's new in this version

Change Logs:
    Last 10 commits on GitHub
    Hover over a node to see more details

    Need help?

    If you have questions about the extension, or ideas on how to improve it, please post them on the  support site. Don't forget to search through the bug reports first as most likely your question/bug report has already been reported or there is a workaround posted for it.

    Open IssuesIssuesForks

    Permissions are explained

    tabsto inject the brightness and color temperature scripts into all webpages
    webNavigationto install an observer for document creation
    storageto save user-defined preferences
    alarmsto adjust brightness and color temperature when user-defined daytime and nighttime start
    idleto check if the current levels are correctly set when computer gets activated
    <all_urls>to inject on HTTP, HTTPS and File scheme urls

    Recent Blog Posts on add0n.com