Color Picker
Adicione um widget de campo seletor de cores para configuração visual amigável ao editor dentro do EmDash CMS.
Extensão
Color Picker
Adicione um widget de campo seletor de cores para configuração visual amigável ao editor dentro do EmDash CMS.
Color Picker é um plugin de experiência de editor focado: ele adiciona um widget de campo de seleção de cores para que os administradores possam configurar as cores da marca visualmente em vez de digitar códigos hexadecimais em campos de texto simples. Isso ilustra que os plug-ins do EmDash não servem apenas para integrações pesadas - eles também melhoram a experiência do usuário da edição diária. Consulte packages/plugins/color no repositório EmDash.
Instalação
- Habilite o plugin Color Picker no administrador do EmDash.
- Em seu modelo ou esquema de conteúdo, anexe o widget de cores aos campos onde os designers devem escolher as cores (acentos de tema, cores de botões, emblemas de categoria).
- Visualize a UI do administrador para confirmar se o seletor renderiza e persiste os valores ao salvar.
Configuração
Você normalmente definirá:
- Cores padrão — pontos de partida seguros para novas entradas.
- Formatos permitidos — variáveis hexadecimais, RGB ou CSS dependendo do que seu tema consome.
- Dicas de contraste ou acessibilidade — algumas equipes adicionam notas nas descrições dos campos quando determinadas cores devem atender ao contraste das WCAG em relação a fundos conhecidos.
Exemplo (conceitual): um modelo de marketing pode armazenar primaryColor e secondaryColor como #2563eb e #64748b, referenciados em componentes Astro por meio de variáveis CSS definidas no momento da construção.
Cenários de uso
- Personalização de tema — sites de marketing em que cada campanha precisa de um sotaque ligeiramente diferente, sem novas implantações.
- Sistemas de design — mantenha as opções de paleta dentro de campos estruturados em vez de estilos embutidos dispersos.
- Produtos com etiqueta em branco — os parceiros escolhem as cores dentro das proteções que você define.
Dicas operacionais
- Documente como as cores são mapeadas para tokens de front-end para que os engenheiros não codifiquem duplicatas.
- Valide os valores ao salvar se precisar bloquear verdes neon em um site de marca de saúde.
- Ao exportar conteúdo, inclua campos coloridos em sua lista de verificação de migração para que as reimportações não percam o estilo.
Status do registro (verificado em 2026-10-21): esta entrada não apareceu nos resultados do registro público do EmDash consultados nessa data. O endereço da página existente foi mantido como referência.