codemirror-theme-vitesse


Codemirror theme in vitesse style.

Install

``shell
npm install codemirror-theme-vitesse
`

`shell
yarn add codemirror-theme-vitesse
`

`shell
pnpm add codemirror-theme-vitesse
`

Usage

`ts
import { javascript } from '@codemirror/lang-javascript'
import { EditorState } from '@codemirror/state'
import { EditorView } from '@codemirror/view'
import { vitesseLight } from 'codemirror-theme-vitesse'
// import { vitesseDark } from 'codemirror-theme-vitesse'
// import { vitesseBlack } from 'codemirror-theme-vitesse'

const state = EditorState.create({
doc: const foo = 'hello world',
extensions: [
// or vitesseDark, vitesseBlack
vitesseLight,
javascript({ jsx: true }),
],
})
const view = new EditorView({
parent: document.querySelector('#editor'),
state,
})
`

$3

`ts
import { vitesseBlack } from 'codemirror-theme-vitesse/black'
import { vitesseDark } from 'codemirror-theme-vitesse/dark'
import { vitesseLight } from 'codemirror-theme-vitesse/light'
`

$3

Check more override settings by inspecting the type definition.

`ts
import { createVitesseLightTheme } from 'codemirror-theme-vitesse'

const vitesseLight = createVitesseLightTheme({
settings: {
background: '#fff9c4',
},
})
``

Credits

- antfu/vscode-theme-vitesse
- shikijs/textmate-grammars-themes

License

MIT License © 2024-PRESENT ntnyq