Themes for CodeMirror 6

[ DEMO ]

Themes for CodeMirror 6.

Available themes

• All - Bundle
• Abcdef
• Abyss
• Android Studio
• Andromeda
• Basic Light
• Basic Dark
• Forest
• GitHub Light
• GitHub Dark
• Gruvbox Light
• Gruvbox Dark
• Material Light
• Material Dark
• Monokai
• Nord
• Solarized Light
• Solarized Dark
• Tokyo Night Storm
• Tokyo Night Day
• Volcano

How to use

import { EditorView, basicSetup } from 'codemirror'
import { markdown } from '@codemirror/lang-markdown'
import { basicLight } from 'codemirror-theme-basic-light'

let editor = new EditorView({
  doc: '# Hello World',
  extensions: [
    basicSetup,
    markdown(),
    basicLight
  ],
  parent: document.body
})

Read the CodeMirror documentation for more detail about themes.