mirror of
https://github.com/luxfhe/example-poker.git
synced 2026-10-30 18:13:22 +00:00
95 lines
2.4 KiB
JavaScript
95 lines
2.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ["./app/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", "./utils/**/*.{js,ts,jsx,tsx}"],
|
|
plugins: [require("daisyui")],
|
|
darkTheme: "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": "9999rem",
|
|
|
|
".tooltip": {
|
|
"--tooltip-tail": "6px",
|
|
},
|
|
".link": {
|
|
textUnderlineOffset: "2px",
|
|
},
|
|
".link:hover": {
|
|
opacity: "80%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
dark: {
|
|
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": "oklch(var(--p))",
|
|
},
|
|
".link": {
|
|
textUnderlineOffset: "2px",
|
|
},
|
|
".link:hover": {
|
|
opacity: "80%",
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
theme: {
|
|
extend: {
|
|
boxShadow: {
|
|
center: "0 0 12px -2px rgb(0 0 0 / 0.05)",
|
|
hard: "2px 2px 0px 0px rgba(0,0,0,0.5)",
|
|
},
|
|
animation: {
|
|
"pulse-fast": "pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
wiggle: "wiggle 1s ease-in-out infinite",
|
|
},
|
|
keyframes: {
|
|
wiggle: {
|
|
"0%, 100%": { transform: "rotate(-3deg)" },
|
|
"50%": { transform: "rotate(3deg)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|