Docs / Update your mold

Update your mold

Upgrade an existing tokens.css without losing your customizations.

Check the installed version

Read the first line of your tokens.css, then compare it with the requires mold >= N header on the CSS or JS you are copying. A file without a mold header is legacy v1. Package version and mold version are separate.

head -n 1 path/to/tokens.css

Download and compare

Keep a backup. Download v2 into a new temporary file; do not overwrite your working copy before reviewing the diff.

cp path/to/tokens.css path/to/tokens.css.backup
curl -fsSL https://kata-ui.dev/tokens.css -o /tmp/kata-tokens-v2.css
diff -u path/to/tokens.css /tmp/kata-tokens-v2.css

Preserve local changes

If you edited tokens by hand, compare against the exact upstream revision you originally copied. Apply your theme overrides after the new mold rather than copying an old :root over it. Review the mold changelog; numbered durations now include the multiplier, so remove an extra multiplication. Do not restore removed combo/toast tokens at root. An unknown original revision needs a manual three-way review; do not guess.

git diff --no-index path/to/tokens.css.backup /tmp/kata-tokens-v2.css

Replace and verify

After reviewing the diff, replace tokens.css and reapply reviewed overrides. Test light and dark, focus states, custom palettes, motion multiplier zero and reduced motion. Keep the backup until those checks pass. Reload uncached assets to avoid mixing old tokens with new components.

cp /tmp/kata-tokens-v2.css path/to/tokens.css

The CLI compatibility warning is pending the overlapping CLI safety PRs #1 and #3. Until it is merged, check headers manually; the CLI does not protect this upgrade yet.

More docs

Introduction · Getting Started · CLI · Theming · Dark Mode · Accessibility · Installation · Plain HTML · Astro · Laravel · React & Next.js · JavaScript · Guide: Building a Dashboard · Guide: Building a Settings Page · Guide: Building a Pricing Page · Guide: Sign-in & Account Pages · Guide: Forms, For Real · Guide: Data Tables That Survive Real Data · AI Prompts · Why Vanilla · The Mold · Anatomy of a Part · Coming from Tailwind · KATA vs shadcn/ui · FAQ · Registry · Forms · MCP Server · RTL · Contributing · Changelog · Mold changelog

    Highlight a part to see it live.