@tidbcloud/codemirror-extension-themes
This extension provides 2 simple and out of box editor themes to use, bbedit is for light mode and oneDark is for dark mode.
If these 2 themes is not suitable for you, you can use other themes from third-party libraries or customized a theme by yourself.
Installation
npm install @tidbcloud/codemirror-extension-themesYou need to install its peer dependencies as well:
npm install @codemirror/view @codemirror/state @codemirror/language @lezer/highlightUsage
import { bbedit, oneDark } from '@tidbcloud/codemirror-extension-themes'
// add extensions to your editor created by getting started
const extensions = [
// ...other extensions,
oneDark
// ------ Or ------
// bbedit
]
Try it
You can try all the extensions playground at here.