From 70496fec2ee5e2e760af93ea8506a0e080e42bec Mon Sep 17 00:00:00 2001
From: Derek Rushforth <derek@wildbit.com>
Date: Thu, 11 Jun 2020 15:09:18 -0700
Subject: [PATCH 1/2] Dark mode support in Apple on inlined templates

---
 .../basic-full/comment-notification/content.html           | 7 +++++++
 templates-inlined/basic-full/example/content.html          | 7 +++++++
 templates-inlined/basic-full/invoice/content.html          | 7 +++++++
 .../basic-full/password-reset-help/content.html            | 7 +++++++
 templates-inlined/basic-full/password-reset/content.html   | 7 +++++++
 templates-inlined/basic-full/receipt/content.html          | 7 +++++++
 templates-inlined/basic-full/trial-expired/content.html    | 7 +++++++
 templates-inlined/basic-full/trial-expiring/content.html   | 7 +++++++
 templates-inlined/basic-full/user-invitation/content.html  | 7 +++++++
 templates-inlined/basic-full/welcome/content.html          | 7 +++++++
 templates-inlined/basic/comment-notification/content.html  | 7 +++++++
 templates-inlined/basic/example/content.html               | 7 +++++++
 templates-inlined/basic/invoice/content.html               | 7 +++++++
 templates-inlined/basic/password-reset-help/content.html   | 7 +++++++
 templates-inlined/basic/password-reset/content.html        | 7 +++++++
 templates-inlined/basic/receipt/content.html               | 7 +++++++
 templates-inlined/basic/trial-expired/content.html         | 7 +++++++
 templates-inlined/basic/trial-expiring/content.html        | 7 +++++++
 templates-inlined/basic/user-invitation/content.html       | 7 +++++++
 templates-inlined/basic/welcome/content.html               | 7 +++++++
 templates-inlined/plain/comment-notification/content.html  | 7 +++++++
 templates-inlined/plain/example/content.html               | 7 +++++++
 templates-inlined/plain/invoice/content.html               | 7 +++++++
 templates-inlined/plain/password-reset-help/content.html   | 7 +++++++
 templates-inlined/plain/password-reset/content.html        | 7 +++++++
 templates-inlined/plain/receipt/content.html               | 7 +++++++
 templates-inlined/plain/trial-expired/content.html         | 7 +++++++
 templates-inlined/plain/trial-expiring/content.html        | 7 +++++++
 templates-inlined/plain/user-invitation/content.html       | 7 +++++++
 templates-inlined/plain/welcome/content.html               | 7 +++++++
 30 files changed, 210 insertions(+)

diff --git a/templates-inlined/basic-full/comment-notification/content.html b/templates-inlined/basic-full/comment-notification/content.html
index ae91b74..172c849 100644
--- a/templates-inlined/basic-full/comment-notification/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/example/content.html b/templates-inlined/basic-full/example/content.html
index af9932b..6400e82 100644
--- a/templates-inlined/basic-full/example/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/invoice/content.html b/templates-inlined/basic-full/invoice/content.html
index 9703460..4d130b4 100644
--- a/templates-inlined/basic-full/invoice/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/password-reset-help/content.html b/templates-inlined/basic-full/password-reset-help/content.html
index a1661e7..8b81188 100644
--- a/templates-inlined/basic-full/password-reset-help/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/password-reset/content.html b/templates-inlined/basic-full/password-reset/content.html
index 3e58a90..4b69327 100644
--- a/templates-inlined/basic-full/password-reset/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/receipt/content.html b/templates-inlined/basic-full/receipt/content.html
index 350f5f8..f90aeaa 100644
--- a/templates-inlined/basic-full/receipt/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/trial-expired/content.html b/templates-inlined/basic-full/trial-expired/content.html
index 6c63213..c8683a5 100644
--- a/templates-inlined/basic-full/trial-expired/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/trial-expiring/content.html b/templates-inlined/basic-full/trial-expiring/content.html
index 46bc5ef..02b694d 100644
--- a/templates-inlined/basic-full/trial-expiring/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/user-invitation/content.html b/templates-inlined/basic-full/user-invitation/content.html
index e3f2745..46d7961 100644
--- a/templates-inlined/basic-full/user-invitation/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic-full/welcome/content.html b/templates-inlined/basic-full/welcome/content.html
index 3f81183..286b245 100644
--- a/templates-inlined/basic-full/welcome/content.html
+++ b/templates-inlined/basic-full/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/templates-inlined/basic/comment-notification/content.html b/templates-inlined/basic/comment-notification/content.html
index 82b78b1..a506324 100644
--- a/templates-inlined/basic/comment-notification/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/example/content.html b/templates-inlined/basic/example/content.html
index ac64d2e..cb39f64 100644
--- a/templates-inlined/basic/example/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/invoice/content.html b/templates-inlined/basic/invoice/content.html
index 9dc85c0..1976bb0 100644
--- a/templates-inlined/basic/invoice/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/password-reset-help/content.html b/templates-inlined/basic/password-reset-help/content.html
index 9d3e8cd..7d88167 100644
--- a/templates-inlined/basic/password-reset-help/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/password-reset/content.html b/templates-inlined/basic/password-reset/content.html
index 0dbd503..0ec6e80 100644
--- a/templates-inlined/basic/password-reset/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/receipt/content.html b/templates-inlined/basic/receipt/content.html
index f97d4ce..ff03db6 100644
--- a/templates-inlined/basic/receipt/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/trial-expired/content.html b/templates-inlined/basic/trial-expired/content.html
index 0749254..07f09c5 100644
--- a/templates-inlined/basic/trial-expired/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/trial-expiring/content.html b/templates-inlined/basic/trial-expiring/content.html
index 51ef5fc..59609ea 100644
--- a/templates-inlined/basic/trial-expiring/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/user-invitation/content.html b/templates-inlined/basic/user-invitation/content.html
index c95aef1..85d8755 100644
--- a/templates-inlined/basic/user-invitation/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/basic/welcome/content.html b/templates-inlined/basic/welcome/content.html
index eab1803..d3e4ae5 100644
--- a/templates-inlined/basic/welcome/content.html
+++ b/templates-inlined/basic/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 ------------------------------ */
@@ -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/templates-inlined/plain/comment-notification/content.html b/templates-inlined/plain/comment-notification/content.html
index 4f06d09..2aa0243 100644
--- a/templates-inlined/plain/comment-notification/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/example/content.html b/templates-inlined/plain/example/content.html
index 0042d24..d666931 100644
--- a/templates-inlined/plain/example/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/invoice/content.html b/templates-inlined/plain/invoice/content.html
index 0ffbd58..356d0aa 100644
--- a/templates-inlined/plain/invoice/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/password-reset-help/content.html b/templates-inlined/plain/password-reset-help/content.html
index 334fa5e..b7d1f35 100644
--- a/templates-inlined/plain/password-reset-help/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/password-reset/content.html b/templates-inlined/plain/password-reset/content.html
index c184564..892823e 100644
--- a/templates-inlined/plain/password-reset/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/receipt/content.html b/templates-inlined/plain/receipt/content.html
index fa74de2..21ed603 100644
--- a/templates-inlined/plain/receipt/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/trial-expired/content.html b/templates-inlined/plain/trial-expired/content.html
index 6a3e996..d290f0e 100644
--- a/templates-inlined/plain/trial-expired/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/trial-expiring/content.html b/templates-inlined/plain/trial-expiring/content.html
index c31e043..0f78132 100644
--- a/templates-inlined/plain/trial-expiring/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/user-invitation/content.html b/templates-inlined/plain/user-invitation/content.html
index e1b8269..c4c4ea5 100644
--- a/templates-inlined/plain/user-invitation/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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/templates-inlined/plain/welcome/content.html b/templates-inlined/plain/welcome/content.html
index 43dd45d..c5f8531 100644
--- a/templates-inlined/plain/welcome/content.html
+++ b/templates-inlined/plain/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 ------------------------------ */
@@ -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">

From f7a698c6c9054dfd21445b4b9c32866c8320b7ef Mon Sep 17 00:00:00 2001
From: Derek Rushforth <derek@wildbit.com>
Date: Thu, 11 Jun 2020 15:12:33 -0700
Subject: [PATCH 2/2] Dark mode support in Apple on standard templates

---
 templates/basic-full/comment-notification/content.html | 9 ++++++++-
 templates/basic-full/example/content.html              | 9 ++++++++-
 templates/basic-full/invoice/content.html              | 9 ++++++++-
 templates/basic-full/password-reset-help/content.html  | 9 ++++++++-
 templates/basic-full/password-reset/content.html       | 9 ++++++++-
 templates/basic-full/receipt/content.html              | 9 ++++++++-
 templates/basic-full/trial-expired/content.html        | 9 ++++++++-
 templates/basic-full/trial-expiring/content.html       | 9 ++++++++-
 templates/basic-full/user-invitation/content.html      | 9 ++++++++-
 templates/basic-full/welcome/content.html              | 9 ++++++++-
 templates/basic/comment-notification/content.html      | 9 ++++++++-
 templates/basic/example/content.html                   | 9 ++++++++-
 templates/basic/invoice/content.html                   | 9 ++++++++-
 templates/basic/password-reset-help/content.html       | 9 ++++++++-
 templates/basic/password-reset/content.html            | 9 ++++++++-
 templates/basic/receipt/content.html                   | 9 ++++++++-
 templates/basic/trial-expired/content.html             | 9 ++++++++-
 templates/basic/trial-expiring/content.html            | 9 ++++++++-
 templates/basic/user-invitation/content.html           | 9 ++++++++-
 templates/basic/welcome/content.html                   | 9 ++++++++-
 templates/plain/comment-notification/content.html      | 9 ++++++++-
 templates/plain/example/content.html                   | 9 ++++++++-
 templates/plain/invoice/content.html                   | 9 ++++++++-
 templates/plain/password-reset-help/content.html       | 9 ++++++++-
 templates/plain/password-reset/content.html            | 9 ++++++++-
 templates/plain/receipt/content.html                   | 9 ++++++++-
 templates/plain/trial-expired/content.html             | 9 ++++++++-
 templates/plain/trial-expiring/content.html            | 9 ++++++++-
 templates/plain/user-invitation/content.html           | 9 ++++++++-
 templates/plain/welcome/content.html                   | 9 ++++++++-
 30 files changed, 240 insertions(+), 30 deletions(-)

diff --git a/templates/basic-full/comment-notification/content.html b/templates/basic-full/comment-notification/content.html
index baa0c52..7cc6c12 100644
--- a/templates/basic-full/comment-notification/content.html
+++ b/templates/basic-full/comment-notification/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/example/content.html b/templates/basic-full/example/content.html
index 2fad083..2e27829 100644
--- a/templates/basic-full/example/content.html
+++ b/templates/basic-full/example/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/invoice/content.html b/templates/basic-full/invoice/content.html
index 1631164..65669ce 100644
--- a/templates/basic-full/invoice/content.html
+++ b/templates/basic-full/invoice/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/password-reset-help/content.html b/templates/basic-full/password-reset-help/content.html
index 6ceadc7..0b70def 100644
--- a/templates/basic-full/password-reset-help/content.html
+++ b/templates/basic-full/password-reset-help/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/password-reset/content.html b/templates/basic-full/password-reset/content.html
index 302768a..f3a8fed 100644
--- a/templates/basic-full/password-reset/content.html
+++ b/templates/basic-full/password-reset/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/receipt/content.html b/templates/basic-full/receipt/content.html
index d0eae5d..dcf5f03 100644
--- a/templates/basic-full/receipt/content.html
+++ b/templates/basic-full/receipt/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/trial-expired/content.html b/templates/basic-full/trial-expired/content.html
index 00bc34a..33b03c0 100644
--- a/templates/basic-full/trial-expired/content.html
+++ b/templates/basic-full/trial-expired/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/trial-expiring/content.html b/templates/basic-full/trial-expiring/content.html
index c2b9080..ee22165 100644
--- a/templates/basic-full/trial-expiring/content.html
+++ b/templates/basic-full/trial-expiring/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/user-invitation/content.html b/templates/basic-full/user-invitation/content.html
index a12260a..0d9e728 100644
--- a/templates/basic-full/user-invitation/content.html
+++ b/templates/basic-full/user-invitation/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic-full/welcome/content.html b/templates/basic-full/welcome/content.html
index 8fb745e..4d69d37 100644
--- a/templates/basic-full/welcome/content.html
+++ b/templates/basic-full/welcome/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/comment-notification/content.html b/templates/basic/comment-notification/content.html
index 6fa2e27..aaaa7ee 100644
--- a/templates/basic/comment-notification/content.html
+++ b/templates/basic/comment-notification/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/example/content.html b/templates/basic/example/content.html
index 8d9de3d..5d2b816 100644
--- a/templates/basic/example/content.html
+++ b/templates/basic/example/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/invoice/content.html b/templates/basic/invoice/content.html
index d2fa863..e403325 100644
--- a/templates/basic/invoice/content.html
+++ b/templates/basic/invoice/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/password-reset-help/content.html b/templates/basic/password-reset-help/content.html
index 4a54301..28a4171 100644
--- a/templates/basic/password-reset-help/content.html
+++ b/templates/basic/password-reset-help/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/password-reset/content.html b/templates/basic/password-reset/content.html
index 3b29539..1b1263b 100644
--- a/templates/basic/password-reset/content.html
+++ b/templates/basic/password-reset/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/receipt/content.html b/templates/basic/receipt/content.html
index 5b84c9e..bc035d5 100644
--- a/templates/basic/receipt/content.html
+++ b/templates/basic/receipt/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/trial-expired/content.html b/templates/basic/trial-expired/content.html
index 6ae4a45..cbd53dc 100644
--- a/templates/basic/trial-expired/content.html
+++ b/templates/basic/trial-expired/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/trial-expiring/content.html b/templates/basic/trial-expiring/content.html
index 04dac1b..edc0896 100644
--- a/templates/basic/trial-expiring/content.html
+++ b/templates/basic/trial-expiring/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/user-invitation/content.html b/templates/basic/user-invitation/content.html
index 61f1cf1..a1dd6ad 100644
--- a/templates/basic/user-invitation/content.html
+++ b/templates/basic/user-invitation/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/basic/welcome/content.html b/templates/basic/welcome/content.html
index aeaf3e4..202d41e 100644
--- a/templates/basic/welcome/content.html
+++ b/templates/basic/welcome/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/comment-notification/content.html b/templates/plain/comment-notification/content.html
index 4bea6de..58e0d67 100644
--- a/templates/plain/comment-notification/content.html
+++ b/templates/plain/comment-notification/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/example/content.html b/templates/plain/example/content.html
index cd648b6..e3c327e 100644
--- a/templates/plain/example/content.html
+++ b/templates/plain/example/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/invoice/content.html b/templates/plain/invoice/content.html
index 8cfeb8a..0304af0 100644
--- a/templates/plain/invoice/content.html
+++ b/templates/plain/invoice/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/password-reset-help/content.html b/templates/plain/password-reset-help/content.html
index e12bb7c..c296a39 100644
--- a/templates/plain/password-reset-help/content.html
+++ b/templates/plain/password-reset-help/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/password-reset/content.html b/templates/plain/password-reset/content.html
index 1d7a700..65eb135 100644
--- a/templates/plain/password-reset/content.html
+++ b/templates/plain/password-reset/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/receipt/content.html b/templates/plain/receipt/content.html
index 1991260..a3b2d11 100644
--- a/templates/plain/receipt/content.html
+++ b/templates/plain/receipt/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/trial-expired/content.html b/templates/plain/trial-expired/content.html
index 33d4a7b..8e334eb 100644
--- a/templates/plain/trial-expired/content.html
+++ b/templates/plain/trial-expired/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/trial-expiring/content.html b/templates/plain/trial-expiring/content.html
index f3d475d..e370a07 100644
--- a/templates/plain/trial-expiring/content.html
+++ b/templates/plain/trial-expiring/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/user-invitation/content.html b/templates/plain/user-invitation/content.html
index 119bb0a..c92f502 100644
--- a/templates/plain/user-invitation/content.html
+++ b/templates/plain/user-invitation/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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/templates/plain/welcome/content.html b/templates/plain/welcome/content.html
index 09ffbb4..f8b2113 100644
--- a/templates/plain/welcome/content.html
+++ b/templates/plain/welcome/content.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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">