Add a dark mode with different themes to the MDN Web Docs website. Open-Source.
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
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
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