Importing styles
Importing styles replaces the default baseline with your own token values, so you do not have to set every color, font, and scale by hand. Open Import your brand styles from the brand overview and choose the source that matches what you already have.
Paste a CSS theme
Paste the CSS block that defines your theme: the variables for both light and dark. It works with any theme built for the component library your AI tools build with, so a globals.css, a theme export, or the output of a theme builder all drop straight in.
No theme yet? Build one on tweakcn, shadcncraft, or ui.shadcn.com, then paste the CSS it gives you.
What happens on import
Every import previews first. UI Rules reads what you pasted, shows a report of what Will apply and what it Skipped, and writes nothing until you apply. Once applied, the same report shows what changed.
Importing sets your brand's token values. It does not write rules. After importing, author General rules groups in each style category to tell AI tools how to use the values. See the Styles overview.
