README.md
March 30, 2026 ยท View on GitHub
A library of custom themes for CodeMirror 6.
@fsegurai/codemirror-theme-bundle is a collection of themes to enhance CodeMirror 6 editor, making it visually
engaging and adaptable to different coding styles and user preferences.
Table of contents
Installation
@fsegurai/codemirror-theme-bundle
To add @fsegurai/codemirror-theme-bundle along with CodeMirror 6 to your package.json use the following commands.
bun install @fsegurai/codemirror-theme-bundle codemirror@^6.0.0 --save
Using a Theme
Import the desired theme from the package and apply it to your CodeMirror instance as shown below.
import {EditorView, basicSetup} from 'codemirror'
import {markdown} from '@codemirror/lang-markdown'
import {bundle} from '@fsegurai/codemirror-theme-bundle'
let editor = new EditorView({
doc: '# Hello World',
extensions: [
basicSetup,
markdown(),
bundle
],
parent: document.body
})
Read the CodeMirror documentation for more details about themes.
Available Themes
Demo Application
To see all themes in action, check out the demo: https://fsegurai.github.io/codemirror-themes.
To set up the demo locally:
git clone https://github.com/fsegurai/codemirror-themes.git
bun install
bun start
This will serve the application locally at http://[::1]:8000.
License
Licensed under MIT.