Control your browser's global screen brightness to use sites that do not support the native dark theme

Latest Version

Version
0.3.4
Update
October 27, 2024
Size
122KiB
Developer
Category
Users
100,000+
Rating
4.02424 ★
Manifest Version
3
Web Store Status
Languages Support
Deutsch
English
Français
Nederlands
Dansk
Eesti
Magyar
Suomi
čeština
Ελληνικά
български
中文 (简体)
See more
Permissions
ActiveTab
Scripting
Storage
Alarms
Idle
See more

Adjust Page Brightness Extension

This extension reduces or increases the screen brightness level for both daytime and nighttime periods based on user-defined values. It helps the websites that do not support the native dark theme. Also, it can increase the brightness of websites that are too dark. It reduces the eyestrain while reading documents online when dark mode is not supported. The extension offers two different values for daytime and nighttime duration to enhance usability.

Features:
1. Control the darkness level of all websites or just a single hostname
2. You can increase or decrease the brightness level of a website
3. Supports keyboard shortcuts for every action.
4. You can disable the extension on a single website or entirely
5. Control the brightness level from 0% (completely dark) to 120% (20% brighter than the original)
6. Supports two different methods to decrease the brightness level.

Notes:
1. By setting the brightness level to 100%, the extension does not affect browser tabs (does not inject any CSS styling)
2. It is recommended to configure the start time for both daytime and nighttime. By default, daytime starts at 08:00, and nighttime starts at 19:00.
3. By adding a website to the exception list, brightness control is turned off for this website. You can use this feature to turn off the extension on websites that support native dark mode.
4. This extension does not reduce the screen brightness when printing a webpage. There is a CSS selector that only affects \"screen\" type displays.

What is the difference between this extension and other dark mode extensions (e.g. \"Dark Reader™\" or \"Turn Off the Lights™\" (I do not own these two extensions))?
These extensions manipulate the styling of all elements by using custom stylesheets. They convert the light theme to dark. This extension only injects a filter to reduce or increase the original brighness. So it does not perform any resource-intensive operations and does not alter the website's styling.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "0.3.4", "name": "Adjust Page Brightness", "description": "__MSG_description__", "default_locale": "en", "icons": { "16": "/data/icons/16.png", "32": "/data/icons/32.png", "48": "/data/icons/48.png", "64": "/data/icons/64.png", "128": "/data/icons/128.png", "256": "/data/icons/256.png", "512": "/data/icons/512.png" }, "permissions": [ "activeTab", "scripting", "storage", "alarms", "idle" ], "homepage_url": "https://webextension.org/listing/screen-brightness.html", "background": { "service_worker": "worker.js" }, "content_scripts": [{ "matches": [""], "js": [ "/data/inject.js" ], "run_at": "document_start" }], "action": { "default_popup": "/data/popup/index.html" }, "commands": { "_execute_action": {}, "increase": { "description": "Increment brightness level by 0.05" }, "decrease": { "description": "Decrement brightness level by 0.05" }, "enabled": { "description": "Toggle the global enable and disable state" } }, "options_ui": { "page": "/data/options/index.html", "open_in_tab": true }}
Read more