feat: 优化主题色系统

1. 更新Light主题主色调为深蓝色(50, 50, 222)
2. 优化Dark主题主色调为亮蓝色(93, 135, 255)
3. 优化文本颜色系统
4. 增强Element Plus组件主题配置
5. 更新前端开发规范文档
6. 添加变更记录

web/src/assets/styles/art-variables.scss

@@ -3,12 +3,13 @@
 // 默认主题变量 ｜ Light 主题变量
 :root {
   // Theme color
-  --art-primary: 93, 135, 255;
+  --art-primary: 50, 50, 222;
+  // --art-primary: #409eff
   --art-secondary: 73, 190, 255;
   --art-error: 250, 137, 107;
-  --art-info: 83, 155, 255;
-  --art-success: 19, 222, 185;
-  --art-warning: 255, 174, 31;
+  --art-info: 0, 75, 178;
+  --art-success: 0, 167, 58;
+  --art-warning: 142, 91, 0;
   --art-danger: 255, 77, 79;
 
   // Theme background color
@@ -56,8 +57,8 @@
   --art-text-gray-300: #dbdfe9;
   --art-text-gray-400: #c4cada;
   --art-text-gray-500: #99a1b7;
-  --art-text-gray-600: #78829d;
-  --art-text-gray-700: #4b5675;
+  --art-text-gray-600: #333333;
+  --art-text-gray-700: #000000;
   --art-text-gray-800: #252f4a;
   --art-text-gray-900: #071437;
 
@@ -81,12 +82,12 @@
   --art-main-bg-color: #ffffff;
 
   // Element Plus 兼容
-  --el-color-primary: rgb(var(--art-primary));
-  --el-color-success: rgb(var(--art-success));
-  --el-color-warning: rgb(var(--art-warning));
-  --el-color-danger: rgb(var(--art-danger));
-  --el-color-error: rgb(var(--art-error));
-  --el-color-info: rgb(var(--art-info));
+  --el-color-primary: rgb(var(--art-primary)) !important;
+  --el-color-success: rgb(var(--art-success)) !important;
+  --el-color-warning: rgb(var(--art-warning)) !important;
+  --el-color-danger: rgb(var(--art-danger)) !important;
+  --el-color-error: rgb(var(--art-error)) !important;
+  --el-color-info: rgb(var(--art-info)) !important;
 
   // 间距系统
   --space-xs: 4px;
@@ -113,6 +114,11 @@
 
   // 主题色
   --main-color: rgb(var(--art-primary));
+
+  --el-text-color-regular: #000000 !important;
+
+
+
 }
 
 // Dark 主题变量
@@ -238,6 +244,11 @@ html.dark {
   // 添加 tag 相关变量
   --tags-view-active-bg: var(--main-color);
   --tags-view-active-border-color: var(--main-color);
+
+  --el-menu-hover-bg-color: rgb(var(--art-primary)) !important;
+
+  --el-menu-active-color: rgb(var(--art-primary)) !important;
+
 }
 
 // 媒体查询-设备尺寸