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

Similar Extensions

icon

Fern for YouTube Extension · Accessibility 66 0 ★ 37.57KiB

icon

CROCODOOR Extension · Accessibility 66 2 ★ 68.27KiB

icon

DevTools Theme: Gruvbox Dark Extension · Developer Tools 66 7 ★ 50.3KiB

icon

Material DevTools Theme Collection Extension · Developer Tools 66 73 ★ 198KiB

icon

MDN After Dark Extension · Productivity 66 7 ★ 4.54KiB

icon

MDN Search Extension · Developer Tools 66 5 ★ 15.12KiB

icon

Colorize Extension · Accessibility 66 3 ★ 488KiB

icon

Dark Mode Extension · Accessibility 66 1 ★ 18.25KiB

icon

Dark Mode Chrome Extension · Accessibility 66 0 ★ 16.78KiB

icon

Dark Theme for Google Chrome Extension · Accessibility 66 1 ★ 15.1KiB

icon

DownloadPresets Extension · Accessibility 66 0 ★ 18.25KiB

icon

Dark Mode Enabler Extension · Accessibility 66 4 ★ 18.64KiB

icon

Scrapbox List Marker Extension · Accessibility 66 1 ★ 1.58MiB

icon

Glassify Extension · Accessibility 66 2 ★ 11.96KiB

icon

Circuit Dark Mode Extension · Productivity 66 1 ★ 42.99KiB

icon

Dark Mode Everywhere Extension · Productivity 66 1 ★ 4.41KiB

icon

AWS Dark Extension · Developer Tools 66 2 ★ 3.14KiB

icon

Ufora Dark Mode Extension · Accessibility 66 7 ★ 23.89KiB

icon

NigthOwl Mode? Extension · Productivity 66 2 ★ 4.24KiB

icon

Dark Mode for Chrome Extension · Productivity 66 1 ★ 263KiB

icon

Dark Mode for Chrome Extension · Productivity 66 5 ★ 257KiB

icon

All-in-One Dark Mode Extension · Accessibility 66 19 ★ 35.59KiB

icon

Dark Mode - Dark Reader for Chrome Extension · Accessibility 66 46 ★ 399KiB

icon

Dark Mode - Dark Theme for Chrome Extension · Accessibility 66 36 ★ 883KiB

User reviews

icon

Agnia Dorofeeva (ID: 000000221df3c719) Voted 5 ★ - Updated 02/15/2022 It's working! The colors are great! But I want to draw your attention to that there are areas on some pages that are not dark. For example, take a look at the CSS Box Model Tutorial. I love that the extension has two themes to choose from. Thanks for the good work!

icon

CJ K (guitar player) (ID: 0000009fb809fc9d) Voted 5 ★ - Updated 02/13/2022 Thank. I Do appreciate your work!