Theming

Override any Vy UI component slot, variant, or default via Tailwind Variants, for full theme control without fighting the library.

Lynx renders through its own CSS engine, so several things here behave differently on a device than in the browser preview. See Theming on Lynx for the constraints.

@vyui/kit ships a real theme system today. Every styled component has its own theme file backed by Tailwind Variants, and the whole thing is overridable at runtime.

Overrides

Per-component theme files, createTv / tv, and runtime app config.

Colors

The three CSS-variable tiers, configuring and adding colors.

Dark Mode

useColorMode and the app-root contract.

Fonts

Registering and applying fonts across web and native.

Tray

A morphing multi-view bottom sheet that grows to fit each view.

Overrides

Per-component theme files, createTv/tv, and runtime app config are the three ways to override a Vy UI theme.