diff --git a/docusaurus/docusaurus.config.js b/docusaurus/docusaurus.config.js
index 0c93f52..d3b9470 100644
--- a/docusaurus/docusaurus.config.js
+++ b/docusaurus/docusaurus.config.js
@@ -57,31 +57,57 @@ const config = {
         },
       },
       navbar: {
-        title: 'ReVanced',
         logo: {
           alt: 'ReVanced Logo',
           target: '_self',
           href: siteUrl,
+          src: 'img/logo.svg',
+          height: 22,
           width: 22
         },
         items: [
           {
-            to: '/category/revanced-manager',
-            sidebarId: 'tutorialSidebar',
-            position: 'left',
-            label: 'Guide',
+            to: `${siteUrl}/download`,
+            label: 'Home',
+            target: '_self'
           },
           {
-            to: '/development/revanced-patches/apis',
-            sidebarId: 'tutorialSidebar',
-            position: 'left',
-            label: 'FAQ',
+            to: `${siteUrl}/download`,
+            label: 'Download',
+            target: '_self'
           },
           {
-            to: '/development/revanced-patches/skeleton',
-            sidebarId: 'tutorialSidebar',
-            position: 'left',
-            label: 'Troubleshooting',
+            to: `${siteUrl}/patches`,
+            label: 'Patches',
+            target: '_self'
+          },
+          {
+            to: `${siteUrl}/contributors`,
+            label: 'Contributors',
+            target: '_self'
+          },
+          {
+            to: `${siteUrl}/donate`,
+            label: 'Donate',
+            target: '_self'
+          },
+          {
+            to: "/docs/",
+            items: [
+              {
+                to: '/category/revanced-manager',
+                label: 'Guide',
+              },
+              {
+                to: '/development/revanced-patches/apis',
+                label: 'FAQ',
+              },
+              {
+                to: '/development/revanced-patches/skeleton',
+                label: 'Troubleshooting',
+              },
+            ],
+            label: 'Docs'
           },
         ],
       },
diff --git a/docusaurus/src/css/custom.css b/docusaurus/src/css/custom.css
index b797104..b051cef 100644
--- a/docusaurus/src/css/custom.css
+++ b/docusaurus/src/css/custom.css
@@ -5,7 +5,11 @@
  */
 
 /* You can override the default Infima variables here. */
+
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
 :root {
+  font-family: 'Manrope', sans-serif;
   --ifm-color-primary: #2e8555;
   --ifm-color-primary-dark: #29784c;
   --ifm-color-primary-darker: #277148;
@@ -19,6 +23,7 @@
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
+  --ifm-background-color: #1a191f !important;
   --ifm-color-primary: hsl(206, 100%, 81%);
   --ifm-color-primary-dark: #21af90;
   --ifm-color-primary-darker: #1fa588;
@@ -26,5 +31,79 @@
   --ifm-color-primary-light: #29d5b0;
   --ifm-color-primary-lighter: #32d8b4;
   --ifm-color-primary-lightest: #4fddbf;
+  --ifm-navbar-background-color: #1f1f26;
+  --ifm-menu-color-background-hover: #252b31;
+  --ifm-dropdown-background-color: var(--ifm-navbar-background-color);
+  --ifm-menu-color-background-active: #26313f;
+  --ifm-card-background-color: none;
+  --ifm-color-emphasis-200: hsl(221, 17%, 26%) !important;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+}
+
+.navbar {
+  height: 70px;
+  padding: 0 2.5rem;
+}
+
+.navbar__items {
+  gap: 1rem;
+}
+
+.navbar__item.dropdown .navbar__link {
+  background-color: #2a3645;
+  color: #9ed5ff;
+
+  &:hover {
+    background-color: #2a3645;
+    color: #9ed5ff;
+  }
+
+  padding: 10px 16.6px;
+}
+
+.navbar__link {
+  font-weight: 400;
+  font-size: .9rem;
+  letter-spacing: .02rem;
+  color: #acc1d2;
+  border-radius: 10px;
+  padding: 7.63px 16px;
+  transition-timing-function: var(--bezier-one);
+  transition-duration: .25s;
+
+  &:hover {
+    border-color: hsl(221, 17%, 26%) !important;
+    background-color: #252b31;
+    color: #acc1d2;
+  }
+}
+
+.navbar__link--active {
+  background-color: #2a3645;
+  color: #9ed5ff;
+
+  &:hover {
+    background-color: #2a3645;
+    color: #9ed5ff;
+  }
+}
+
+.card {
+  &:hover {
+    border-color: hsl(221, 17%, 26%) !important;
+    background-color: hsl(230, 9%, 13%);
+  }
+}
+
+.pagination-nav__link {
+  border-color: hsl(221, 17%, 26%) !important;
+
+  &:hover {
+    background-color: hsl(230, 9%, 13%);
+  }
+}
+
+.menu__caret:hover {
+  background-color: var(--ifm-menu-color-background-hover);
+  filter: brightness(125%);
 }
\ No newline at end of file