diff --git a/apps/docs/public/css/ng-doc/base.css b/apps/docs/public/css/ng-doc/base.css
index a43df7ba..50c72cae 100644
--- a/apps/docs/public/css/ng-doc/base.css
+++ b/apps/docs/public/css/ng-doc/base.css
@@ -1,11 +1,58 @@
 :root {
+  --ng-doc-font-system: 'roboto';
+
   --ng-doc-primary: #ff2c51;
-  --ng-doc-hover-background: #ff9ba8;
+
+  --ng-doc-base-0: #ffffff;
+  --ng-doc-base-1: var(--color-primary-50);
+  --ng-doc-base-2: var(--color-primary-100);
+  --ng-doc-base-3: #fdd6da;
+  --ng-doc-base-4: var(--color-primary-200);
+  --ng-doc-base-5: #fcaab6;
+  --ng-doc-base-6: var(--color-primary-300);
+  --ng-doc-base-7: #fb8192;
+  --ng-doc-base-8: var(--color-primary-400);
+  --ng-doc-base-9: #f9506a;
+  --ng-doc-base-10: var(--color-primary-500);
+
+  --ng-doc-background: var(--color-white);
+  --ng-doc-sidebar-background: var(--color-white);
+  --ng-doc-heading-color: #000000;
+  --ng-doc-text: #000000;
+  --ng-doc-border-color: var(--color-gray-200);
   --ng-doc-tab-group-tabs-background: #f9fafb;
   --ng-doc-code-background: #f9fafb;
   --ng-doc-text-selection: rgba(255, 44, 81, 0.15);
 }
 
+:root[data-theme='dark'] {
+  --ng-doc-base-0: #0e0a0c;
+  --ng-doc-base-1: var(--color-primary-950);
+  --ng-doc-base-2: #66061e;
+  --ng-doc-base-3: var(--color-primary-900);
+  --ng-doc-base-4: #9e0c34;
+  --ng-doc-base-5: var(--color-primary-800);
+  --ng-doc-base-6: #b90f3b;
+  --ng-doc-base-7: var(--color-primary-700);
+  --ng-doc-base-8: #d91f3b;
+  --ng-doc-base-9: var(--color-primary-600);
+  --ng-doc-base-10: var(--color-primary-500);
+
+  --ng-doc-background: var(--color-gray-900);
+  --ng-doc-sidebar-background: var(--color-gray-900);
+  --ng-doc-heading-color: #ffffff;
+  --ng-doc-text: #ffffff;
+  --ng-doc-border-color: var(--color-gray-700);
+  --ng-doc-tab-group-tabs-background: #1e1e1e;
+  --ng-doc-code-background: #1e1e1e;
+  --ng-doc-text-selection: rgba(255, 44, 81, 0.25);
+}
+
+:root[data-theme='dark'] .shiki,
+:root[data-theme='dark'] .shiki span {
+  color: var(--shiki-dark) !important;
+}
+
 ng-doc-tabs {
   border-radius: 0px !important;
   margin-top: 0px !important;
diff --git a/apps/docs/public/css/ng-doc/dark.css b/apps/docs/public/css/ng-doc/dark.css
deleted file mode 100644
index 26a72cc7..00000000
--- a/apps/docs/public/css/ng-doc/dark.css
+++ /dev/null
@@ -1,38 +0,0 @@
-:root[data-theme='dark'] {
-  --ng-doc-base-rgb: 43 43 43;
-  --ng-doc-base-0: #111928;
-  --ng-doc-base-1: #262626;
-  --ng-doc-base-2: #2d2d2d;
-  --ng-doc-base-3: #353535;
-  --ng-doc-base-4: #3e3e3e;
-  --ng-doc-base-5: #484848;
-  --ng-doc-base-6: #515151;
-  --ng-doc-base-7: #5b5b5b;
-  --ng-doc-base-8: #656565;
-  --ng-doc-base-9: #707070;
-  --ng-doc-base-10: #7b7b7b;
-  --ng-doc-heading-color: #e3e3e3;
-  --ng-doc-text: #a9a9a9;
-  --ng-doc-text-muted: var(--ng-doc-base-10);
-  --ng-doc-text-selection: rgba(255, 44, 81, 0.5);
-  --ng-doc-shadow-color: rgba(0, 0, 0, 0.4);
-  --ng-doc-link-color: var(--ng-doc-primary);
-  --ng-doc-code-background: #1f2937;
-  --ng-doc-tab-group-tabs-background: #1f2937;
-  --ng-doc-inline-code-background: #b9b9b9;
-  --ng-doc-primary: #ff9ba8;
-  --ng-doc-info: #7095ff;
-  --ng-doc-mark-background: rgba(48, 165, 255, 0.3);
-  --ng-doc-search-result-color: #c6c6c6;
-  --ng-doc-api-tag-background: #ff5959;
-  --ng-doc-api-tag-color: var(--ng-doc-base-0);
-  --ng-doc-guide-tag-background: #faab00;
-  --ng-doc-guide-tag-color: var(--ng-doc-base-0);
-  --ng-doc-navbar-border: 1px solid var(--ng-doc-base-4);
-  --ng-doc-hover-background: #c3002f;
-}
-
-:root[data-theme='dark'] .shiki,
-:root[data-theme='dark'] .shiki span {
-  color: var(--shiki-dark) !important;
-}
diff --git a/apps/docs/public/css/styles.css b/apps/docs/public/css/styles.css
index a0a8148d..09bbdcf7 100644
--- a/apps/docs/public/css/styles.css
+++ b/apps/docs/public/css/styles.css
@@ -6,13 +6,6 @@
 
 @import './tw/fonts.css';
 
-@import './ng-doc/base.css';
-@import './ng-doc/dark.css';
-
-:root {
-  --ng-doc-font-system: 'roboto';
-}
-
 @theme {
   /* Colors */
   /* Primary */
@@ -28,3 +21,5 @@
   --color-primary-900: #940732;
   --color-primary-950: #5b041e;
 }
+
+@import './ng-doc/base.css';
diff --git a/apps/docs/src/app/app.component.html b/apps/docs/src/app/app.component.html
index f41b0202..7159dd6b 100644
--- a/apps/docs/src/app/app.component.html
+++ b/apps/docs/src/app/app.component.html
@@ -64,7 +64,7 @@
     <div class="flex flex-row items-center justify-start">
       <a
         flowbiteNavbarIconItem
-        href="https://storybook-flowbite-angular.com"
+        href="https://storybook.flowbite-angular.com"
         target="_blank"
         rel="noopener">
         <flowbite-icon
diff --git a/apps/docs/src/app/pages/landing/landing.component.html b/apps/docs/src/app/pages/landing/landing.component.html
index b784fc85..94c393bf 100644
--- a/apps/docs/src/app/pages/landing/landing.component.html
+++ b/apps/docs/src/app/pages/landing/landing.component.html
@@ -20,7 +20,8 @@ <h1 class="text-4xl font-extrabold text-gray-900 xl:text-6xl dark:text-white">
           <button
             flowbiteButton
             color="primary"
-            size="lg">
+            size="lg"
+            [routerLink]="['/docs', 'getting-started', 'quickstart']">
             <span>Get started</span>
             <flowbite-icon
               name="arrowRight"