MDN Dark Mode

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

What is MDN Dark Mode?

MDN Dark Mode is a Chrome extension developed by Santiago Galán Barlo, and its main feature is "Add a dark mode with different themes to the MDN Web Docs website. Open-Source.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download MDN Dark Mode Extension CRX File

Download MDN Dark Mode extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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                    

Extension Basic Information

Name MDN Dark Mode MDN Dark Mode
ID jdaepiaaanhlmgoehjnnkhiagfkalhoc
Official URL https://chromewebstore.google.com/detail/mdn-dark-mode/jdaepiaaanhlmgoehjnnkhiagfkalhoc
Description Add a dark mode with different themes to the MDN Web Docs website. Open-Source.
File Size 69.08 KB
Installation Count 37
Current Version 1.0
Last Updated 2022-02-17
Publish Date 2022-02-08
Rating 5.00/5 Total 2 Ratings
Developer Santiago Galán Barlo
Email [email protected]
Payment Type free
Supported Languages en
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\/*"
            ]
        }
    ]
}