Themes

Make the editor look the way you like.

Novelist ships with a light and a dark theme out of the box. You can switch in Settings → Appearance, or install third-party themes from the plugin marketplace.

Switching themes

Open Settings (⌘,)
Select Appearance
Pick a theme from the dropdown

The change applies immediately — no restart needed.

Writing a theme

A theme is essentially a file that defines CSS custom properties. The minimal theme looks like:

:root[data-theme="my-theme"] {
  --editor-bg: #1e1e1e;
  --editor-text: #d4d4d4;
  --heading-color: #ffffff;
  --accent-color: #7aa2f7;
  --code-bg: #2a2a2a;
}

The full list of overridable variables lives in the Novelist app repository: creating-themes.md.

Packaging a theme as a plugin

Want to share your theme? See:

Plugins overview
Plugin API
Submitting to the marketplace

A theme is a kind of plugin — use the theme category.