En un tema personalizado, ¿cómo se seleccionan las paletas claras y oscuras deseadas?

Estoy un poco confundido sobre cómo los temas personalizados admiten paletas de colores para el modo claro y oscuro. Cuando edito un nuevo tema y selecciono una paleta, solo puedo seleccionar una. Cuando lo previsualicé, y estoy usando el Modo Oscuro, no vi la paleta de colores. Cuando cambié mi configuración (configuración del sistema operativo) al modo claro, pude ver la paleta personalizada. Entonces, supongo que la pregunta es: si un tema solo puede seleccionar una paleta, ¿cómo ‘enlazo’ el nuevo tema a la paleta personalizada X para el modo claro y la paleta personalizada Y para el modo oscuro?

1 me gusta

En tus preferencias de usuario, es posible que hayas configurado el esquema de colores del modo oscuro a uno diferente al predeterminado.

Puedes ver todas las paletas de colores en /admin/customize/colors, creo.

Actualmente, los sitios deben tener un esquema de color seleccionado como el esquema de color del modo oscuro; no está integrado en el sistema de paleta de colores para tener dos modos.

Sin embargo, estamos trabajando intensamente para que esto sea mucho más intuitivo e incluir modos claros y oscuros nativos para todos los temas, y la preferencia del usuario decidirá cuál verá. Todavía no tenemos una fecha estimada para estas actualizaciones, pero estamos muy avanzados y esperamos tener modos claros y oscuros para las paletas de colores (junto con otras mejoras relacionadas) disponibles pronto.

4 Me gusta

“Sin embargo, estamos trabajando a fondo en algo que hará que esto sea mucho más intuitivo e incluirá modos nativos claro y oscuro para todos los temas, y la preferencia del usuario decidirá cuál verá”.

Pero para que quede claro, si no quiero ofrecer opciones al usuario, solo tener un esquema de color claro/oscuro para el sitio, eso será posible, ¿verdad?

Todavía estoy un poco confundido. ¿Estás diciendo que un tema usará un esquema de color seleccionado personalizado para el modo CLARO, y para el OSCURO hará… algo más? Si pudiera editar el modo OSCURO predeterminado, eso funcionaría, ya que no necesito N temas entre los que los usuarios puedan elegir. Si esto funciona, ¿cómo sé qué esquema editar?

Sí, lo es.

Creas dos paletas de colores (o personalizas las existentes). Creé mi paleta de colores ‘Rosa’ basándome en la paleta clara WCAG y mi paleta de colores ‘Rosa Oscuro’ personalizando la paleta oscura WCAG. Supongo que no quieres que tus usuarios seleccionen la paleta de colores oscura también para el modo claro; entonces me aseguraría de que la paleta de colores puede ser seleccionada por los usuarios esté desactivada. Si eso está desactivado en todas las paletas, el menú desplegable en las preferencias de interfaz de los usuarios desaparece.

Entonces tus usuarios solo verán


En lugar del selector de color que ves en tus preferencias aquí en Meta.

Estableces tu paleta oscura como el esquema de color predeterminado en todo el sitio para el modo oscuro en la configuración del sitio ID del esquema de color oscuro predeterminado.

Y pones la paleta clara en la configuración de la paleta de colores de tu tema.

La limitación actual es que no puedo crear fácilmente dos paletas más, por ejemplo, una azul clara y una azul oscura, y dejar que los usuarios elijan entre rosa y azul. Si bien la paleta de colores claros que está conectada al tema funciona bien, no puedo tener una paleta oscura predeterminada diferente para ese tema. Pero mientras solo quieras una paleta de colores clara y una oscura, las opciones actuales son suficientes para ti.

5 Me gusta

¡Gracias, lo probaré!

Sí, con el próximo soporte para paletas claras y oscuras, esto será fácil de hacer. Como señala @Moin, este tipo de cosas ya son posibles, pero no es la forma más intuitiva de hacerlo.

Con los próximos cambios, todas las paletas tendrán un modo claro y uno oscuro como parte de la paleta. Esto incluye las paletas de colores que vienen con los temas, así como las que puedes crear y editar en la administración. Podrás elegir los valores predeterminados según sea necesario.

4 Me gusta

Esperando con ansias. Tuve que rebuscar entre muchos temas para encontrar esta información. Por ahora, seguiré la sugerencia dada en este tema.

1 me gusta

¿se ha implementado esto ya?

1 me gusta

Todavía no, pero estamos progresando. Es nuestra máxima prioridad, así que esperen ver algunas cosas empezar a llegar en las próximas semanas.

2 Me gusta