Files
coco-app/tailwind.config.js
BiggerRain d47f28878f feat: add debug api details show (#102)
* feat: add debug api details show
2025-01-16 16:57:42 +08:00

47 lines
1.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{html,js,jsx,ts,tsx}"],
theme: {
extend: {
backgroundColor: {
primary: "rgb(var(--color-primary) / <alpha-value>)",
secondary: "rgb(var(--color-secondary) / <alpha-value>)",
background: "rgb(var(--color-background) / <alpha-value>)",
foreground: "rgb(var(--color-foreground) / <alpha-value>)",
separator: "rgb(var(--color-separator) / <alpha-value>)",
},
backgroundImage: {
chat_bg_light: "url('./assets/chat_bg_light.png')",
chat_bg_dark: "url('./assets/chat_bg_dark.png')",
search_bg_light: "url('./assets/search_bg_light.png')",
search_bg_dark: "url('./assets/search_bg_dark.png')",
inputbox_bg_light: "url('./assets/inputbox_bg_light.png')",
inputbox_bg_dark: "url('./assets/inputbox_bg_dark.png')",
},
textColor: {
primary: "rgb(var(--color-foreground) / <alpha-value>)",
},
animation: {
"fade-in": "fade-in 0.2s ease-in-out",
},
keyframes: {
"fade-in": {
"0%": { opacity: "0" },
"100%": { opacity: "1" },
},
},
boxShadow: {
"window-custom": "0px 16px 32px 0px rgba(0,0,0,0.3)",
},
zIndex: {
100: '100',
1000: '1000',
2000: '2000',
},
},
},
plugins: [],
mode: "jit",
darkMode: "class",
};