Token reference

:root {
  --mk-bg: #ffffff;
  --mk-surface: #f5f5f5;
  --mk-surface-raised: #ebebeb;
  --mk-border: #e0e0e0;
  --mk-text: #111111;
  --mk-text-muted: #666666;
  --mk-text-faint: #999999;
  --mk-accent: #0066ff;
  --mk-radius: 8px;
  --mk-font-mono: ui-monospace, monospace;
  --mk-control-height: 32px;
}

Presets

• data-theme="tool-dark" — default Minikit aesthetic (camera-controls style)
• data-theme="light" — light neutral
• data-theme="dark" — dark neutral

Use the theme switcher in the docs sidebar to preview all three.

Brand override

[data-theme="my-brand"] {
  --mk-accent: #ff3366;
  --mk-surface: #1a1a2e;
}