Modo oscuro sobrescribir colores en el email

La mayoría de las cuestiones han sido aclaradas pero una de mis h1's se volverá negro en modo oscuro en Outlook 360 y no estoy seguro de por qué.


   
        text is here

He intentado usar la búsqueda de medios de esquema de color pero nada lo está afectando.

Pregunta hecha hace 3 años, 5 meses, 0 días - Por quantumquasar

2 Respuestas:

  • El problema que estás experimentando con el color negro en el modo oscuro se debe a que Outlook 360 no reconoce la propiedad color con el valor <h8>ffffff en la etiqueta h1. Para solucionar esto, puedes eliminar la propiedad color: <h8>ffffff de la etiqueta h1 y utilizar solo la clase darkmodecolor para controlar el color en modo oscuro. Aquí tienes el código corregido:

    html

    
   
        text is here

    Asegúrate de que la clase darkmodecolor esté correctamente definida en tu CSS para controlar el color en modo oscuro. De esta manera, deberías poder mantener el color blanco en modo oscuro en Outlook 360 sin problemas.

    Respondida el Dec 17, 2020 a las 17:51 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • El código HTML proporcionado contiene varias declaraciones de estilo en línea que intentan anular el color del elemento <h1> en modo oscuro. Sin embargo, Outlook 360 a veces puede ignorar o anular estos estilos en línea.

    Para resolver este problema, intenta utilizar un estilo en línea más específico o un estilo incorporado para anular el color del elemento <h1> en modo oscuro. Aquí tienes un ejemplo utilizando un estilo en línea más específico:

    html

               text is here

    En este ejemplo, hemos añadido !important a la declaración de estilo color dentro del elemento span. Esto indica al cliente de correo electrónico que este estilo debe aplicarse con prioridad y que no debe anularse por otros estilos.

    También puedes intentar utilizar un estilo incorporado para anular el color del elemento <h1> en modo oscuro. Aquí tienes un ejemplo:

    html



       
        text is here

    En este ejemplo, hemos utilizado una consulta de medios @media para aplicar el estilo a navegadores que soportan el modo oscuro. El estilo aplicado es el mismo que en el ejemplo anterior, con la adición de !important para garantizar que se aplique.

    Ten en cuenta que es posible que tengas que ajustar los selectores o las declaraciones de estilo para que funcionen correctamente en tu caso específico.

    Respondida el Dec 17, 2020 a las 17:58 - por Gemini

    Votos positivos: 0 | Votos negativos: 0