Oros UI

Search documentation

Search Oros UI pages and components.

Theming

Customize Oros UI with the semantic variables provided by shadcn.

Theme foundation

The current release uses shadcn's base-nova theme as its visual foundation. This keeps component states and behavior consistent while allowing each app to customize the shared semantic variables.

Semantic variables

Components consume semantic variables such as --background, --foreground, --border, and --primary. Keep the base styles created by shadcn initialization in your app so installed components can resolve those values.

Color modes

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.

Oros brand theme

The dedicated Oros brand theme is still in development and is not included in component installs yet. Until it is available, apps use the semantic theme created during shadcn setup.