Merge pull request #50 from wildbit/bug/dark-mode-apple

Fix dark mode support on Apple devices
ActiveCampaign · Jun 11, 2020 · de82433 · de82433
2 parents d3a04af + f2d9d58
commit de82433
Show file tree

Hide file tree

Showing 22 changed files with 124 additions and 0 deletions.
diff --git a/dist/compiled/comment-notification/content.html b/dist/compiled/comment-notification/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/example/content.html b/dist/compiled/example/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/invoice/content.html b/dist/compiled/invoice/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/password-reset-help/content.html b/dist/compiled/password-reset-help/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/password-reset/content.html b/dist/compiled/password-reset/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/receipt/content.html b/dist/compiled/receipt/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/trial-expired/content.html b/dist/compiled/trial-expired/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/trial-expiring/content.html b/dist/compiled/trial-expiring/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/user-invitation/content.html b/dist/compiled/user-invitation/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/compiled/welcome/content.html b/dist/compiled/welcome/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/postmark-layouts/basic-full/content.html b/dist/postmark-layouts/basic-full/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -419,6 +421,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/postmark-layouts/basic/content.html b/dist/postmark-layouts/basic/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -414,6 +416,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/postmark-layouts/plain/content.html b/dist/postmark-layouts/plain/content.html
@@ -4,6 +4,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="x-apple-disable-message-reformatting" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
     <title></title>
     <style type="text/css" rel="stylesheet" media="all">
     /* Base ------------------------------ */
@@ -406,6 +408,11 @@
         text-shadow: none !important;
       }
     }
+
+    :root {
+      color-scheme: light dark;
+      supported-color-schemes: light dark;
+    }
     </style>
     <!--[if mso]>
     <style type="text/css">

diff --git a/dist/stylesheets/basic-full.css b/dist/stylesheets/basic-full.css
@@ -316,3 +316,7 @@ p.sub {
     background-color: #222 !important; }
   .email-masthead_name {
     text-shadow: none !important; } }
+
+:root {
+  color-scheme: light dark;
+  supported-color-schemes: light dark; }
diff --git a/dist/stylesheets/basic.css b/dist/stylesheets/basic.css
@@ -312,3 +312,7 @@ p {
     background-color: #222 !important; }
   .email-masthead_name {
     text-shadow: none !important; } }
+
+:root {
+  color-scheme: light dark;
+  supported-color-schemes: light dark; }
diff --git a/dist/stylesheets/plain.css b/dist/stylesheets/plain.css
@@ -304,3 +304,7 @@ p {
     background-color: #222 !important; }
   .email-masthead_name {
     text-shadow: none !important; } }
+
+:root {
+  color-scheme: light dark;
+  supported-color-schemes: light dark; }
diff --git a/src/layouts/basic-full/content.hbs b/src/layouts/basic-full/content.hbs
@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="x-apple-disable-message-reformatting" />
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <meta name="color-scheme" content="light dark" />
+  <meta name="supported-color-schemes" content="light dark" />
   <title>{{ subject }}</title>
   <link href="../../stylesheets/basic-full.css?__inline=true"  />
   <!--[if mso]>

diff --git a/src/layouts/basic/content.hbs b/src/layouts/basic/content.hbs
@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="x-apple-disable-message-reformatting" />
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <meta name="color-scheme" content="light dark" />
+  <meta name="supported-color-schemes" content="light dark" />
   <title>{{ subject }}</title>
   <link href="../../stylesheets/basic.css?__inline=true" />
   <!--[if mso]>

diff --git a/src/layouts/plain/content.hbs b/src/layouts/plain/content.hbs
@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="x-apple-disable-message-reformatting" />
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <meta name="color-scheme" content="light dark" />
+  <meta name="supported-color-schemes" content="light dark" />
   <title>{{ subject }}</title>
   <link href="../../stylesheets/plain.css?__inline=true" />
   <!--[if mso]>

diff --git a/src/stylesheets/basic-full.scss b/src/stylesheets/basic-full.scss
@@ -116,3 +116,8 @@ p.sub {
     text-shadow: none !important;
   }
 }
+
+:root {
+  color-scheme: light dark;
+  supported-color-schemes: light dark;
+}
diff --git a/src/stylesheets/basic.scss b/src/stylesheets/basic.scss
@@ -112,3 +112,8 @@ p {
     text-shadow: none !important;
   }
 }
+
+:root {
+  color-scheme: light dark;
+  supported-color-schemes: light dark;
+}
diff --git a/src/stylesheets/plain.scss b/src/stylesheets/plain.scss
@@ -103,3 +103,8 @@ p {
     text-shadow: none !important;
   }
 }
+
+:root {
+  color-scheme: light dark;
+  supported-color-schemes: light dark;
+}