Files
vf_react/tailwind.config.js
2025-11-22 15:50:06 +08:00

64 lines
1.6 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/** @type {import('tailwindcss').Config} */
const { heroui } = require("@heroui/react");
module.exports = {
// 最小化扫描范围 - 只包含绝对必要的文件
content: [
"./src/views/AgentChat/**/*.{js,jsx}", // 只扫描 AgentChat使用 Hero UI 的页面)
"./src/index.js", // 入口文件
"./public/index.html", // HTML 模板
],
darkMode: "class",
theme: {
extend: {
// Brainwave 自定义颜色
colors: {
n: {
1: "#FFFFFF",
2: "#CAC6DD",
3: "#ADA8C3",
4: "#757185",
5: "#3F3A52",
6: "#252134",
7: "#15131D",
8: "#0E0C15",
},
color: {
1: "#AC6AFF",
2: "#FFC876",
3: "#FF776F",
4: "#7ADB78",
5: "#858DFF",
6: "#FF98E2",
},
stroke: {
1: "#26242C",
},
},
},
},
plugins: [heroui()],
// 预加载所有可能用到的 Hero UI 类名
safelist: [
// 布局
'flex', 'flex-1', 'flex-col', 'grid', 'overflow-hidden',
// 渐变
'bg-gradient-to-br', 'from-blue-500', 'to-purple-500',
'from-gray-900', 'to-gray-800', 'via-slate-900',
// 毛玻璃
'backdrop-blur-xl', 'bg-white/80', 'bg-gray-900/95', 'bg-gray-800/80',
// 边框
'border-gray-200', 'border-gray-700', 'border-gray-800',
// 文字颜色
'text-gray-100', 'text-gray-300', 'text-gray-400',
// 背景颜色
'bg-gray-800', 'bg-gray-900', 'bg-blue-500',
// 悬停状态
'hover:bg-gray-700', 'hover:border-blue-500',
],
}