Invert light-themed web pages into dark to reduce eyestrain
Dark Mode Global Extension
This extension blackens white-themed webpages automatically using CSS rules. The idea is to reduce eyestrain while reading documents hence the toolbar button is like a switch to turn dark theme on and off. The user can add one or several pages to the blacklist to prevent automatic conversion when the extension is enabled.
This extension supports custom styling for the dark mode to fix possible glitches while automatically converting a page.
In comparison to the other dark mode extensions, this one has a built-in method to apply the dark theme only to web pages that use a light background color. So if for instance, you visit a web page that has a default black theme, then the extension will not apply the dark theme at all!
Read more
This extension supports custom styling for the dark mode to fix possible glitches while automatically converting a page.
In comparison to the other dark mode extensions, this one has a built-in method to apply the dark theme only to web pages that use a light background color. So if for instance, you visit a web page that has a default black theme, then the extension will not apply the dark theme at all!
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "version": "0.1.0", "name": "Dark Mode Global", "description": "Invert light-themed web pages into dark to reduce eyestrain", "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" }, "permissions": [ "*://*/*", "webNavigation", "storage", "contextMenus", "notifications" ], "homepage_url": "http://add0n.com/dark-mode-global.html", "browser_action": { "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" } }, "background": { "scripts": [ "webext.js", "background.js" ] }, "options_ui": { "page": "data/options/index.html", "chrome_style": true }}
Read more