Fix darkmode color un a mail

[ansterflike]

Bonjour,

Voici mon problème. Je dois appliquer le dark mode a l'un de mes mails. Dans ce mail des couleurs ressorte comme du vert flash et du orange flash mais lorsque je passe en darkmode c'est couleur s'assombrise. J'ai pourtant indiqué dans mon code que je voulais garder la même couleur que celle de base.

Merci d'avance.

 

[Malcolm]

@ChatGPT can you translate this post?

 

[ChatGPT]

@ChatGPT can you translate this post?

Sure, I can help translate the post for you. Here's the translation:

"Hello,

Here is my problem. I have to apply dark mode to one of my emails. In this email, there are colors such as bright green and bright orange, but when I switch to dark mode, these colors darken. However, I have specified in my code that I want to keep the same color as the original.

Thank you in advance."

I hope that helps! Let me know if you have any further questions or need assistance with anything else.

 

[Malcolm]

Can you share your code?

 

[ansterflike]

Hello,
This is part of my code that is affected by the problem. Here it's the orange CTA that's darkening.
I've put screenshots of the mailbox to show the difference in color of the orange between light and dark mode.

   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;border:0;border-spacing:0;">
                           <tr>
                              <th align="center" style="padding: 16px 0px 12px 0px;">
                                 <table role="presentation" class="twoColumn" style="text-align:center;font-size:0;width:100%;">
                                    <tr>
                                       <th class="column" align="left" style="width:100%;max-width:330px;display:inline-block;vertical-align:middle;">
                                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
                                             <tr>
                                                <th style="padding:0px 10px 0px 10px;">
                                                   <p style="margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:18px;">
                                                      <img src="https://mcusercontent.com/59a944801075db9a2b0e3413a/images/c8145a5c-35b0-aff6-a08e-17ada2542cce.jpg" width="260" alt="" style="display:block;width:260px;max-width:100%;height:auto;" />
                                                   </p>
                                                </th>
                                             </tr>
                                          </table>
                                       </th>
                                       <th class="column" align="right" style="width:100%;max-width:330px;display:inline-block ;vertical-align:middle;  mso-padding-right-alt: 30px;">
                                          <table role="presentation" style="width:100%;">
                                             <tr>
                                                <th style="padding:10px;font-size:16px;line-height:18px;text-align:left;">
                                                   <p class="darkText" style="margin-top:0;margin-bottom:14px;font-family:Arial,sans-serif; color: #313a42;font-weight: normal">Na een tijdje te hebben geworsteld met een slechte reputatie is<strong> rosé helemaal terug</strong> van weggeweest.</p>
                                                   <div class="buttonCenter"  style="text-align: right;">
                                                      <!--[if mso]>
                                                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:40px;v-text-anchor:middle;width:250px;color:#ffffff !important; text-decoration:none !important;" arcsize="100%" stroke="f" fillcolor="#FA5528">
                                                         <w:anchorlock/>
                                                         <center>
                                                            <![endif]-->
                                                            <p   style="margin:0;font-family:Arial,sans-serif;  text-align: center"> <a class="buttonOrangeColour" href="https://forms.office.com/e/P3eEN9XXNv" style="background-color:#FA5528 ; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color:#ffffff !important; display:inline-block; font-family:'Arial', Helvetica, sans-serif; font-size:13px;font-weight:bold; line-height:40px; text-align:center; text-decoration:none; width:250px; -webkit-text-size-adjust:none;">INSERT TEXT HERE</a> </p>
                                                            <!--[if mso]>
                                                         </center>
                                                      </v:roundrect>
                                                      <![endif]-->
                                                   </div>
                                                </th>
                                             </tr>
                                          </table>
                                       </th>
                                    </tr>
                                 </table>
                              </th>
                           </tr>
                        </table>