diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 003af0b2..51463995 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -12,7 +12,6 @@ import { themes as prismThemes } from 'prism-react-renderer';
 const config = {
   title: 'Hypergraph',
   tagline: 'Framework for building web3 apps',
-  favicon: 'img/HypergraphLogo.png',
 
   // Set the production url of your site here
   url: 'https://graphprotocol.github.io',
@@ -44,6 +43,24 @@ const config = {
         content: '536FEAE3B63DD658',
       },
     },
+      {
+    tagName: 'link',
+    attributes: {
+      rel: 'icon',
+      type: 'image/png',
+      href: '/img/HypergraphLogoDark.png',
+      media: '(prefers-color-scheme: light)',
+    },
+  },
+  {
+    tagName: 'link',
+    attributes: {
+      rel: 'icon',
+      type: 'image/png',
+      href: '/img/HypergraphLogo.png',
+      media: '(prefers-color-scheme: dark)',
+    },
+  },
   ],
 
   plugins: [
diff --git a/docs/static/img/HypergraphLogoDark.png b/docs/static/img/HypergraphLogoDark.png
new file mode 100644
index 00000000..b5ce3bf0
Binary files /dev/null and b/docs/static/img/HypergraphLogoDark.png differ