chore(docs): Update branding (#6759)

Author: critesjosh

docs/docs/index.mdx

@@ -21,8 +21,17 @@ sidebar_position: 0
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-
-<img src={require("@site/static/img/logo.png").default} style={{display: "block", width: "50%", margin: "2rem auto"}} alt="Noir Logo"  />
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
+<ThemedImage
+  sources={{
+    light: useBaseUrl("/img/logoDark.png"),
+    dark: useBaseUrl("/img/logo.png"),
+  }}
+  style={{display: "block", width: "50%", margin: "2rem auto"}} 
+  alt="Noir Logo" 
+/>
 
 Noir is an open-source Domain-Specific Language for safe and seamless construction of privacy-preserving Zero-Knowledge programs, requiring no previous knowledge on the underlying mathematics or cryptography.
 

docs/docusaurus.config.ts

@@ -57,8 +57,8 @@ export default {
     navbar: {
       logo: {
         alt: 'Noir Logo',
-        src: 'img/logo.svg',
-        srcDark: 'img/logoDark.svg',
+        src: 'img/logoDark.svg',
+        srcDark: 'img/logo.svg',
         href: '/',
       },
       items: [

docs/static/img/favicon.ico

@@ -21,8 +21,17 @@ sidebar_position: 0
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-
-<img src={require("@site/static/img/logo.png").default} style={{display: "block", width: "50%", margin: "2rem auto"}} alt="Noir Logo"  />
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
+<ThemedImage
+  sources={{
+    light: useBaseUrl("/img/logoDark.png"),
+    dark: useBaseUrl("/img/logo.png"),
+  }}
+  style={{display: "block", width: "50%", margin: "2rem auto"}} 
+  alt="Noir Logo" 
+/>
 
 Noir is an open-source Domain-Specific Language for safe and seamless construction of privacy-preserving Zero-Knowledge programs, requiring no previous knowledge on the underlying mathematics or cryptography.
 

docs/static/img/homepage_header_pic.png

@@ -21,8 +21,17 @@ sidebar_position: 0
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-
-<img src={require("@site/static/img/logo.png").default} style={{display: "block", width: "50%", margin: "2rem auto"}} alt="Noir Logo"  />
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
+<ThemedImage
+  sources={{
+    light: useBaseUrl("/img/logoDark.png"),
+    dark: useBaseUrl("/img/logo.png"),
+  }}
+  style={{display: "block", width: "50%", margin: "2rem auto"}} 
+  alt="Noir Logo" 
+/>
 
 Noir is an open-source Domain-Specific Language for safe and seamless construction of privacy-preserving Zero-Knowledge programs, requiring no previous knowledge on the underlying mathematics or cryptography.