Outlook e-mail signature - dark mode issues

Anonymous
2023-05-18T10:03:21+00:00

I am trying to get a signature to work for both dark and light mode.

Black logos work on white but stay black when changing to dark mode - is it possible to have one image for light mode and an alternate image for dark mode?

White png image with black outline looks fine in dark mode but terrible on white in light mode.

Black png image with white outline looks fine on white but terrible on dark background in dark mode.

What am I doing wrong? This text does not stay white -

<p class=MsoNormal><b><span lang=EN-GB style='font-size:10pt;;mso-style-textfill-type:gradient;mso-style-textfill-fill-gradientfill-shadetype:linear;mso-style-textfill-fill-gradientfill-shade-linearshade-angle:5400000; mso-style-textfill-fill-gradientfill-shade-linearshade-fscaled:no;mso-style-textfill-fill-gradientfill-stoplist:"0 #FFFFFF 0 100000,100000 #FFFFFF 0 100000"'>Here is some white text<o:p></o:p></span></b></p>

<td style="background-color: #121827; "> - goes light in dark mode - is there a way to keep it dark?

Outlook | Windows | Classic Outlook for Windows | For home

Locked Question. This question was migrated from the Microsoft Support Community. You can vote on whether it's helpful, but you can't add comments or replies or follow the question.

0 comments No comments

2 answers

Sort by: Most helpful
  1. Anonymous
    2023-05-19T13:12:36+00:00

    I eventually figured it out by adding <!--[if mso]> with mso styles.

    This table with dark blue background with white text style keeps the same colors in dark and light mode.

     <style>

    .header { background: #121827;background-color: #121827;}.title {font-family: "SegoeUI-Light", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;color: #FFFFFF;padding: 0;margin: 0; }

    <!--[if mso]> <style>.headermso {background: #121827;background-color: #121827; }

            .titlemso { font-family: "SegoeUI-Light", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;color: #FFFFFF;padding: 0;margin: 0;} </style> <![endif]-->

    <table width="670px"> <tr class="header"><td class="title">Hello world </td>

     &lt;/tr&gt;
    

    </table>

    Was this answer helpful?

    4 people found this answer helpful.
    0 comments No comments
  2. Anonymous
    2023-05-18T11:57:23+00:00

    Dear Mark Straw,

    Thanks for choosing Microsoft Community.

    Based on your description, I know your requirement. To better help you, I did a test for you and through the test, it seems that we cannot do this in Outlook. So sorry to bring you inconvenience.

    I know sometimes it is really inconvenient for us to use outlook without this feature. I can understand your mood. Thanks for bring this to Microsoft Community. Since I think your idea is really constructive. I will report this to Microsoft as soon as possible. Meanwhile, I sincerely suggest you post this precious suggestion to Microsoft. Microsoft will update their product based on customers' suggestions. Believe your suggestion will help many other people in the future. Your understanding and co-operation are highly appreciated.

    Here is our official URL to submit your suggestion: Microsoft feedback portal

    Thanks for your precious time. Have a nice day.

    Sincerely,

    Katherine

    Was this answer helpful?

    1 person found this answer helpful.
    0 comments No comments