Skip to content

Themes#

FoldNotes includes 13 editor themes — 6 light and 7 dark — so you can match your preferred writing environment.

Choosing a Theme#

Open FoldNotes → Settings → Appearance to select your theme. You can set separate themes for light and dark mode — FoldNotes automatically switches when your system appearance changes.

Light Themes#

Theme Description
Light The default light theme with warm, readable colours
Solarized Light Ethan Schoonover's precision colour scheme (warm background)
Dynamic Clean, high-contrast theme with a dark sidebar
Sea Shell Warm cream tones with teal accents
Catppuccin Latte Soothing pastel colours from the Catppuccin palette
Gruvbox Light Retro groove colour scheme with warm tones

Dark Themes#

Theme Description
Dark The default dark theme
Solarized Dark Ethan Schoonover's dark variant
Slate Muted blue-grey tones
Mocha Warm, low-contrast dark theme
Nord Arctic-inspired cool blue palette
Catppuccin Mocha Rich, warm dark variant from the Catppuccin palette
Dracula Popular high-contrast dark theme with vivid accents

Community themes (Solarized, Nord, Catppuccin, Dracula, Gruvbox) are open-source colour schemes adapted for FoldNotes' editor.

Following your system appearance#

Follow system light/dark mode (Settings ▸ Appearance) is on by default. With it on you choose two themes — one light, one dark — and FoldNotes switches between them as your Mac, iPhone or iPad changes mode.

While it is on, the editor's own theme chooser lists only themes matching the mode you are currently in — light themes in light mode, dark themes in dark mode. The chooser names which half it is showing, so a short list isn't mistaken for themes having gone missing.

Picking a theme there sets that half of the pair. Choosing a dark theme while your device is in dark mode makes it your dark theme; your light theme is untouched and still appears when the device switches back. The setting itself stays on — choosing a theme never silently stops FoldNotes following the system.

Setting the other half

To change the theme for the mode you are not currently in, use Settings ▸ Appearance, which always shows both the Light Theme and Dark Theme pickers whichever mode you are in.

Turn Follow system light/dark mode off and the chooser lists every theme again, with your pick applied as a single fixed theme that ignores the system.

What Themes Affect#

Themes control all editor colours:

  • Headings — distinct colour per level, larger font
  • Bold/Italic — rendered inline with visible Markdown markers
  • Links — accent colour, clickable
  • Tags — accent colour
  • Code — monospace font with themed background
  • Code blocks — monospace with background highlight
  • Tables — monospace with background highlight
  • Task metadata — muted colour for due:, done:, priority:
  • Done tasks — strikethrough with muted colour
  • Highlights — custom highlight colour per theme

The sidebar, toolbar, and other UI elements also adapt to the theme.

Font Size#

Adjust the editor font size with:

  • Cmd+= — increase
  • Cmd+- — decrease

The font size is remembered across sessions.

To change the font family for body text, headings, or code, see Settings → Editor. The default is the system sans (San Francisco), with New York serif and other faces available.

Preview Theme#

The Preview window uses a professional CSS theme with:

  • Charter/Georgia serif body text
  • Sans-serif headings
  • Proper table formatting with striped rows
  • Syntax-highlighted code blocks (via Highlight.js)
  • Styled admonition callouts

The preview theme adapts to light and dark mode independently of the editor theme.