Archived. See ARCHIVED.md for migration details.
- Archived on 2026-03-25
bun add @phenotype/design// .vitepress/theme/index.ts
import DefaultTheme from 'vitepress/theme'
import '@phenotype/design/css/vitepress-theme.css'
export default { extends: DefaultTheme }| Export | Description |
|---|---|
css/keycap-palette.css |
Color tokens + fonts (framework-agnostic) |
css/components.css |
Badges, cards, pipeline (framework-agnostic) |
css/vitepress-theme.css |
Full VitePress theme (imports both above) |
tokens/keycap.json |
W3C DTCG format design tokens |
dist/tokens.js |
TypeScript token constants |
dist/vitepress.js |
VitePress config helper |
| Role | Dark | Light |
|---|---|---|
| Background | #090a0c |
#f8f9fa |
| Text | #f6f5f5 |
#1a1c1e |
| Accent | #7ebab5 |
#4a9c97 |
| Slate | #353a40 |
#e8eaed |
All combinations meet WCAG AA contrast (4.5:1 minimum).
MIT