1

web/admin-spa/tailwind.config.js

@@ -4,6 +4,32 @@ export default {
   darkMode: 'class',
   theme: {
     extend: {
+      colors: {
+        // 主题色 - 使用 CSS 变量
+        primary: {
+          DEFAULT: 'var(--primary-color)',
+          rgb: 'rgb(var(--primary-rgb))'
+        },
+        secondary: {
+          DEFAULT: 'var(--secondary-color)',
+          rgb: 'rgb(var(--secondary-rgb))'
+        },
+        accent: {
+          DEFAULT: 'var(--accent-color)',
+          rgb: 'rgb(var(--accent-rgb))'
+        },
+        // 表面颜色
+        surface: 'var(--surface-color)',
+        'glass-strong': 'var(--glass-strong-color)',
+        glass: 'var(--glass-color)'
+      },
+      backgroundColor: {
+        'theme-surface': 'var(--surface-color)',
+        'theme-glass': 'var(--glass-strong-color)'
+      },
+      borderColor: {
+        'theme-border': 'var(--border-color)'
+      },
       animation: {
         gradient: 'gradient 8s ease infinite',
         float: 'float 6s ease-in-out infinite',