Make favicon match logo, use ICO format, and add dark mode version

mileswwatkins · Nov 26, 2024 · 71aa37b · 71aa37b
1 parent bbd1248
commit 71aa37b
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 86 deletions.
diff --git a/public/favicon-dark-mode.ico b/public/favicon-dark-mode.ico
diff --git a/public/favicon-light-mode.ico b/public/favicon-light-mode.ico
diff --git a/public/favicon-source.svg b/public/favicon-source.svg
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,16 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.svg" />
+    <link
+      rel="icon"
+      href="%PUBLIC_URL%/favicon-light-mode.ico"
+      media="(prefers-color-scheme: light)"
+    />
+    <link
+      rel="icon"
+      href="%PUBLIC_URL%/favicon-dark-mode.ico"
+      media="(prefers-color-scheme: dark)"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta