Slatewave (MarkEdit)

May 4, 2026 · View on GitHub

Slatewave

Slatewave (MarkEdit)

A Slatewave theme for MarkEdit — the native macOS markdown editor. Part of the Slatewave family — one palette across editors, terminals, prompts, notes, and more.

Slate below, teal above.

Slatewave preview


What it styles

Built on top of MarkEdit-theming, the Slatewave theme tunes MarkEdit's editor chrome and markdown syntax without depending on any upstream CodeMirror theme. It ships both dark and light variants.

  • Headings — teal #5eead4
  • Bold / italic — sky #38bdf8 for bold, purple #b388ff for italic
  • Links — sky #38bdf8
  • Inline code & fenced blocks — pale-teal identifiers, sky keywords, teal strings, rose numerics, amber macros/decorators
  • Comments / quotes — slate #64748b / #94a3b8
  • Caret & selection — teal #5eead4 with a soft 25% tint behind selections
  • Active line — subtle slate wash
  • Gutter — muted slate, no border

Installation

Download dist/markedit-theme-slatewave.js and drop it into MarkEdit's scripts folder:

cp dist/markedit-theme-slatewave.js \
  ~/Library/Containers/app.cyan.markedit/Data/Documents/scripts/

Relaunch MarkEdit. The theme activates automatically and follows your system light/dark setting.

Build from source

git clone https://github.com/kevinlangleyjr/markedit-slatewave
cd markedit-slatewave
yarn install
yarn build   # builds and auto-deploys into MarkEdit's scripts folder
yarn reload  # quits and relaunches MarkEdit

Uninstall

yarn uninstall

Settings

In MarkEdit's settings.json you can scope the theme to a single mode:

{
  "extension.markeditThemeSlatewave": {
    "enabledMode": "both"
  }
}
  • enabledMode: both (default), light, dark, or none to disable.

Palette

Slatewave shares its palette with the companion VSCode, Obsidian, and oh-my-posh themes.

HexTailwindRole
#282c34#282c34editor background
#1e293b#1e293bslate-800active line, fold placeholders
#334155#334155slate-700dividers, visible-space guides
#64748b#64748bslate-500comments, gutter text
#e2e8f0#e2e8f0slate-200body text
#5eead4#5eead4teal-300primary accent — headings, caret, strings
#99f6e4#99f6e4teal-200types, classes
#7dd3fc#7dd3fcsky-300labels
#38bdf8#38bdf8sky-400bold, links, keywords
#b388ff#b388ffitalic, meta, processing instructions
#fb7185#fb7185rose-400numbers, constants, atoms
#fbbf24#fbbf24amber-400macros, regex, escapes

Full scale and Tailwind names at getslatewave.com/colors.


Customize

MarkEdit-theming resolves colors in a cascade — values in MarkEdit's settings.json override the theme's defaults. To tweak anything without forking, set it in settings.json:

{
  "extension.markeditThemeSlatewave": {
    "enabledMode": "dark"
  }
}

For deeper customization, fork this repo, edit main.ts, and rebuild.


Slatewave family

One palette. Every tool.

See getslatewave.com for the full family.

Contributing

Issues and PRs welcome. For palette changes, include a before/after screenshot of the same document so the visual tradeoff is obvious.


License

WTFPL — Do What The Fuck You Want To Public License. See LICENSE.