Los estilos CSS de @media (prefers-color-scheme: dark) en los componentes de mi tema son ignorados si el sistema operativo del usuario está configurado en modo claro y el usuario selecciona el modo oscuro en el interruptor de la barra lateral. También obtengo resultados extraños si el sistema operativo del usuario está configurado en modo oscuro y este selecciona el modo claro en el interruptor de la barra lateral. Todo se ve como se esperaba cuando el sistema operativo y el interruptor coinciden en los modos. ¿Alguien más se ha encontrado con este problema y ha descubierto cómo hacer que sus ajustes CSS de modo claro/oscuro se apliquen cuando la configuración del sistema operativo y la configuración del interruptor de la barra lateral no coinciden?
¿Tienes temas personalizados? ¿Sucede el mismo problema cuando usas Foundation u Horizon?
¡Hola Kayla! ¿Pudiste resolver esto por tu cuenta? Si es así, ¿puedes compartir los resultados aquí? Si no, creo que deberíamos eliminar este tema.
Prefers-color-scheme solo considera el modo del sistema operativo y los esquemas de color.
Para que el selector de color de la interfaz funcione correctamente para colores que no son de esquema de color y otros valores CSS, siempre debes usar dark-light-choose como se explica aquí Update themes and plugins to support automatic dark mode - #5 by pmusaraj
1 me gusta