diff --git a/codev/plans/1053-vscode-typography-tokens-for-t.md b/codev/plans/1053-vscode-typography-tokens-for-t.md new file mode 100644 index 000000000..5a3e46d4d --- /dev/null +++ b/codev/plans/1053-vscode-typography-tokens-for-t.md @@ -0,0 +1,225 @@ +# PIR Plan: Typography tokens for the Codev Markdown Preview (artifact canvas) + +> Issue #1053 · area/vscode · extends the locked 8-token color vocabulary from #945 (spec 945 D4) +> with a typography token tier so prose (specs, plans, reviews) reads cleanly in the VSCode preview. + +## Understanding + +The Codev Markdown Preview surfaces the `@cluesmith/codev-artifact-canvas` component inside a +VSCode `CustomTextEditor` webview (`packages/vscode/src/markdown-preview/`). The canvas ships +`default-theme.css` with **eight `--codev-canvas-*` tokens that are colors only** (spec 945 D4 +deliberately capped the v1 vocabulary at colors). Everything about *type* — size, family, +line-height, paragraph rhythm, heading scale, prose width — falls through to the webview's +inherited defaults, which are tuned for code (the workbench UI font ~13px, line-height ~1.4), +not for sustained reading of long-form documents. + +Concretely, in `packages/artifact-canvas/src/styles/default-theme.css` the +`.codev-artifact-canvas` block sets only `color`/`background` and the eight color custom +properties; there is **no rule** that sizes `body`, `p`, `h1`–`h6`, `ul`/`ol`, `blockquote`, +`pre`/`code`, or `table`. In the VSCode host, `preview-template.ts`'s inline `