6.2.0 • Published 5 months ago

@fsegurai/codemirror-theme-abcdef v6.2.0

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

A library of custom themes for CodeMirror 6.

@fsegurai/codemirror-theme-abcdef is a theme for CodeMirror 6 editor, making it visually engaging and adaptable to different coding styles and user preferences.

Table of contents

Installation

@fsegurai/codemirror-theme-abcdef

To add @fsegurai/codemirror-theme-abcdef along with CodeMirror 6 to your package.json use the following commands.

npm install @fsegurai/codemirror-theme-abcdef codemirror@^6.0.0 --save

Using Theme

Import the respective 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 { abcdef } from '@fsegurai/codemirror-theme-basic-abcdef'

let editor = new EditorView({
	doc: '# Hello World',
	extensions: [
		basicSetup,
		markdown(),
		abcdef
	],
	parent: document.body
})

Read the CodeMirror documentation for more details about themes.

Available Themes

ThemePackageVersion
All - Bundle@fsegurai/codemirror-theme-bundlenpm
Abcdef@fsegurai/codemirror-theme-abcdefnpm
Abyss@fsegurai/codemirror-theme-abyssnpm
Android Studio@fsegurai/codemirror-theme-android-studionpm
Andromeda@fsegurai/codemirror-theme-andromedanpm
Basic Light@fsegurai/codemirror-theme-basic-lightnpm
Basic Dark@fsegurai/codemirror-theme-basic-darknpm
Forest@fsegurai/codemirror-theme-forestnpm
GitHub Light@fsegurai/codemirror-theme-github-lightnpm
GitHub Dark@fsegurai/codemirror-theme-github-darknpm
Gruvbox Light@fsegurai/codemirror-theme-gruvbox-lightnpm
Gruvbox Dark@fsegurai/codemirror-theme-gruvbox-darknpm
Material Light@fsegurai/codemirror-theme-material-lightnpm
Material Dark@fsegurai/codemirror-theme-material-darknpm
Monokai@fsegurai/codemirror-theme-monokainpm
Nord@fsegurai/codemirror-theme-nordnpm
Palenight@fsegurai/codemirror-theme-palenightnpm
Solarized Light@fsegurai/codemirror-theme-solarized-lightnpm
Solarized Dark@fsegurai/codemirror-theme-solarized-darknpm
Tokyo Night Storm@fsegurai/codemirror-theme-tokyo-night-stormnpm
Tokyo Night Day@fsegurai/codemirror-theme-tokyo-night-daynpm
Volcano@fsegurai/codemirror-theme-volcanonpm
VS Code Dark@fsegurai/codemirror-theme-vscode-darknpm
VS Code Light@fsegurai/codemirror-theme-vscode-lightnpm

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
npm install
npm start

This will serve the application locally at http://[::1]:8000.

License

Licensed under MIT.

6.2.0-beta

5 months ago

6.1.0

11 months ago

6.1.2

9 months ago

6.2.0

5 months ago

6.1.1

11 months ago

6.1.4

6 months ago

6.1.3

6 months ago

6.0.7

12 months ago

6.2.0-beta.5

5 months ago

6.0.6

12 months ago

6.2.0-beta.2

5 months ago

6.2.0-beta.1

5 months ago

6.2.0-beta.4

5 months ago

6.2.0-beta.3

5 months ago

6.0.5

1 year ago

6.0.2

1 year ago

6.0.1

1 year ago

6.0.1-alpha.0

1 year ago