Novo Tema

Configure o design system completo

Informações Básicas

Nome do Tema *

Slug *

Identificador único (apenas letras minúsculas, números e hífens)

Descrição

Branding

Nome do App

Logo

Favicon

Exibir Logo

Exibir Nome do App

Cores (HEX)

Cor Primária

Digite a cor em formato HEX (ex: #FFA500)

Primária Foreground

Digite a cor em formato HEX (ex: #FFA500)

Background

Digite a cor em formato HEX (ex: #FFA500)

Foreground

Digite a cor em formato HEX (ex: #FFA500)

Card

Digite a cor em formato HEX (ex: #FFA500)

Card Foreground

Digite a cor em formato HEX (ex: #FFA500)

Accent

Digite a cor em formato HEX (ex: #FFA500)

Border

Digite a cor em formato HEX (ex: #FFA500)

Muted

Digite a cor em formato HEX (ex: #FFA500)

Muted Foreground (Placeholder)

Digite a cor em formato HEX (ex: #FFA500)

Accent Foreground

Digite a cor em formato HEX (ex: #FFA500)

Destructive (Erro)

Digite a cor em formato HEX (ex: #FFA500)

Destructive Foreground

Digite a cor em formato HEX (ex: #FFA500)

Input

Digite a cor em formato HEX (ex: #FFA500)

Ring (Focus)

Digite a cor em formato HEX (ex: #FFA500)

Gradientes

Configure gradientes para header e tela de login

Gradiente Header - Início

Digite a cor em formato HEX (ex: #FFA500)

Gradiente Header - Fim

Digite a cor em formato HEX (ex: #FFA500)

Direção do Gradiente

Ex: 180deg (vertical), 90deg (horizontal), 45deg (diagonal)

Tipografia

Família da Fonte

URL da Fonte (Google Fonts)