Codemirror themes

Warning
These styles are new and still a work in progress. Expect quite a few changes.

Codemirror themes centralized in an effort to create consistency across the bpmn-io suite.

Light theme

Dark theme

Usage

Install

npm i @bpmn-io/cm-theme

Use

import { darkTheme, lightTheme } from '@bpmn-io/cm-theme';
import { EditorView } from '@codemirror/view';


// ...

const extensions = [
    lightTheme
];

// ...

new EditorView({
    state: EditorState.create({
      doc: value,
      extensions: extensions
    }),
    parent: container
});