web/app - Favicon for dark and light mode

packages/web/app/index.html

@@ -4,7 +4,18 @@
     <meta charset="UTF-8" />
     <link rel="preconnect" href="https://rsms.me/" />
     <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
-    <link rel="icon" href="/just-logo.svg" type="image/svg+xml" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      media="(prefers-color-scheme: light)"
+      href="/just-logo-dark.svg"
+    />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      media="(prefers-color-scheme: dark)"
+      href="/just-logo.svg"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>GraphQL Hive</title>
     <script src="/__env.js"></script>