Update email-signature.html

polyfen · Apr 15, 2024 · dd2d4e9 · dd2d4e9
1 parent aaf0881
commit dd2d4e9
Showing 1 changed file with 28 additions and 5 deletions.
diff --git a/brand/assets/email-signature.html b/brand/assets/email-signature.html
@@ -5,13 +5,13 @@
     <td style="padding-left: 12px;"><b style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Boris Hrnčić</b></td>
   </tr>
   <tr style="height:23px;vertical-align: top;">
-    <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Founder &amp; CEO</td>
+    <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;" class="base-text">Founder &amp; CEO</td>
   </tr>
   <tr style="height:23px;vertical-align: top;">
-    <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Now working from: Zagreb, Croatia</td>
+    <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;" class="base-text">Now working from: Zagreb, Croatia</td>
   </tr>
   <tr style="height:auto;vertical-align: top;">
-    <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;"><a href="https://www.linkedin.com/in/borishr/" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Connect on LinkedIn</a> &vert; <a href="https://calendly.com/borishr/meet" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Schedule a Call</a></td>
+    <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;" class="base-text"><a href="https://www.linkedin.com/in/borishr/" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Connect on LinkedIn</a> &vert; <a href="https://calendly.com/borishr/meet" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Schedule a Call</a></td>
   </tr>
 </tbody>
 </table>
@@ -23,9 +23,32 @@
     </td>
     <td>
       <a href="https://polyfen.com?utm_source=signature&utm_medium=email&utm_campaign=sales" target="_blank" style="text-decoration: none;">
-        <img src="https://thepolyfengroup.com/brand/assets/polyfen-logo-positive.png" alt="Polyfen" height="45px" width="auto">
+        <img src="https://thepolyfengroup.com/brand/assets/polyfen-logo-positive.png" alt="Polyfen" height="45px" width="auto"  id="light-logo">
+        <img src="https://thepolyfengroup.com/brand/assets/polyfen-logo-negative.png" alt="Polyfen" height="45px" width="auto"  id="dark-logo">
       </a>
     </td>
   </tr>
   </tbody>
-</table>
+</table>
+
+<style>
+  @media (prefers-color-scheme: dark) {
+    #light-logo {
+      display: none;
+    }
+    #dark-logo {
+      display: inline-block;
+    }
+    .base-text {
+      color: #FFFFFF;
+    }
+  }
+  @media (prefers-color-scheme: light) {
+    #light-logo {
+      display: inline-block;
+    }
+    #dark-logo {
+      display: none;
+    }
+  }
+</style>