https://github.com/craftzdog/cm6-themes

Themes for CodeMirror 6
https://github.com/craftzdog/cm6-themes

codemirror

Last synced: 2 months ago
JSON representation

Themes for CodeMirror 6

• Host: GitHub
• URL: https://github.com/craftzdog/cm6-themes
• Owner: craftzdog
• License: mit
• Created: 2022-02-15T07:15:32.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-09T07:11:05.000Z (about 1 year ago)
• Last Synced: 2025-04-03T08:40:53.559Z (2 months ago)
• Topics: codemirror
• Language: TypeScript
• Homepage: https://cm6-themes.netlify.app/
• Size: 62.5 KB
• Stars: 84
• Watchers: 2
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Themes for CodeMirror 6

===========================

[ [**DEMO**](https://cm6-themes.netlify.app/) ]

Themes for [CodeMirror 6](https://codemirror.net/).

## Available themes

- [Basic Light](./packages/basic-light)

- [Basic Dark](./packages/basic-dark)

- [Solarized Light](./packages/solarized-light)

- [Solarized Dark](./packages/solarized-dark)

- [Material Dark](./packages/material-dark)

- [Nord](./packages/nord)

- [Gruvbox Light](./packages/gruvbox-light)

- [Gruvbox Dark](./packages/gruvbox-dark)

## How to use

```js

import { EditorView, basicSetup } from 'codemirror'

import { javascript } from "@codemirror/lang-javascript"

import { solarizedDark } from 'cm6-theme-solarized-dark'

let editor = new EditorView({

  doc: 'Hello',

  extensions: [

    basicSetup,

    javascript(),

    solarizedDark

  ],

  parent: document.body

})

```

Read [the CodeMirror documentation](https://codemirror.net/6/examples/styling/) for more detail about themes.