remove scaffold-eth styles and use daisy-ui corporate theme colors

Spencer-Sch · Nov 18, 2023 · 4f89eea · 4f89eea
1 parent c2c8605
commit 4f89eea
Showing 1 changed file with 86 additions and 58 deletions.
diff --git a/packages/nextjs/tailwind.config.js b/packages/nextjs/tailwind.config.js
@@ -7,70 +7,98 @@ module.exports = {
   daisyui: {
     themes: [
       {
-        scaffoldEth: {
-          primary: "#93BBFB",
-          "primary-content": "#212638",
-          secondary: "#DAE8FF",
-          "secondary-content": "#212638",
-          accent: "#93BBFB",
-          "accent-content": "#212638",
-          neutral: "#212638",
-          "neutral-content": "#ffffff",
+        myTheme: {
+          primary: "#4b6bfb",
+          secondary: "#7b92b2",
+          accent: "#67cba0",
+          neutral: "#181a2a",
+          "neutral-content": "#edf2f7",
           "base-100": "#ffffff",
-          "base-200": "#f4f8ff",
-          "base-300": "#DAE8FF",
-          "base-content": "#212638",
-          info: "#93BBFB",
-          success: "#34EEB6",
-          warning: "#FFCF72",
-          error: "#FF8863",
+          "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%",
-          },
+          // "--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",
+      // {
+      //   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",
+      //     "--rounded-btn": "9999rem",
 
-          ".tooltip": {
-            "--tooltip-tail": "6px",
-            "--tooltip-color": "hsl(var(--p))",
-          },
-          ".link": {
-            textUnderlineOffset: "2px",
-          },
-          ".link:hover": {
-            opacity: "80%",
-          },
-        },
-      },
+      //     ".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%",
+      //     },
+      //   },
+      // },
     ],
   },
   theme: {