Temas

O tema oficial Pharos carrega a marca Alexandria: tokens, dark mode e ícones Lucide.

theme-pharospúblico

Pharos

Tema built para consumo direto — sem plugin StyleX no app.

Instalação

Theme

pnpm add @pharos-ds/theme-pharos

import {Theme} from '@pharos-ds/core/theme';
import {pharosTheme} from '@pharos-ds/theme-pharos/built';
import '@pharos-ds/theme-pharos/theme.css';

<Theme theme={pharosTheme} mode="system">
  {children}
</Theme>

Customizar

Defina um tema TypeScript e gere o CSS com a CLI. Guia completo em Documentação → Temas.

CLI

npx @pharos-ds/cli theme build src/themes/meuTema.ts --out src/themes/meuTema.css

Dark mode

Use o toggle no header deste site, ou controle o prop mode de <Theme> (light / dark / system).