Kanagawa CodeMirror Color Theme

A port of the beautiful Kanagawa Neovim color theme, including all three flavors Wave, Dragon and Lotus.

Wave

Dragon

Lotus

API and usage

All three flavors expose the same API.

Enable both the editor theme and the highlight style

kanagawaWave: Extension;
kanagawaDragon: Extension;
kanagawaLotus: Extension;

import { kanagawaWave } from 'kanagawa-codemirror-theme';

new EditorView({
  state: EditorState.create({
    extensions: [kanagawaWave, ...]
    ...
  });
  ...
});

Enable just the editor theme:

kanagawaWaveTheme: Extension;
kanagawaDragonTheme: Extension;
kanagawaLotusTheme: Extension;

import { kanagawaWaveTheme } from 'kanagawa-codemirror-theme';

new EditorView({
  state: EditorState.create({
    extensions: [kanagawaWaveTheme, ...]
    ...
  });
  ...
});

Enable just the highlight style:

kanagawaWaveHighlightStyle: HighlightStyle;
kanagawaDragonHighlightStyle: HighlightStyle;
kanagawaLotusHighlightStyle: HighlightStyle;

import { syntaxHighlighting } from "@codemirror/language";
import { kanagawaWaveHighlightStyle } from 'kanagawa-codemirror-theme';

new EditorView({
  state: EditorState.create({
    extensions: [syntaxHighlighting(kanagawaWaveHighlightStyle), ...]
    ...
  });
  ...
});

Credits to rebelot for the original Neovim theme.

License

This project is licensed under the MIT License - see the LICENSE file for details.