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.