Codemirror theme in vitesse style.
npm install codemirror-theme-vitesse



Codemirror theme in vitesse style.
``shell`
npm install codemirror-theme-vitesse
`shell`
yarn add codemirror-theme-vitesse
`shell`
pnpm add codemirror-theme-vitesse
`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,
})
`ts`
import { vitesseBlack } from 'codemirror-theme-vitesse/black'
import { vitesseDark } from 'codemirror-theme-vitesse/dark'
import { vitesseLight } from 'codemirror-theme-vitesse/light'
Check more override settings by inspecting the type definition.
`ts
import { createVitesseLightTheme } from 'codemirror-theme-vitesse'
const vitesseLight = createVitesseLightTheme({
settings: {
background: '#fff9c4',
},
})
``
- antfu/vscode-theme-vitesse
- shikijs/textmate-grammars-themes