Fundação

Tema

Light, Dark e System — por atributo, sem flash.

O tema é um atributo data-theme="light" | "dark" no <html>. Sem o atributo = "system": cai em prefers-color-scheme.

Componentes leem só tokens semânticos, então trocar de tema nunca exige tocar num componente. Use o seletor no topo desta página para ver.

@revon/ui exporta <ThemeProvider>, useTheme(), themeInitScript() e resolveTheme(). O themeInitScript roda inline no <head> antes do primeiro paint — sem flash.