Skip to content

Themes

Every chatcn component reads the same few dozen variables. Pick a preset or tune your own, watch a real agent run change with it, then install it with one command.

Already have a shadcn theme? Map chatcn onto it instead.

InkFocus ring 19.8:1 lightFocus ring 18.1:1 dark
The runs page is slow. Limit it to the latest 20.
Thought for 4 seconds
Removed: const runs = await getRuns()Added: const runs = await getRuns({ limit: 20 })

Pass a limit of 20 to getRuns so the page stops loading every run.

getRuns() is called without a limit, so every run comes back. I will pass limit: 20 and keep the cursor pagination (opens in a new tab) for older runs.

Plan2 of 4 done
  • Done: Read the runs page
  • Done: Limit getRuns to 20
  • In progress: Running the web tests
  • Pending: Measure the first paint

Agent

Ask before editsPause on every file change.
Run tests after edits
Web search

Use it

Paste after the chatcn theme import in your global CSS. Light values go on :root, dark on .dark, the same as shadcn.

/* chatcn theme: Ink. Paste after the chatcn theme import. */
/* This is the default theme. There is nothing to paste. */