guide

Guide

Visual languages

The top 3 brand packs are in. Base stays the library default. Gleap — linen and graphite. Plain — parchment and one green CTA. Micro — paper, ink, and azure action. Swap with data-au-theme. Light and dark stay on data-theme.

← →

Swap

Include themes.css after tokens.css. Change one attribute. No-JS hosts set it in the HTML; the select below is progressive enhancement. 

<link rel="stylesheet" href="tokens.css">
<link rel="stylesheet" href="themes.css">
<html data-au-theme="gleap">

Same agent state

Markup stays still. The select restyles every catalog root. Gleap should read as warm paper and matte-black pills. Plain should read as parchment cream with a single living green CTA. Micro should read as paper-white product UI with an azure primary.

candidate / catalogtoken pack

agent state

A bounded action

Keep the next decision close to the evidence.

Confirm write

Exact path shown. Host owns the write.

Try Gleap on this thread.

Every catalog component should restyle with the pack.

Native form · host-owned submit

Working

Reasoning done

Checking the order status before answering.

readsuccess
{"path":"CHANGELOG.md"}

3 headings found.

Review required

Write release-notes.md?

write-file · exact action shown

needs your input

Which channel?

Channel
app.js
console.log("ok");
NameStatus
Acmeopen

Preview card

Verify vendor records in progress
1 tool call expanded
done Read changelog
Note

Draft stays on this card until the host writes it.

Add the next language

  1. Copy a candidate primitive block in themes.css (canvas, ink, accent, radius, type, --au-dark-*, --au-brand-*). Add exceptions only when a token cannot express the move.
  2. Rename the id on html[data-au-theme] and .au-theme-*. Do not copy the shared alias / catalog remap block. No remote fonts.
  3. Add one object in scripts/theme-packs.js: id, label, description, file, and probe.
  4. Run node scripts/sync-docs-rail.js, node scripts/build-catalog.js, and node scripts/build-agentic-docs.js.

Product-likeness chrome that tokens cannot express stays in host-skins.css and showcase recipes. Do not bake brand colors into component CSS.