Theme tester

This page intentionally exercises the Verdigris docs theme. Use it when changing site/src/styles/verdigris.css, the Expressive Code themes, or Starlight navigation styling.

It is not product documentation. It is a visual maintenance page for checking headings, links, inline code, code blocks, callouts, card-like surfaces, badges/tags, lists, and tables in one predictable place.

Heading scale

H1 verdigris headline

A page-level heading should read green and confident without washing out the body copy. This paragraph includes an internal docs-site workflow link, an external Astro link, and inline code such as tandem accord deliver.

H2 aqua section

H2 headings should carry the cool aqua role and provide a clear section break.

H3 brass subsection

H3 headings should introduce brass/ochre warmth for implementation detail.

H4 moss detail

H4 headings should use the moss accent for supporting structure.

H5 cream label

H5 headings are small detail labels with a cream/brass feel.

H6 muted note

H6 headings should stay quiet and muted.

Body copy and links

Tandem docs should remain readable before they become decorative. Body copy uses a warm neutral foreground, while links and inline code carry enough Verdigris identity to be discoverable during scanning.

Internal link: Guides overview
External link: Starlight authoring content
Inline code: state: validation, accord.status: delivered, and bun run build

Fenced code blocks

The following blocks verify Expressive Code rendering and Verdigris syntax highlighting.

export type AccordStatus = 'ready' | 'claimed' | 'delivered' | 'accepted' | 'rework';

export function nextAction(status: AccordStatus): string {
  if (status === 'delivered') return 'review visually before acceptance';
  return `continue ${status}`;
}

cd site
bun install --frozen-lockfile
bun run build

theme = "verdigris"
transparent_background = false
badge_style = "muted"

[board.badges.tags.docs]
tone = "success"

Blockquotes

A good validation page makes broken styling obvious before it reaches release notes. The blockquote should have a restrained Verdigris rail, a soft background, and readable body text.

Starlight asides

Markdown-compatible cards and tags

Verdigris

Validation path

Primary theme surfaces should feel Tandem-specific without becoming neon.

Aqua

Navigation context

Aqua accents separate links, secondary headings, and supporting UI.

Brass

Implementation detail

Brass/ochre adds warmth for warnings, H3s, and metadata surfaces.

Moss

Supporting structure

Moss keeps lower-level hierarchy visible without competing with H1.

Tag examples: accepted validation manual review blocked archived

Lists and tables

Check dark and light mode.
Check sidebar current-page state.
Check code fences before accepting theme work.

Surface	Expected accent	Maintenance note
H1	Verdigris green	Primary page identity
H2	Aqua	Section separation
H3	Brass/ochre	Warm implementation detail
H4	Moss	Supporting hierarchy
Code	Verdigris syntax	Must render as Expressive Code