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.

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.

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.