Gerador de tema claro e escuro

Defina uma cor primaria e obtenha tokens para superficie, texto e bordas nos modos claro e escuro.

Cor base

Modo claro

Título de exemplo

Texto secundario para leitura.

Modo escuro

Título de exemplo

Texto secundario para leitura.

CSS (temas com data-theme ou classe .dark no ancestral)