diff --git a/src/index.js b/src/index.js index 1964cc9b..4c35cff9 100755 --- a/src/index.js +++ b/src/index.js @@ -4,7 +4,6 @@ import ReactDOM from 'react-dom/client'; import { BrowserRouter as Router } from 'react-router-dom'; // 导入 Tailwind CSS 和 Brainwave 样式 import './styles/brainwave.css'; -import './styles/brainwave-colors.css'; // 导入 Bytedesk 客服系统 z-index 覆盖样式(必须在所有样式之后导入) import './styles/bytedesk-override.css'; diff --git a/src/styles/brainwave-colors.css b/src/styles/brainwave-colors.css deleted file mode 100644 index 04ea14da..00000000 --- a/src/styles/brainwave-colors.css +++ /dev/null @@ -1,49 +0,0 @@ -/* Brainwave 色彩变量定义 */ -:root { - /* Brainwave 中性色系 */ - --color-n-1: #FFFFFF; - --color-n-2: #CAC6DD; - --color-n-3: #ADA8C3; - --color-n-4: #757185; - --color-n-5: #3F3A52; - --color-n-6: #252134; - --color-n-7: #15131D; - --color-n-8: #0E0C15; - - /* Brainwave 主题色 */ - --color-1: #AC6AFF; - --color-2: #FFC876; - --color-3: #FF776F; - --color-4: #7ADB78; - --color-5: #858DFF; - --color-6: #FF98E2; - - /* 描边色 */ - --stroke-1: #26242C; -} - -/* CSS类名映射到变量 */ -.bg-n-8 { background-color: var(--color-n-8) !important; } -.bg-n-7 { background-color: var(--color-n-7) !important; } -.bg-n-6 { background-color: var(--color-n-6) !important; } - -.text-n-1 { color: var(--color-n-1) !important; } -.text-n-2 { color: var(--color-n-2) !important; } -.text-n-3 { color: var(--color-n-3) !important; } -.text-n-4 { color: var(--color-n-4) !important; } - -.border-n-6 { border-color: var(--color-n-6) !important; } -.border-n-1\/10 { border-color: rgba(255, 255, 255, 0.1) !important; } -.border-n-2\/5 { border-color: rgba(202, 198, 221, 0.05) !important; } -.border-n-2\/10 { border-color: rgba(202, 198, 221, 0.1) !important; } - -.bg-stroke-1 { background-color: var(--stroke-1) !important; } - -/* 渐变背景 */ -.bg-conic-gradient { - background: conic-gradient(from 225deg, #FFC876, #79FFF7, #9F53FF, #FF98E2, #FFC876) !important; -} - -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important; -} diff --git a/tailwind.config.js b/tailwind.config.js index 0240e56d..391cfd76 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,33 +1,19 @@ /** @type {import('tailwindcss').Config} */ const { heroui } = require("@heroui/react"); -const path = require("path"); module.exports = { - content: { - relative: true, - files: [ - // 只扫描项目源码(不包含 node_modules) - "./src/**/*.{js,jsx,ts,tsx}", - "./public/index.html", + content: [ + // 只扫描 src 目录(明确指定 js 和 jsx,避免 ts 匹配 node_modules) + "./src/**/*.js", + "./src/**/*.jsx", + "./public/index.html", - // Hero UI 必需的文件(精确路径) - "./node_modules/@heroui/theme/dist/**/*.{js,mjs}", - "./node_modules/@heroui/react/dist/**/*.{js,mjs}", - ], - // 明确排除 node_modules 的其他部分 - transform: { - // 排除 node_modules 中非 heroui 的文件 - DEFAULT: (content, { path: filePath }) => { - // 如果是 node_modules 中的文件,但不是 @heroui,则跳过 - if (filePath.includes('node_modules') && !filePath.includes('@heroui')) { - return ''; - } - return content; - }, - }, - }, + // Hero UI 组件库(精确路径) + "./node_modules/@heroui/theme/dist/**/*.js", + "./node_modules/@heroui/react/dist/**/*.js", + ], - darkMode: "class", // 支持深色模式 + darkMode: "class", theme: { extend: { @@ -60,15 +46,10 @@ module.exports = { plugins: [heroui()], - // 性能优化 safelist: [ - // Hero UI 动态类名 'bg-gradient-to-br', 'from-blue-500', 'to-purple-500', 'backdrop-blur-xl', ], - - // 优化缓存 - cacheLocation: path.resolve(__dirname, 'node_modules/.cache/tailwindcss'), }