From 4f89eeaf52fb6f4cad0d9d4272fef60f119da8c3 Mon Sep 17 00:00:00 2001 From: Spencer Schoeneman Date: Sat, 18 Nov 2023 08:02:37 -0600 Subject: [PATCH] remove scaffold-eth styles and use daisy-ui corporate theme colors --- packages/nextjs/tailwind.config.js | 144 +++++++++++++++++------------ 1 file changed, 86 insertions(+), 58 deletions(-) diff --git a/packages/nextjs/tailwind.config.js b/packages/nextjs/tailwind.config.js index 293d716..d63eb11 100644 --- 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: {