themes

a theme is how your site looks. pick it in site settings, under theme.

every setting in settings.json works on every theme. the options below are about the look, and each theme has its own list.

wander

  • id: wander
  • menus: header, footer
  • light and dark: yes

colors

key what it is values default
color.background background color color #ffffff
color.text text color color #000000
color.muted muted text color #374151
color.border border color color #dddddd
color.link link color color #103dff
color.accent accent color color #103dff
color.list list background color #f5f5f5

layout

key what it is values default
layout.max_width content width text 640px

images

key what it is values default
image.shadow image shadow text none
image.radius image radius text 4px

theme

key what it is values default
theme.default default theme light, dark light
theme.toggle theme toggle true, false true

apple finder

  • id: finder
  • menus: header, footer
  • light and dark: yes

colors

key what it is values default
color.background background color color #ffffff
color.text text color color #000000
color.border border color color #d1d1d1
color.hover hover background color #f6f6f6
color.list list background color #fafafa
color.muted muted text color #666666

images

key what it is values default
image.shadow image shadow text 0 2px 8px rgba(0, 0, 0, 0.1)
image.radius image radius text 6px
image.border image border text none
key what it is values default
header.sticky sticky header true, false false

content

key what it is values default
content.heading_anchors heading anchors true, false false
content.syntax_highlighting syntax highlighting true, false true

theme

key what it is values default
theme.default default theme light, dark light
theme.toggle theme toggle true, false true

setting an option

use site settings, or write the key in the frontmatter of your site's index.md:

yaml
---
color:
  background: "#ffffff"
---
Version 1 · Created Sep 28, 2026 · Modified Sep 28, 2026
chatgpt claude