Color

Surface, text and border colors in both themes, plus the diagram hues.

Click a swatch to copy its variable. Swatches follow the theme you are in; the values for both themes are written under each one.

Surfaces

The page is one flat color: white in light mode, near black in dark. Two tints mark tiles, image pads and the current tab.

Text and icons

Borders

Flow diagram hues

The one place the site carries more than one accent. Each step in a flow diagram gets a pale disc and a deep stroke. For diagrams only, never for controls or text.

Graph hues

Three colors for the kinds of node in the knowledge graph. Two of them are too pale to stand alone on the page color, so a kind always carries a shape and a label as well.

Texture

↑ ↓ to move, Enter to open, Esc to close