Minor updates

rowanhogan · Mar 13, 2024 · 727e2a8 · 727e2a8
1 parent 6aa9de3
commit 727e2a8
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 3 deletions.
diff --git a/public/favicon-dark.png b/public/favicon-dark.png
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/index.html b/public/index.html
@@ -7,12 +7,15 @@
 
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Wikipadia">
-    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
     <meta name="application-name" content="Wikipadia">
-    <meta name="theme-color" content="#ffffff">
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Wikipadia" />
+    <meta property="og:site_name" content="Wikipadia" />
+    <meta name="msapplication-TileImage" content="%PUBLIC_URL%/apple-touch-icon.png" />
 
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="icon" href="%PUBLIC_URL%/favicon.png" media="(prefers-color-scheme: light)"/>
+    <link rel="icon" href="%PUBLIC_URL%/favicon-dark.png" media="(prefers-color-scheme: dark)"/>
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png">
     <link href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700|Playfair+Display:700" rel="stylesheet">
   </head>

diff --git a/src/styles/_settings.scss b/src/styles/_settings.scss
@@ -10,7 +10,13 @@
   }
 }
 
+.settings-wrapper {
+  background-color: white;
+}
+
 .darkMode {
+  background-color: black;
+
   &,
   .header {
     background: black;
@@ -69,6 +75,12 @@
   }
 }
 
+@media (prefers-color-scheme: dark) {
+  :root {
+    background: black;
+  }
+}
+
 .sansSerif {
   font-family: $sans-stack;