codemirror-theme-moonfly

Port of the awesome moonfly color scheme for CodeMirror.

It is a bit biased towards the web stack (JavaScript/TypeScript, CSS, HTML), but since the CodeMirror theming system is pretty consistent, it looks good on most – if not all – languages. If you find a language lacking in any way, please consider opening an issue or pull request!

Installation

Available on npm under codemirror-theme-moonfly:

yarn add codemirror-theme-moonfly

npm install codemirror-theme-moonfly

As described in the CodeMirror docs, you can then include the theme in the extensions field of your CodeMirror configuration.

Provided exports

moonfly: Extension

The final moonfly theme that can be used as a CodeMirror extension. It includes the editor theme and all provided highlight styles.

moonflyTheme: Extension

The editor theme (styles for the background, gutter, etc.).

moonflyHighlightBase: HighlightStyle

The base syntax highlighting that applies to all languages.

moonflyHighlightCSS: HighlightStyle

Syntax highlighting that applies to CSS, overriding the base styles.

Additionally, all colors of the moonfly color palette are exported individually. It's best to take a look at the main file for an overview.

License

Like vim-moonfly-colors, this project is licensed under the MIT license.