https://github.com/nexdrew/atom-mdn-syntax

Atom syntax theme based on MDN code samples
https://github.com/nexdrew/atom-mdn-syntax

atom-theme javascript mdn syntax-theme

Last synced: 6 months ago
JSON representation

Atom syntax theme based on MDN code samples

• Host: GitHub
• URL: https://github.com/nexdrew/atom-mdn-syntax
• Owner: nexdrew
• License: mit
• Created: 2017-11-17T20:11:23.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-11-22T15:37:27.000Z (almost 8 years ago)
• Last Synced: 2025-03-28T19:42:29.309Z (6 months ago)
• Topics: atom-theme, javascript, mdn, syntax-theme
• Language: CSS
• Homepage: https://atom.io/packages/mdn-syntax
• Size: 344 KB
• Stars: 1
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# mdn-syntax

> Atom syntax theme based on MDN code samples

![with light ui theme](https://raw.githubusercontent.com/nexdrew/atom-mdn-syntax/master/screenshot-light.png)

Even though this is a light syntax theme, I think it also works well with dark UI themes. Here's an example paired with the One Dark UI theme:

![with dark ui theme](https://raw.githubusercontent.com/nexdrew/atom-mdn-syntax/master/screenshot-dark.png)

Created mainly for JavaScript, but supports other languages as well.

## Install

```

$ apm install mdn-syntax

```

Or Settings → Install → Select `Themes` → Search for `mdn-syntax`

## Reference

Note that this is a derivative of the beautiful [Solarized Dark Syntax theme](https://github.com/atom/solarized-dark-syntax), modified to use colors from MDN.

And, of course, the ever-useful MDN docs with plenty of code samples can be found here: https://developer.mozilla.org/en-US/docs/Web