joplin-plugin-editor-themes
Version:
Joplin plugin that applies editor themes
244 lines (136 loc) • 11.5 kB
Markdown
<h1 align="center">
<img alt="logo" src="https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/logo.svg" width="100">
<br>
Editor Themes
<br>
</h1>
<h4 align="center"><a href="https://joplinapp.org">Joplin plugin</a> that applies editor themes</h4>
<p align="center">
<a href="https://discourse.joplinapp.org/t/plugin-editor-themes">
<img alt="Joplin Plugin" src="https://img.shields.io/npm/v/joplin-plugin-editor-themes?logo=joplin&label=plugin&color=1071D3&style=flat-square" />
</a>
<a href="https://github.com/ckant/joplin-plugin-editor-themes/blob/main/LICENSE">
<img alt="MIT License" src="https://img.shields.io/badge/license-MIT-549E6A?style=flat-square" />
</a>
<a href="https://app.codecov.io/github/ckant/joplin-plugin-editor-themes">
<img alt="Coverage" src="https://img.shields.io/codecov/c/github/ckant/joplin-plugin-editor-themes?logo=codecov&style=flat-square" />
</a>
</p>
<p align="center">
<a href="#features">Features</a> •
<a href="#screenshots">Screenshots</a> •
<a href="#themes">Themes</a> •
<a href="#download">Download</a> •
<a href="#settings">Settings</a> •
<a href="#credits">Credits</a> •
<a href="#license">License</a>
</p>

## Features
- Applies editor themes from [react-codemirror](https://github.com/uiwjs/react-codemirror)
## Screenshots

## Themes
### [Abcdef](https://uiwjs.github.io/react-codemirror/#/theme/data/abcdef)

### [Abyss](https://uiwjs.github.io/react-codemirror/#/theme/data/abyss)

### [Android Studio](https://uiwjs.github.io/react-codemirror/#/theme/data/androidstudio)

### [Andromeda](https://uiwjs.github.io/react-codemirror/#/theme/data/andromeda)

### [Atom One](https://uiwjs.github.io/react-codemirror/#/theme/data/atomone)

### [Aura](https://uiwjs.github.io/react-codemirror/#/theme/data/aura)

### [Basic Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/basic/dark)

### [Basic Light](https://uiwjs.github.io/react-codemirror/#/theme/data/basic/light)

### [BBEdit](https://uiwjs.github.io/react-codemirror/#/theme/data/bbedit)

### [Bespin](https://uiwjs.github.io/react-codemirror/#/theme/data/bespin)

### [Console Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/console/dark)

### [Console Light](https://uiwjs.github.io/react-codemirror/#/theme/data/console/light)

### [Copilot](https://uiwjs.github.io/react-codemirror/#/theme/data/copilot)

### [Darcula](https://uiwjs.github.io/react-codemirror/#/theme/data/darcula)

### [Dracula](https://uiwjs.github.io/react-codemirror/#/theme/data/dracula)

### [Duotone Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/duotone/dark)

### [Duotone Light](https://uiwjs.github.io/react-codemirror/#/theme/data/duotone/light)

### [Eclipse](https://uiwjs.github.io/react-codemirror/#/theme/data/eclipse)

### [GitHub Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/github/dark)

### [GitHub Light](https://uiwjs.github.io/react-codemirror/#/theme/data/github/light)

### [Gruvbox Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/gruvbox/dark)

### [Gruvbox Light](https://uiwjs.github.io/react-codemirror/#/theme/data/gruvbox/light)

### [Kimbie](https://uiwjs.github.io/react-codemirror/#/theme/data/kimbie)

### [Material Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/material/dark)

### [Material Light](https://uiwjs.github.io/react-codemirror/#/theme/data/material/light)

### [Monokai](https://uiwjs.github.io/react-codemirror/#/theme/data/monokai)

### [Monokai Dimmed](https://uiwjs.github.io/react-codemirror/#/theme/data/monokai-dimmed)

### [Noctis Lilac](https://uiwjs.github.io/react-codemirror/#/theme/data/noctis-lilac)

### [Nord](https://uiwjs.github.io/react-codemirror/#/theme/data/nord)

### [Okaidia](https://uiwjs.github.io/react-codemirror/#/theme/data/okaidia)

### [Quiet Light](https://uiwjs.github.io/react-codemirror/#/theme/data/quietlight)

### [Red](https://uiwjs.github.io/react-codemirror/#/theme/data/red)

### [Solarized Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/solarized/dark)

### [Solarized Light](https://uiwjs.github.io/react-codemirror/#/theme/data/solarized/light)

### [Sublime](https://uiwjs.github.io/react-codemirror/#/theme/data/sublime)

### [Tokyo Night](https://uiwjs.github.io/react-codemirror/#/theme/data/tokyo-night)

### [Tokyo Night Day](https://uiwjs.github.io/react-codemirror/#/theme/data/tokyo-night-day)

### [Tokyo Night Storm](https://uiwjs.github.io/react-codemirror/#/theme/data/tokyo-night-storm)

### [Tomorrow Night Blue](https://uiwjs.github.io/react-codemirror/#/theme/data/tomorrow-night-blue)

### [VSCode Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/vscode/dark)

### [VSCode Light](https://uiwjs.github.io/react-codemirror/#/theme/data/vscode/light)

### [White Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/white/dark)

### [White Light](https://uiwjs.github.io/react-codemirror/#/theme/data/white/light)

### [Xcode Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/xcode/dark)

### [Xcode Light](https://uiwjs.github.io/react-codemirror/#/theme/data/xcode/light)

## Download
Search for `Editor Themes` in the Joplin settings under the `Plugins` section.
## Settings
| Setting | Options | Description |
|---------|------------------------------------------------------------------------------------------|--------------------------------------------------|
| Theme | [Themes](https://github.com/ckant/joplin-plugin-editor-themes?tab=readme-ov-file#themes) | Applies the given theme to the CodeMirror editor |
## Credits
- [react-codemirror](https://github.com/uiwjs/react-codemirror)
- [Joplin](https://joplinapp.org)
- [CodeMirror](http://codemirror.net/)
## License
Copyright © 2023 [Chris Kant](https://github.com/ckant).<br />
This project is [MIT](https://github.com/ckant/joplin-plugin-editor-themes/blob/main/LICENSE) licensed.