@catppuccin/codemirror

Catppuccin for CodeMirror^v6

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

1. Install @catppuccin/codemirror:

   npm install @catppuccin/codemirror
   yarn add @catppuccin/codemirror
   pnpm add @catppuccin/codemirror

2. Import the theme in your project:

   import { EditorView, basicSetup } from "codemirror"
   import { catppuccinLatte } from "@catppuccin/codemirror"
   
   const editor = new EditorView({
     doc: "...",
     parent: document.body
     extensions: [basicSetup, catppuccinLatte], // or catppuccinFrappe, catppuccinMacchiato, catppuccinMocha
   })

Check out the demo for reference.

🙋 FAQ

• Q: Is this compatible with CodeMirror5?
  A: No, see the v0.0.1 tag for CodeMirror5 support.

💝 Thanks to

Current Maintainer(s)

This repository currently has no maintainers.

Past Maintainer(s)

• griimick

Inspiration and Contribution

• marijnh for CodeMirror
• ghostx31 for catppuccin/joplin
• BuonOmo for CodeMirror v6 support

 

Copyright © 2022-present Catppuccin Org