mirror of
https://github.com/luxfhe/example-smart-wallet.git
synced 2026-10-30 18:13:16 +00:00
111 lines
3.0 KiB
JavaScript
111 lines
3.0 KiB
JavaScript
import { withAccountKitUi, createColorSet } from "@account-kit/react/tailwind";
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = withAccountKitUi(
|
|
{
|
|
content: ["./app/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", "./utils/**/*.{js,ts,jsx,tsx}"],
|
|
plugins: [require("daisyui")],
|
|
darkTheme: "dark",
|
|
darkMode: ["selector", "[data-theme='dark']"],
|
|
// DaisyUI theme colors
|
|
daisyui: {
|
|
themes: [
|
|
{
|
|
light: {
|
|
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": "0.125rem",
|
|
|
|
".tooltip": {
|
|
"--tooltip-tail": "6px",
|
|
},
|
|
".link": {
|
|
textUnderlineOffset: "2px",
|
|
},
|
|
".link:hover": {
|
|
opacity: "80%",
|
|
},
|
|
|
|
"--range-shdw": "#05F7FF",
|
|
},
|
|
},
|
|
{
|
|
dark: {
|
|
primary: "#212638",
|
|
"primary-content": "#F9FBFF",
|
|
secondary: "#323f61",
|
|
"secondary-content": "#99ADC1",
|
|
accent: "#4969A6",
|
|
"accent-content": "#212638",
|
|
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": "0.125rem",
|
|
|
|
".tooltip": {
|
|
"--tooltip-tail": "6px",
|
|
"--tooltip-color": "oklch(var(--p))",
|
|
},
|
|
".link": {
|
|
textUnderlineOffset: "2px",
|
|
},
|
|
".link:hover": {
|
|
opacity: "80%",
|
|
},
|
|
|
|
"--range-shdw": "#05F7FF",
|
|
},
|
|
},
|
|
],
|
|
},
|
|
theme: {
|
|
extend: {
|
|
boxShadow: {
|
|
center: "0 0 12px -2px rgb(0 0 0 / 0.05)",
|
|
},
|
|
animation: {
|
|
"pulse-fast": "pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
},
|
|
fontFamily: {
|
|
sans: ["var(--font-roboto-mono)"],
|
|
mono: ["var(--font-roboto-mono)"],
|
|
},
|
|
colors: {
|
|
highlight: "#21adb2",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
{
|
|
// override account kit themes
|
|
colors: {
|
|
"btn-primary": createColorSet("#E82594", "#FF66CC"),
|
|
"fg-accent-brand": createColorSet("#E82594", "#FF66CC"),
|
|
},
|
|
borderRadius: "none",
|
|
},
|
|
);
|