Estilo
Tema
Todo o visual do Herbst fica em um único arquivo de variáveis CSS. Todo componente lê esses tokens semânticos, então mudar um valor atualiza a biblioteca inteira de uma vez e deixa a paleta com a sua cara.
O sistema de tokens
Os tokens são definidos em oklch sob :root e redefinidos sob .dark. A tabela lê o tema ao vivo, então cada amostra acompanha o modo atual.
| --background | |
| --foreground | |
| --card | |
| --muted | |
| --muted-foreground | |
| --primary | |
| --accent | |
| --border | |
| --destructive | |
| --success | |
| --warning | |
| --ring |
Editando o tema
Abra o theme.css e mude qualquer valor, como um destaque mais quente, um fundo mais frio ou outro radius. A mudança chega aos 68 componentes.
Radius, fontes e sombras
O radius base é pequeno e nítido. A tipografia é uma serifa para títulos, uma grotesca para o corpo e uma monoespaçada para rótulos e código. A elevação vem das bordas hairline.