Color Picker
Agregue un widget de campo de selección de color para una configuración visual fácil de editar dentro de EmDash CMS.
Extensión
Color Picker
Agregue un widget de campo de selección de color para una configuración visual fácil de editar dentro de EmDash CMS.
Color Picker es un complemento de experiencia de editor enfocado: agrega un widget de campo de selección de color para que los administradores puedan configurar los colores de la marca visualmente en lugar de escribir códigos hexadecimales en campos de texto sin formato. Ilustra que los complementos de EmDash no son solo para integraciones pesadas, sino que también mejoran la edición UX del día a día. Consulte packages/plugins/color en el repositorio de EmDash.
Instalación
- Habilite el complemento Selector de color desde el administrador de EmDash.
- En su modelo o esquema de contenido, adjunte el widget de color a los campos donde los diseñadores deben elegir colores (acentos de tema, colores de botones, insignias de categoría).
- Obtenga una vista previa de la interfaz de usuario del administrador para confirmar que el selector representa y conserva los valores al guardar.
Configuración
Generalmente definirás:
- Colores predeterminados: puntos de partida seguros para la marca para nuevas entradas.
- Formatos permitidos: variables hexadecimales, RGB o CSS según lo que consuma su tema.
- Sugerencias de contraste o accesibilidad: algunos equipos agregan notas en las descripciones de los campos cuando ciertos colores deben cumplir con el contraste WCAG contra fondos conocidos.
Ejemplo (conceptual): una plantilla de marketing podría almacenar primaryColor y secondaryColor como #2563eb y #64748b, a los que se hace referencia en los componentes de Astro mediante variables CSS configuradas en el momento de la compilación.
Escenarios de uso
- Personalización del tema: sitios de marketing donde cada campaña necesita un acento ligeramente diferente sin nuevas implementaciones.
- Sistemas de diseño: mantenga las opciones de paleta dentro de campos estructurados en lugar de estilos en línea dispersos.
- Productos de marca blanca: los socios eligen colores dentro de las barreras que usted defina.
Consejos operativos
- Documentar cómo se asignan los colores a los tokens de interfaz para que los ingenieros no codifiquen duplicados.
- Valide los valores al guardar si necesita bloquear los verdes de neón en un sitio de marca de atención médica.
- Al exportar contenido, incluya campos de color en su lista de verificación de migración para que las reimportaciones no pierdan estilo.
Estado del registro (verificado el 2026-10-21): esta entrada no aparecía en los resultados del registro público de EmDash consultados ese día. Se conserva la dirección de la página existente como referencia.