Mark

Appearance

Themes ​

Mark ships with 32 built-in themes — 15 families with a light and a dark member, plus two dark-only themes — switchable from View > Theme in the menu bar. One title-bar button flips the current family between its light and dark side.

Families (light / dark) ​

  • Paper / Ink
  • Docs / Docs Dark
  • macOS / macOS Dark
  • Graphite / Graphite Dark
  • Ulysses / Ulysses Dark
  • One Light / One Dark
  • Nord Light / Nord
  • Gruvbox Light / Gruvbox Dark
  • Everforest Light / Everforest Dark
  • Solarized Light / Solarized Dark
  • Rosé Pine Dawn / Rosé Pine
  • Kanagawa Lotus / Kanagawa
  • Catppuccin Latte / Catppuccin Mocha
  • Ayu Light / Ayu Dark
  • Tokyo Night Light / Tokyo Night

Dark only ​

  • Alucard
  • Dracula

Every theme is in the diagram gallery too — pick a theme there and watch every diagram type recolour.

Custom CSS ​

You can add custom CSS overrides in Preferences > Theme > Custom CSS. This CSS is injected after the theme stylesheet, so you can override any variable.

Theme CSS variables follow the pattern --editorBgColor, --editorColor, --sideBarBgColor, etc.