Dark mode support in Apple on standard templates

ActiveCampaign · Jun 11, 2020 · f7a698c · f7a698c
1 parent 70496fe
commit f7a698c
Show file tree

Hide file tree

Showing 30 changed files with 240 additions and 30 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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">