diff --git a/src/app/globals.css b/src/app/globals.css index c5c009a..985de0f 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -99,18 +99,18 @@ * 定义全局 CSS 变量用于主题切换和动态样式 */ :root { - /* 主题色 - 默认 Teal */ - --primary-50: #f0f9f8; - --primary-100: #e0f2f0; - --primary-200: #bce6e1; - --primary-300: #8dd4cc; - --primary-400: #5ec2b7; - --primary-500: #35786f; - --primary-600: #2a605b; - --primary-700: #1f4844; - --primary-800: #183835; - --primary-900: #122826; - --primary-950: #0a1413; + /* 主题色 - 默认 Mist */ + --primary-50: #f7f8fa; + --primary-100: #eef1f5; + --primary-200: #dce2eb; + --primary-300: #c4cdd9; + --primary-400: #a3b0c1; + --primary-500: #8594a8; + --primary-600: #6b7a8d; + --primary-700: #596474; + --primary-800: #4b5360; + --primary-900: #414850; + --primary-950: #22262b; /* 基础颜色 */ --background: #ffffff; @@ -126,7 +126,7 @@ /* 边框 */ --border: #d1d5db; --border-secondary: #e5e7eb; - --border-focus: #35786f; + --border-focus: #8594a8; /* 圆角 - 更小的圆角 */ --radius-xs: 0.125rem; @@ -144,7 +144,7 @@ --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - --shadow-primary: 0 4px 14px 0 rgba(53, 120, 111, 0.39); + --shadow-primary: 0 4px 14px 0 rgba(133, 148, 168, 0.39); /* 间距 */ --spacing-xs: 0.25rem;