craftzdog / cm6-themes

Themes for CodeMirror 6

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

import { EditorView, basicSetup } from 'codemirror'
import { javascript } from "@codemirror/lang-javascript"
import { solarizedDark } from 'cm6-theme-solarized-dark'

let editor = new EditorView({
  doc: 'Hello',
  extensions: [
    basicSetup,
    javascript(),
    solarizedDark
  ],
  parent: document.body
})

Read the CodeMirror documentation for more detail about themes.