From f2d9d58fb8461e555c3392d962e6a0c757491112 Mon Sep 17 00:00:00 2001
From: Derek Rushforth <derek@wildbit.com>
Date: Thu, 11 Jun 2020 14:24:31 -0700
Subject: [PATCH] Add color scheme meta tags

---
 dist/compiled/comment-notification/content.html | 7 +++++++
 dist/compiled/example/content.html              | 7 +++++++
 dist/compiled/invoice/content.html              | 7 +++++++
 dist/compiled/password-reset-help/content.html  | 7 +++++++
 dist/compiled/password-reset/content.html       | 7 +++++++
 dist/compiled/receipt/content.html              | 7 +++++++
 dist/compiled/trial-expired/content.html        | 7 +++++++
 dist/compiled/trial-expiring/content.html       | 7 +++++++
 dist/compiled/user-invitation/content.html      | 7 +++++++
 dist/compiled/welcome/content.html              | 7 +++++++
 dist/postmark-layouts/basic-full/content.html   | 7 +++++++
 dist/postmark-layouts/basic/content.html        | 7 +++++++
 dist/postmark-layouts/plain/content.html        | 7 +++++++
 dist/stylesheets/basic-full.css                 | 4 ++++
 dist/stylesheets/basic.css                      | 4 ++++
 dist/stylesheets/plain.css                      | 4 ++++
 src/layouts/basic-full/content.hbs              | 2 ++
 src/layouts/basic/content.hbs                   | 2 ++
 src/layouts/plain/content.hbs                   | 2 ++
 src/stylesheets/basic-full.scss                 | 5 +++++
 src/stylesheets/basic.scss                      | 5 +++++
 src/stylesheets/plain.scss                      | 5 +++++
 22 files changed, 124 insertions(+)

diff --git a/dist/compiled/comment-notification/content.html b/dist/compiled/comment-notification/content.html
index ae91b74..172c849 100644
--- 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
index af9932b..6400e82 100644
--- 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
index 9703460..4d130b4 100644
--- 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
index a1661e7..8b81188 100644
--- 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
index 3e58a90..4b69327 100644
--- 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
index 350f5f8..f90aeaa 100644
--- 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
index 6c63213..c8683a5 100644
--- 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
index 46bc5ef..02b694d 100644
--- 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
index e3f2745..46d7961 100644
--- 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
index 3f81183..286b245 100644
--- 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
index f7beab2..7eb6ca1 100644
--- 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
index 82d80b0..5c22f9c 100644
--- 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
index b49fead..eb7e5f6 100644
--- 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
index 4e0f89c..5e7086d 100644
--- 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
index 6bb4147..0d6001e 100644
--- 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
index 161ed1d..90ba76c 100644
--- 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
index 7751e50..93d9ed6 100644
--- 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
index 808723d..906d1cc 100644
--- 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
index bb7f3ad..1e09917 100644
--- 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
index aa53a74..f9399c8 100644
--- 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
index 89d3a6c..0f86391 100644
--- 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
index ebdd07f..a91bf6e 100644
--- 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;
+}