Easily create custom MarkEdit themes using existing CodeMirror theme extensions. See MarkEdit-api to learn more.

A list of themes created by the MarkEdit team can be found here.

Add markedit-theming to your (TypeScript) project's dependencies:

{
  "dependencies": {
    "markedit-theming": "https://github.com/MarkEdit-app/MarkEdit-theming#v0.14.0"
  }
}

In your script, use the overrideThemes function to override the app's built-in themes:

import { overrideThemes } from 'markedit-theming';

overrideThemes({
  light: { extension, colors },
  dark: { extension, colors },
});

This package is fully typed and documented, see index.d.ts for details.

Themes built with this package provide a way for user to customize colors, see the wiki for details.

Here are some community-created CodeMirror theme extensions:

• theme-one-dark by @codemirror
• cm6-themes by @craftzdog
• ThemeMirror by @vadimdemedes
• CodeMirror Themes by @uiwjs

These extensions can be easily ported to MarkEdit using markedit-theming.

That said, not all implementations are of high quality and may require further refinement.