[fix] Force light color scheme in email #490

aswinms926 · aswinms926 · commit fef69136567f · 2026-03-12T01:15:37.000Z
Some email clients automatically force dark mode on email content,making the logo invisible. Added color-scheme meta tag and CSS property to explicity force a light color scheme. Removed the invalid supported-color-schemes meta tag and CSS property , keeping only the standard color-scheme. Fixes #490
diff --git a/openwisp_utils/admin_theme/templates/openwisp_utils/email_template.html b/openwisp_utils/admin_theme/templates/openwisp_utils/email_template.html
@@ -5,8 +5,13 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="color-scheme" content="light only">
   {% block styles %}
   <style>
+    :root {
+      color-scheme: light only;
+    }
+
     body {
       min-width: 250px;
       background: #fff;
@@ -74,6 +79,9 @@
 
     .logo-container {
       text-align: center;
+      background-color: #ffffff;
+      padding: 8px;
+      border-radius: 8px;
     }
 
     .logo {
@@ -186,6 +194,11 @@
         margin: 0.5rem auto 0.875rem auto;
       }
     }
+    
+    [data-ogsc] .logo-container,
+    [data-ogsb] .logo-container {
+      background-color: #ffffff !important;
+    }
   </style>
   {% endblock styles %}
 </head>
