亮色、暗色模式适配

client/tailwind.config.js

@@ -14,16 +14,16 @@ export default {
       },
       colors: {
         art: {
-          bg: '#050505',
-          surface: '#121214',
-          border: 'rgba(255,255,255,0.08)',
-          text: '#ececec',
-          muted: '#888888',
-          accent: '#d4b383',
-          error: '#ef4444',
-          'admin-bg': '#0a0a0a',
-          'admin-card': '#121214',
-          'admin-hover': '#1a1a1c',
+          bg: 'rgb(var(--art-bg) / <alpha-value>)',
+          surface: 'rgb(var(--art-surface) / <alpha-value>)',
+          border: 'var(--art-border)',
+          text: 'rgb(var(--art-text) / <alpha-value>)',
+          muted: 'rgb(var(--art-muted) / <alpha-value>)',
+          accent: 'rgb(var(--art-accent) / <alpha-value>)',
+          error: 'rgb(var(--art-error) / <alpha-value>)',
+          'admin-bg': 'rgb(var(--art-admin-bg) / <alpha-value>)',
+          'admin-card': 'rgb(var(--art-admin-card) / <alpha-value>)',
+          'admin-hover': 'rgb(var(--art-admin-hover) / <alpha-value>)',
         }
       },
       backgroundImage: {
@@ -74,4 +74,4 @@ export default {
     },
   },
   plugins: [],
-}
+}