Variables personalizadas para esquemas de color

Creo que una función donde pudiéramos agregar variables CSS personalizadas a los esquemas de color sería útil.

Mi caso de uso es que tengo un encabezado personalizado en mi foro y quiero que el logo de nuestra empresa sea azul en el esquema de color claro y blanco en el esquema de color oscuro. Dado que no hay forma de escribir CSS que se dirija a un esquema de color específico, no veo cómo puedo hacer esto actualmente. Lo que podría hacer es tener un tema oscuro y claro por separado, pero entonces pierdo la capacidad de usar el modo oscuro automático, que solo puede cambiar el esquema de color y no el tema.

Alternativamente, tener una clase CSS en html o body que indique el esquema de color seleccionado también resolvería este problema, ya que podría escribir CSS dirigido al esquema de color específico.

1 me gusta

Si solo necesita abordar el logotipo, hay ranuras dedicadas para logotipos de esquema oscuro en la configuración del backend:

1 me gusta

Puedes tener CSS que se comporte de manera diferente en modo claro/oscuro si eso ayuda; tenemos una hoja de estilo especial llamada color_definitions… aquí tienes un ejemplo de cómo podrías usarla: Why might dark-light-choose() not work? - #2 by awesomerobot

6 Me gusta

¡Gracias! No sabía que ya se podía hacer eso, ¡es justo lo que necesitaba! El logo con tema oscuro también es un buen punto, no sabía que existía.

1 me gusta