Ninguna clase específica para el modo oscuro

Continuando la discusión de ¿Cómo añadir una clase de cuerpo específica para el modo oscuro (o claro)?:

¿Sigue siendo así?

Me gustaría añadir CSS específico para un widget externo (un mapa deleaflet) cuando se trata de un tema oscuro, ¿sigue sin ser posible identificarlo solo con un selector CSS?

Por supuesto, puedo crear un Componente Temático para aplicar los cambios y asumir que el administrador simplemente lo añade al Esquema Oscuro, pero eso no cambiará automáticamente… (que es la solución actual)

5 Me gusta

¿Esto lograría lo que necesitas? Esto tendría que agregarse a color_definitions.scss

@if #{schemeType()} == dark {
    body {
        background: red;
    }
} @else {
     body {
        background: blue;
    }
}

Sin embargo, una clase sí que sería útil, probablemente podamos agregar una.

6 Me gusta

Gracias por tu sugerencia.

Sí, no necesita ser una clase siempre que pueda distinguirlo en CSS.

Pregunta tonta: ¿cómo puedo hacer eso desde un componente de tema o un plugin?

3 Me gusta

En un tema o componente remoto puedes crear un archivo common/color_definitions.scss. Si buscas añadir CSS a través del panel de administración, hay una sección allí:

4 Me gusta

¡Gracias @awesomerobot!

3 Me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.