A library of custom themes for CodeMirror 6.
@fsegurai/codemirror-theme-monokai is a theme for CodeMirror 6 editor, making it visually engaging and adaptable to different coding styles and user preferences.
Table of contents
Installation
@fsegurai/codemirror-theme-monokai
To add @fsegurai/codemirror-theme-monokai along with CodeMirror 6 to your package.json use the following commands.
bun install @fsegurai/codemirror-theme-monokai codemirror@^6.0.0 --save
Using Theme
Import the respective theme from the package and apply it to your CodeMirror instance as shown below.
import { EditorView, basicSetup } from 'codemirror'
import { markdown } from '@codemirror/lang-markdown'
import { monokai } from '@fsegurai/codemirror-theme-monokai'
let editor = new EditorView({
doc: '# Hello World',
extensions: [
basicSetup,
markdown(),
monokai
],
parent: document.body
})
Read the CodeMirror documentation for more details about themes.
Available Themes
Demo Application
To see all themes in action, check out the demo: https://fsegurai.github.io/codemirror-themes.
To set up the demo locally:
git clone https://github.com/fsegurai/codemirror-themes.git
bun install
bun start
This will serve the application locally at http://[::1]:8000.
License
Licensed under MIT.