Themes for CodeMirror 6

[ DEMO ]

Themes for CodeMirror 6.

Available themes

• Basic Light
• Basic Dark
• Solarized Light
• Solarized Dark
• Material Dark
• Nord
• Gruvbox Light
• Gruvbox Dark

How to use

1import { EditorView, basicSetup } from 'codemirror'
2import { javascript } from "@codemirror/lang-javascript"
3import { solarizedDark } from 'cm6-theme-solarized-dark'
4
5let editor = new EditorView({
6  doc: 'Hello',
7  extensions: [
8    basicSetup,
9    javascript(),
10    solarizedDark
11  ],
12  parent: document.body
13})

Read the CodeMirror documentation for more detail about themes.