Update logo and font sizes (MetaMask#92)

Osamagamall · Apr 3, 2023 · 5f24a4e · 5f24a4e
1 parent 3b9ded5
commit 5f24a4e
Show file tree

Hide file tree

Showing 4 changed files with 105 additions and 3 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -183,12 +183,14 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       navbar: {
-        title: "MetaMask docs",
+        title: " │ ‎ Documentation",
         hideOnScroll: true,
         logo: {
           alt: "MetaMask logo",
-          src: "img/metamask-fox.svg",
+          src: "img/metamask-logo.svg",
+          srcDark: "img/metamask-logo-dark.svg",
           href: "/wallet/",
+          width: 150,
         },
         items: [
           {
@@ -207,8 +209,10 @@ const config = {
       footer: {
         logo: {
           alt: "MetaMask logo",
-          src: "img/metamask-fox.svg",
+          src: "img/metamask-logo.svg",
+          srcDark: "img/metamask-logo-dark.svg",
           href: "https://metamask.io/",
+          width: 250,
         },
         links: [
           {

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -28,3 +28,23 @@
   --ifm-color-primary-lightest: var(--brand-colors-blue-blue200);
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+h1 {
+  font-size: 32px;
+}
+
+h2 {
+  font-size: 24px;
+}
+
+h3 {
+  font-size: 18px;
+}
+
+h4 {
+  font-size: 16px;
+}
+
+.navbar__title {
+  font-weight: 500;
+}
diff --git a/static/img/metamask-logo-dark.svg b/static/img/metamask-logo-dark.svg