Dark Toggle Extension Chrome

Minimal low overhead dark mode provider for web sites with custom settings and keyboard shortcuts.

Latest Version

Version

1.0

Update

September 23, 2024

Size

82.88KiB

Developer

Dark Toggle Extension

Minimal low overhead dark mode provider for web sites with custom settings and keyboard shortcuts.

Ctrl + Shift + Y toggles dark mode for a website.
Ctrl + Shift + H toggles grayscale mode.

Customize brightness and contrast in options.

Dark mode is applied to website pages with some delay after a page is loaded (customizable in options).

Note: some websites require selecting \"Forced Mode\" or \"Skip IFrames\" for better results.

Source code: https://github.com/gwroblew/darktoggle

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "minimum_chrome_version": "106.0.0.0", "name": "Dark Toggle", "version": "1.0", "description": "Minimal low overhead dark mode provider for web sites with custom settings and keyboard shortcuts.", "homepage_url": "https://sparworks.com/darktoggle", "permissions": [ "storage", "activeTab", "scripting" ], "background": { "service_worker": "background.js" }, "commands": { "toggle-dark-mode": { "suggested_key": { "default": "Ctrl+Shift+Y", "windows": "Ctrl+Shift+Y", "mac": "Command+Shift+Y", "chromeos": "Ctrl+Shift+Y", "linux": "Ctrl+Shift+Y" }, "description": "Toggle Dark Mode" }, "toggle-grayscale": { "suggested_key": { "default": "Ctrl+Shift+H", "windows": "Ctrl+Shift+H", "mac": "Command+Shift+H", "chromeos": "Ctrl+Shift+H", "linux": "Ctrl+Shift+H" }, "description": "Toggle Grayscale" } }, "action": { "default_title": "Dark Toggle", "default_popup": "popup.html", "default_icon": { "512": "images/icon-512.png", "128": "images/icon-128.png", "48": "images/icon-48.png", "32": "images/icon-32.png", "16": "images/icon-16.png" } }, "options_ui": { "page": "popup.html" }, "icons": { "512": "images/icon-512.png", "128": "images/icon-128.png", "48": "images/icon-48.png", "32": "images/icon-32.png", "16": "images/icon-16.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ], "run_at": "document_start" } ]}