Theming

Oros keeps shadcn's base-nova source as its behavioral substrate and applies a generated semantic theme above it. The docs app and registry theme are generated from the same token and component-style source.

Components consume Oros mappings through semantic variables such as --background, --foreground, --border, and --primary. Keep the base styles created by shadcn initialization in your app; the Oros theme replaces their values without changing component source.

Light and dark mode use the same semantic variable names with different values. Use the theme control in the header to see every component in both modes.

The Oros theme includes licensed ABC Diatype and Perfectly Nineties webfonts, monochrome light and dark variables, restrained materials, and stable slot styling. All 70 catalog components install it transitively. It can also be installed directly with the proven command below.

pnpm dlx shadcn@4.13.0 add @oros/oros-theme