MDN Docs dark theme

This is my work in progress dark theme for the MDN Web Docs website.

Install

mdn-docs-dark-theme.user.css

Changelog

1.0.0

• initial release

Living Project

I use MDN Web Docs almost daily and maintain this dark theme to cover the most used areas of the website. There are some areas that need implementing though, so don't expect this stylesheet to be completely polished.

This is a living project however and I will continue to submit updates at infrequent intervals into the forseeable future.

Contributions

This is an opensource project and I welcome collaborators. Open an issue to discuss your ideas before submitting pull requests.

How To Use

A guide if you've never used user styles before.

1. Install a user style browser add-on eg Stylus
2. then click on a stylesheet.user.css link to install the stylesheet.
3. The browser add-on with apply the user stylesheet over the existing website stylesheet through CSS inheritence when browsing that website.

Install Stylus brower add-on

• https://github.com/openstyles/stylus
• links to Firefox, Chrome and Opera add-on
• further reading...

Install Stylesheet

Tip: Clicking a link containing stylesheet.user.css will invoke the browser add-on user style installer

• Most current version from main branch in this repo

  • mdn-docs-dark-theme.user.css

• Mirrors

  • https://userstyles.world/style/2809/mdn-web-docs-dark-theme

Fonts

Fira Code

Monospace code blocks in this style use Fira Code a free monospaced font with programming ligatures.