Add a dark mode with different themes to the MDN Web Docs website. Open-Source.

Latest Version

Version
1.0
Update
February 17, 2022
Size
69.08KiB
Developer
Category
Users
66
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
See more

MDN Dark Mode Extension

Just click on the light-bulb to toggle dark mode ON or OFF.

Currently available themes (based on famous VS Code themes):
-Tokyo Night
-One Dark Pro

This extension won't track any kind of data and will be active at \"developer.mozilla.org\" tabs only.

GitHub Repository: https://github.com/sgalanb/MDN-Dark-Mode
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "MDN Dark Mode", "description": "Add a dark mode with different themes to the MDN Web Docs website. Open-Source.", "version": "1.0", "action": { "default_icon": { "16": "images/icon16.png", "24": "images/icon24.png", "32": "images/icon32.png", "48": "images/icon48.png", "64": "images/icon64.png", "128": "images/icon128.png", "256": "images/icon256.png" }}, "icons": { "16": "images/icon16.png", "24": "images/icon24.png", "32": "images/icon32.png", "48": "images/icon48.png", "64": "images/icon64.png", "128": "images/icon128.png", "256": "images/icon256.png" }, "content_scripts": [ { "matches": ["*://developer.mozilla.org/*"], "js": ["script.js"], "css": ["extensionStyles.css"] } ], "web_accessible_resources": [ { "resources": ["darkStyles.css"], "matches": ["*://developer.mozilla.org/*"] }, { "resources": ["/images/lightbulb-solid.svg"], "matches": ["*://developer.mozilla.org/*"] }, { "resources": ["/images/lightbulb-regular.svg"], "matches": ["*://developer.mozilla.org/*"] } ]}
Read more