diff --git a/tailwind.config.js b/tailwind.config.js index 55557b6d..2a615f7f 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -2,21 +2,18 @@ const { heroui } = require("@heroui/react"); module.exports = { + // 最小化扫描范围 - 只包含绝对必要的文件 content: [ - // 只扫描 src 和 public 目录(不使用 glob,精确指定) - "src/**/*.js", - "src/**/*.jsx", - "public/index.html", - - // Hero UI 组件库(仅必需文件) - "node_modules/@heroui/theme/dist/components/*.js", - "node_modules/@heroui/react/dist/index.js", + "./src/views/AgentChat/**/*.{js,jsx}", // 只扫描 AgentChat(使用 Hero UI 的页面) + "./src/index.js", // 入口文件 + "./public/index.html", // HTML 模板 ], darkMode: "class", theme: { extend: { + // Brainwave 自定义颜色 colors: { n: { 1: "#FFFFFF", @@ -45,10 +42,22 @@ module.exports = { plugins: [heroui()], + // 预加载所有可能用到的 Hero UI 类名 safelist: [ - 'bg-gradient-to-br', - 'from-blue-500', - 'to-purple-500', - 'backdrop-blur-xl', + // 布局 + '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', ], }