Elements

Tables, code, and rules — the structural pieces a theme has to get right.

Table

Code

Inline const x = 42 sits in running text. A fenced block gets its own surface:

function cycleTheme(order, current) {
  const i = order.indexOf(current);
  return order[(i + 1) % order.length];
}

And a shell snippet, to check monospace and comment coloring:

# copy a theme into your site
cp _theme-nord.css /path/to/site/

Horizontal rule

A plain rule, for comparison with the fancier divider on the home page:

That's the structural kit — if these read well in every theme, the theme is doing its job.