Added color-scheme meta tag to index.html. Added color-scheme: to index.css

chrisnajman · chrisnajman · commit d603ab94cb27 · 2024-06-15T15:07:03.000+01:00
diff --git a/index.html b/index.html
@@ -3,11 +3,12 @@
 
 <head>
   <meta charset="UTF-8" />
+  <meta name="color-scheme" content="dark light">
   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
   <link rel="manifest" href="/site.webmanifest">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>React Layout Template</title>
   <script type="text/javascript">
     (function (l) {
diff --git a/src/index.css b/src/index.css
@@ -5,6 +5,7 @@
   box-sizing: border-box;
 }
 :root {
+  color-scheme: light dark;
   font-size: 10px;
   overflow-y: scroll;
 
