1. Docs
2. Look and feel

Backgrounds and colours

Graph paper, dots, nothing or your own tile behind the page, and any single colour changed per mode.

The background#

Each preset has a background: graph paper (fieldnotes), dots (terminal) or none. Choose another per mode:

[params.background]
  light = "grid"   # "grid", "dots", "none", or an image in assets/
  dark = "dots"

The lines and dots take the scheme’s pattern colour, faint enough to read text on.

Your own tile#

An image in assets/ repeats across the page. An SVG tile is ideal: small, sharp at every size, and it can be drawn in any editor (Inkscape, Figma, Affinity) or by hand. Give it a size if it shouldn’t repeat at its own:

[params.background]
  light = "images/tile.svg"   # assets/images/tile.svg
  dark = "dots"
  size = "120px"

Keep tiles quiet: low contrast with the page, so text stays easy to read. A page can have its own background in its front matter:

style:
  background:
    light: images/waves.svg
    dark: none

Single colours#

Change any of a scheme’s nine colours, for light and dark mode separately:

[params.colors.light]
  accent = "#0b6e4f"
[params.colors.dark]
  accent = "#5fd3a8"