Cores
Papéis semânticos
Use sempre estes tokens em componentes. As escalas abaixo existem apenas para compor os papéis.
Pares de contraste
Cada primeiro plano sobre o fundo previsto.
Ação da marca
--nb-color-primary-foreground / --nb-color-primary
Ação do produto
--nb-color-product-foreground / --nb-color-product
Destaque
--nb-color-accent-foreground / --nb-color-accent
Texto em superfície
--nb-color-foreground / --nb-color-surface
Cabeçalho de tabela
--nb-color-product / --nb-color-surface-subtle
Erro
--nb-color-foreground-inverse / --nb-color-danger
Verde Nutriburn
--nb-green-50
--nb-green-100
--nb-green-200
--nb-green-300
--nb-green-400
--nb-green-500
--nb-green-600
--nb-green-700
--nb-green-800
--nb-green-900
Azul H2OFF
--nb-blue-50
--nb-blue-100
--nb-blue-200
--nb-blue-300
--nb-blue-400
--nb-blue-500
--nb-blue-600
--nb-blue-700
--nb-blue-800
--nb-blue-900
Ciano de destaque
--nb-cyan-300
--nb-cyan-400
--nb-cyan-500
--nb-cyan-600
Neutros frios
--nb-neutral-0
--nb-neutral-50
--nb-neutral-100
--nb-neutral-200
--nb-neutral-300
--nb-neutral-400
--nb-neutral-500
--nb-neutral-600
--nb-neutral-700
--nb-neutral-800
--nb-neutral-900