Notebook ships with a dark mode that’s driven entirely by CSS variables. Every surface โ€” the dotted paper, cards, the spine line, code panels โ€” recolors from one small block of overrides.

A tiny inline script sets the theme before the page paints, reading your saved choice from localStorage and falling back to the site’s defaultTheme. That means no flash of the wrong theme on load.

Toggle it from the button at the bottom of the nav rail. Your choice sticks across pages and visits.

Want a different default? Set it in your config:

[params]
  defaultTheme = "dark"