chore(docs): Update branding (#6759)

noir-lang · Dec 10, 2024 · 0ba3e85 · 0ba3e85
1 parent f45b354
commit 0ba3e85
Show file tree

Hide file tree

Showing 14 changed files with 95 additions and 72 deletions.
diff --git a/docs/docs/index.mdx b/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.
 

diff --git a/docs/docusaurus.config.ts b/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: [

diff --git a/docs/static/img/favicon.ico b/docs/static/img/favicon.ico
diff --git a/docs/static/img/homepage_header_pic.png b/docs/static/img/homepage_header_pic.png
diff --git a/docs/static/img/logo.png b/docs/static/img/logo.png
diff --git a/docs/static/img/logo.svg b/docs/static/img/logo.svg
diff --git a/docs/static/img/logoDark.png b/docs/static/img/logoDark.png
diff --git a/docs/static/img/logoDark.svg b/docs/static/img/logoDark.svg
diff --git a/docs/versioned_docs/version-v0.36.0/index.mdx b/docs/versioned_docs/version-v0.36.0/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.
 

diff --git a/docs/versioned_docs/version-v0.37.0/index.mdx b/docs/versioned_docs/version-v0.37.0/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.
 

diff --git a/docs/versioned_docs/version-v0.38.0/index.mdx b/docs/versioned_docs/version-v0.38.0/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.
 

diff --git a/docs/versioned_docs/version-v0.39.0/index.mdx b/docs/versioned_docs/version-v0.39.0/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.
 

diff --git a/docs/versioned_docs/version-v1.0.0-beta.0/index.mdx b/docs/versioned_docs/version-v1.0.0-beta.0/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.
 

diff --git a/noir-logo.png b/noir-logo.png