Ai2 Indigo

theme

Indigo brand theme for ai2: recolors the brand tone channel (solid + soft pairs) in light and dark mode. Install on top of any ai2 setup; every component using tone=brand follows automatically.

pnpm dlx shadcn@latest add "https://ai2.design/r/theme-indigo.json"

Sign In

Ai2 Indigo

theme

Indigo brand theme for ai2: recolors the brand tone channel (solid + soft pairs) in light and dark mode. Install on top of any ai2 setup; every component using tone=brand follows automatically.

pnpm dlx shadcn@latest add "https://ai2.design/r/theme-indigo.json"

Light Mode

--brand:

oklch(0.511 0.262 272)

--brand-foreground:

oklch(0.985 0.002 265)

--brand-soft:

oklch(0.93 0.034 272)

--brand-soft-foreground:

oklch(0.457 0.24 272)

Dark Mode

--brand:

oklch(0.673 0.182 272)

--brand-foreground:

oklch(0.145 0.003 265)

--brand-soft:

oklch(0.257 0.09 272)

--brand-soft-foreground:

oklch(0.785 0.115 272)

Light Mode

--brand:

oklch(0.511 0.262 272)

--brand-foreground:

oklch(0.985 0.002 265)

--brand-soft:

oklch(0.93 0.034 272)

--brand-soft-foreground:

oklch(0.457 0.24 272)

Dark Mode

--brand:

oklch(0.673 0.182 272)

--brand-foreground:

oklch(0.145 0.003 265)

--brand-soft:

oklch(0.257 0.09 272)

--brand-soft-foreground:

oklch(0.785 0.115 272)