fix(website): fix darkmode bug on docs website (#13101)

taikoxyz · Feb 16, 2023 · a6d9bed · a6d9bed
1 parent e2b41b2
commit a6d9bed
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/packages/website/components/Footer.tsx b/packages/website/components/Footer.tsx
@@ -2,9 +2,9 @@ export default function Footer() {
   return (
     <footer className="bg-neutral-100 dark:bg-neutral-900">
       <div className="mx-auto max-w-[90rem]">
-        <div className="grid grid-cols-2 pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)] py-8 md:grid-cols-3 ">
+        <div className="grid grid-cols-2 pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)] py-8 md:grid-cols-3">
           <div>
-            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300">
+            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300 pt-3">
               About
             </h2>
             <ul className="text-neutral-500 dark:text-neutral-400">
@@ -38,7 +38,7 @@ export default function Footer() {
             </ul>
           </div>
           <div>
-            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300">
+            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300 pt-3">
               Developers
             </h2>
             <ul className="text-neutral-500 dark:text-neutral-400">
@@ -68,7 +68,7 @@ export default function Footer() {
             </ul>
           </div>
           <div>
-            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300">
+            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300 pt-3">
               Follow us
             </h2>
             <ul className="text-neutral-500 dark:text-neutral-400">

diff --git a/packages/website/theme.config.tsx b/packages/website/theme.config.tsx
@@ -16,6 +16,7 @@ export default {
   chat: {
     link: "https://discord.gg/taikoxyz",
   },
+  darkMode: true,
   docsRepositoryBase:
     "https://github.com/taikoxyz/taiko-mono/blob/main/packages/website",
   editLink: {
@@ -46,6 +47,9 @@ export default {
     );
   },
   logo: <ThemedImage />,
+  nextThemes: {
+    defaultTheme: "light",
+  },
   primaryHue: 315,
   project: {
     link: "https://github.com/taikoxyz",
@@ -55,5 +59,4 @@ export default {
       titleTemplate: "%s – Taiko",
     };
   },
-  darkMode: true,
 };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml