Componentes
Code Theme
Temas globais para blocos de código, terminal, API e diff.
Instalação
bun add @adila-sh/uiUso
import { CodeThemeProvider, CodeThemeSelect } from "@adila-sh/ui";
export function DeveloperTools({ children }: { children: React.ReactNode }) {
return (
<CodeThemeProvider defaultTheme="tokyo-night">
<CodeThemeSelect />
{children}
</CodeThemeProvider>
);
}Temas disponíveis
Claros:
github-lightmin-lightsolarized-light
Escuros:
tokyo-nightgithub-darkdracula
O tema selecionado é compartilhado por CodeBlock, Terminal,
PackageInstall, ApiRequest e DiffViewer. O Pierre recebe o tema Shiki
correspondente, enquanto os demais componentes usam a mesma paleta por tokens
CSS.