Seletor de cores
Adicione um widget de campo seletor de cores para configuração visual amigável a editores no EmDash CMS.
Extensão
Seletor de cores
Adicione um widget de campo seletor de cores para configuração visual amigável a editores no EmDash CMS.
Detalhes do produto
- Categoria
- Experiência do editor
- Estado
- Disponível
- Versão
- Incluído na beta
Color Picker é um plugin focado na experiência do editor: adiciona um campo com seletor de cores para que administradores configurem cores de marca visualmente em vez de digitar hex em campos de texto. Mostra que plugins EmDash não servem só para integrações pesadas — também melhoram o dia a dia da edição. Veja packages/plugins/color no repositório EmDash.
Instalação
- Ative o plugin Color Picker no admin EmDash.
- No modelo ou esquema de conteúdo, anexe o widget de cor aos campos onde designers devem escolher cores (acentos do tema, botões, selos de categoria).
- Pré-visualize o admin para confirmar que o seletor renderiza e persiste valores ao salvar.
Configuração
Normalmente você define:
- Cores padrão — pontos de partida seguros para a marca em novas entradas.
- Formatos permitidos — hex, RGB ou variáveis CSS conforme o tema consuma.
- Dicas de contraste ou acessibilidade — algumas equipes acrescentam notas nas descrições quando certas cores devem atender contraste WCAG em fundos conhecidos.
Exemplo (conceitual): um template de marketing pode armazenar primaryColor e secondaryColor como #2563eb e #64748b, referenciados em componentes Astro via variáveis CSS no build.
Cenários de uso
- Personalização de tema — sites de marketing onde cada campanha precisa de um acento diferente sem novo deploy.
- Design systems — manter escolhas de paleta em campos estruturados em vez de estilos inline espalhados.
- Produtos white-label — parceiros escolhem cores dentro dos limites que você define.
Dicas operacionais
- Documente como as cores mapeiam para tokens de frontend para evitar duplicatas codificadas à mão.
- Valide valores ao salvar se precisar bloquear verdes neon em um site de saúde.
- Ao exportar conteúdo, inclua campos de cor na checklist de migração para reimportações não perderem estilo.