add light/dark theme change

Spencer-Sch · Dec 2, 2023 · 294ecf8 · 294ecf8
1 parent 8cca1fd
commit 294ecf8
Showing 1 changed file with 2 additions and 96 deletions.
diff --git a/packages/nextjs/tailwind.config.js b/packages/nextjs/tailwind.config.js
@@ -7,104 +7,10 @@ module.exports = {
     "./node_modules/react-tailwindcss-datepicker/dist/index.esm.js",
   ],
   plugins: [require("daisyui")],
-  darkTheme: "scaffoldEthDark",
+  darkMode: ["class", '[data-theme="dark"]'],
   // DaisyUI theme colors
   daisyui: {
-    themes: [
-      {
-        myTheme: {
-          primary: "#4b6bfb",
-          secondary: "#7b92b2",
-          accent: "#67cba0",
-          neutral: "#181a2a",
-          "neutral-content": "#edf2f7",
-          "base-100": "#ffffff",
-          "base-content": "#181a2a",
-          "--rounded-box": "0.25rem",
-          "--rounded-btn": ".125rem",
-          "--rounded-badge": ".125rem",
-          "--animation-btn": "0",
-          "--animation-input": "0",
-          "--btn-focus-scale": "1",
-
-          // "--rounded-btn": "9999rem",
-          // ".tooltip": {
-          //   "--tooltip-tail": "6px",
-          // },
-          // ".link": {
-          //   textUnderlineOffset: "2px",
-          // },
-          // ".link:hover": {
-          //   opacity: "80%",
-          // },
-        },
-      },
-      // {
-      //   scaffoldEth: {
-      //     primary: "#93BBFB",
-      //     "primary-content": "#212638",
-      //     secondary: "#DAE8FF",
-      //     "secondary-content": "#212638",
-      //     accent: "#93BBFB",
-      //     "accent-content": "#212638",
-      //     neutral: "#212638",
-      //     "neutral-content": "#ffffff",
-      //     "base-100": "#ffffff",
-      //     "base-200": "#f4f8ff",
-      //     "base-300": "#DAE8FF",
-      //     "base-content": "#212638",
-      //     info: "#93BBFB",
-      //     success: "#34EEB6",
-      //     warning: "#FFCF72",
-      //     error: "#FF8863",
-
-      //     "--rounded-btn": "9999rem",
-
-      //     ".tooltip": {
-      //       "--tooltip-tail": "6px",
-      //     },
-      //     ".link": {
-      //       textUnderlineOffset: "2px",
-      //     },
-      //     ".link:hover": {
-      //       opacity: "80%",
-      //     },
-      //   },
-      // },
-      // {
-      //   scaffoldEthDark: {
-      //     primary: "#212638",
-      //     "primary-content": "#F9FBFF",
-      //     secondary: "#323f61",
-      //     "secondary-content": "#F9FBFF",
-      //     accent: "#4969A6",
-      //     "accent-content": "#F9FBFF",
-      //     neutral: "#F9FBFF",
-      //     "neutral-content": "#385183",
-      //     "base-100": "#385183",
-      //     "base-200": "#2A3655",
-      //     "base-300": "#212638",
-      //     "base-content": "#F9FBFF",
-      //     info: "#385183",
-      //     success: "#34EEB6",
-      //     warning: "#FFCF72",
-      //     error: "#FF8863",
-
-      //     "--rounded-btn": "9999rem",
-
-      //     ".tooltip": {
-      //       "--tooltip-tail": "6px",
-      //       "--tooltip-color": "hsl(var(--p))",
-      //     },
-      //     ".link": {
-      //       textUnderlineOffset: "2px",
-      //     },
-      //     ".link:hover": {
-      //       opacity: "80%",
-      //     },
-      //   },
-      // },
-    ],
+    themes: ["light", "dark"],
   },
   theme: {
     extend: {