logo
Editor Themes

Joplin plugin that applies editor themes

Joplin Plugin MIT License Coverage

Features • Screenshots • Themes • Download • Settings • Credits • License

![preview](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/preview.png) ## Features - Applies editor themes from [react-codemirror](https://github.com/uiwjs/react-codemirror) ## Screenshots ![settings](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/settings.png) ## Themes ### [Abcdef](https://uiwjs.github.io/react-codemirror/#/theme/data/abcdef) ![abcdef](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/abcdef.png) ### [Abyss](https://uiwjs.github.io/react-codemirror/#/theme/data/abyss) ![abyss](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/abyss.png) ### [Android Studio](https://uiwjs.github.io/react-codemirror/#/theme/data/androidstudio) ![androidstudio](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/androidstudio.png) ### [Andromeda](https://uiwjs.github.io/react-codemirror/#/theme/data/andromeda) ![andromeda](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/andromeda.png) ### [Atom One](https://uiwjs.github.io/react-codemirror/#/theme/data/atomone) ![atomone](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/atomone.png) ### [Aura](https://uiwjs.github.io/react-codemirror/#/theme/data/aura) ![aura](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/aura.png) ### [Basic Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/basic/dark) ![basicDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/basicDark.png) ### [Basic Light](https://uiwjs.github.io/react-codemirror/#/theme/data/basic/light) ![basicLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/basicLight.png) ### [BBEdit](https://uiwjs.github.io/react-codemirror/#/theme/data/bbedit) ![bbedit](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/bbedit.png) ### [Bespin](https://uiwjs.github.io/react-codemirror/#/theme/data/bespin) ![bespin](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/bespin.png) ### [Console Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/console/dark) ![consoleDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/consoleDark.png) ### [Console Light](https://uiwjs.github.io/react-codemirror/#/theme/data/console/light) ![consoleLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/consoleLight.png) ### [Copilot](https://uiwjs.github.io/react-codemirror/#/theme/data/copilot) ![copilot](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/copilot.png) ### [Darcula](https://uiwjs.github.io/react-codemirror/#/theme/data/darcula) ![darcula](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/darcula.png) ### [Dracula](https://uiwjs.github.io/react-codemirror/#/theme/data/dracula) ![dracula](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/dracula.png) ### [Duotone Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/duotone/dark) ![duotoneDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/duotoneDark.png) ### [Duotone Light](https://uiwjs.github.io/react-codemirror/#/theme/data/duotone/light) ![duotoneLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/duotoneLight.png) ### [Eclipse](https://uiwjs.github.io/react-codemirror/#/theme/data/eclipse) ![eclipse](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/eclipse.png) ### [GitHub Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/github/dark) ![githubDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/githubDark.png) ### [GitHub Light](https://uiwjs.github.io/react-codemirror/#/theme/data/github/light) ![githubLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/githubLight.png) ### [Gruvbox Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/gruvbox/dark) ![gruvboxDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/gruvboxDark.png) ### [Gruvbox Light](https://uiwjs.github.io/react-codemirror/#/theme/data/gruvbox/light) ![gruvboxLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/gruvboxLight.png) ### [Kimbie](https://uiwjs.github.io/react-codemirror/#/theme/data/kimbie) ![kimbie](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/kimbie.png) ### [Material Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/material/dark) ![materialDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/materialDark.png) ### [Material Light](https://uiwjs.github.io/react-codemirror/#/theme/data/material/light) ![materialLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/materialLight.png) ### [Monokai](https://uiwjs.github.io/react-codemirror/#/theme/data/monokai) ![monokai](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/monokai.png) ### [Monokai Dimmed](https://uiwjs.github.io/react-codemirror/#/theme/data/monokai-dimmed) ![monokaiDimmed](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/monokaiDimmed.png) ### [Noctis Lilac](https://uiwjs.github.io/react-codemirror/#/theme/data/noctis-lilac) ![noctisLilac](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/noctisLilac.png) ### [Nord](https://uiwjs.github.io/react-codemirror/#/theme/data/nord) ![nord](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/nord.png) ### [Okaidia](https://uiwjs.github.io/react-codemirror/#/theme/data/okaidia) ![okaidia](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/okaidia.png) ### [Quiet Light](https://uiwjs.github.io/react-codemirror/#/theme/data/quietlight) ![quietlight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/quietlight.png) ### [Red](https://uiwjs.github.io/react-codemirror/#/theme/data/red) ![red](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/red.png) ### [Solarized Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/solarized/dark) ![solarizedDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/solarizedDark.png) ### [Solarized Light](https://uiwjs.github.io/react-codemirror/#/theme/data/solarized/light) ![solarizedLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/solarizedLight.png) ### [Sublime](https://uiwjs.github.io/react-codemirror/#/theme/data/sublime) ![sublime](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/sublime.png) ### [Tokyo Night](https://uiwjs.github.io/react-codemirror/#/theme/data/tokyo-night) ![tokyoNight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/tokyoNight.png) ### [Tokyo Night Day](https://uiwjs.github.io/react-codemirror/#/theme/data/tokyo-night-day) ![tokyoNightDay](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/tokyoNightDay.png) ### [Tokyo Night Storm](https://uiwjs.github.io/react-codemirror/#/theme/data/tokyo-night-storm) ![tokyoNightStorm](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/tokyoNightStorm.png) ### [Tomorrow Night Blue](https://uiwjs.github.io/react-codemirror/#/theme/data/tomorrow-night-blue) ![tomorrowNightBlue](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/tomorrowNightBlue.png) ### [VSCode Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/vscode/dark) ![vscodeDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/vscodeDark.png) ### [VSCode Light](https://uiwjs.github.io/react-codemirror/#/theme/data/vscode/light) ![vscodeLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/vscodeLight.png) ### [White Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/white/dark) ![whiteDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/whiteDark.png) ### [White Light](https://uiwjs.github.io/react-codemirror/#/theme/data/white/light) ![whiteLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/whiteLight.png) ### [Xcode Dark](https://uiwjs.github.io/react-codemirror/#/theme/data/xcode/dark) ![xcodeDark](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/xcodeDark.png) ### [Xcode Light](https://uiwjs.github.io/react-codemirror/#/theme/data/xcode/light) ![xcodeLight](https://raw.githubusercontent.com/ckant/joplin-plugin-editor-themes/main/media/themes/xcodeLight.png) ## 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).
This project is [MIT](https://github.com/ckant/joplin-plugin-editor-themes/blob/main/LICENSE) licensed.