flows.md · documentação · Blocos
@tokens#
Os tokens de um tema, desenhados: as cores como amostras com os códigos, e as fontes como um exemplo de texto. É a vitrine de um design system guardado numa página.
Ao vivo#
Sem from:, o bloco desenha o tema que esta página veste — o da documentação:
Light
Background
#ffffff
Text
#24292f
Muted
#586069
Accent
#6366f1
Surface
#f6f8fa
Border
#d0d7de
Dark
Background
#0b0d10
Text
#e6e6e6
Muted
#a8b0b8
Accent
#6366f1
Surface
#151a21
Border
#2a3138
Headings in system · text in system · radius 6
```@tokens
```O tema de outra página#
from: desenha o tema de outra página do site: a página de um design system, o site de um cliente.
```@tokens from:/@ana/design
```O que precisa#
Uma página com um tema. O tema se escolhe, não se escreve: em Tema no editor, ou pelo set_theme do MCP; a página dos temas mostra os temas para começar. Os componentes de um tema entram numa página pelo @use.