Paleta de Cores - The Digital Bible
Sistema de cores com suporte a modo claro e escuro
Cores Principais
Primary
#1173d4
Cor principal usada para elementos de
destaque, links e ícones.
Texto Principal
#111418
Cor do texto principal no modo claro.
Background Light
#f6f7f8
Cor de fundo principal no modo claro.
Modo Claro
White
#ffffff
Cards, inputs
Gray 100
#f3f4f6
Backgrounds secundários
Gray 300
#d1d5db
Bordas, separadores
Gray 500
#6b7280
Texto secundário, placeholders
Modo Escuro
Background Dark
#101922
Fundo principal (modo escuro)
Gray 800
#1f2937
Cards, containers
Gray 700
#374151
Elementos secundários
Gray 600
#4b5563
Bordas, separadores
Uso das Cores
Modo Claro
Primary (#1173d4): Ícones, links, elementos interativos
Background (#f6f7f8): Fundo da página
Borders (#d1d5db): Separadores, bordas de cards
Secondary BG (#f3f4f6): Fundo de elementos secundários
Modo Escuro
Primary (#1173d4): Mantém a mesma cor
Text (#e5e7eb): Texto principal
Background (#101922): Fundo da página
Borders (#4b5563): Separadores, bordas
Sistema de Cores
Hierarquia Visual
Primária
Elementos de maior destaque
Texto
Conteúdo legível
Secundária
Elementos de apoio
Bordas
Separação visual
Características
Design consistente entre modos claro e escuro
Boa acessibilidade e contraste
Hierarquia visual clara
Transições suaves entre estados