zlwu
963e2f80d4
1. 更新Light主题主色调为深蓝色(50, 50, 222) 2. 优化Dark主题主色调为亮蓝色(93, 135, 255) 3. 优化文本颜色系统 4. 增强Element Plus组件主题配置 5. 更新前端开发规范文档 6. 添加变更记录
2.0 KiB
2.0 KiB
代码调整记录 2025-07-05
变更人
wuzilong
变更时间
2025-07-05 10:00:00
变更内容
1. 主题色系统优化
修改文件
web/src/assets/styles/art-variables.scss
具体变更
-
Light 主题变量调整：
- 主色调更新：
--art-primary: 50, 50, 222(深蓝色) - 文本颜色优化：
--art-text-gray-600: #333333，--art-text-gray-700: #000000 - Element Plus 文本颜色：
--el-text-color-regular: #000000 !important
- 主色调更新：
-
Dark 主题变量调整：
- 主色调更新：
--art-primary: 93, 135, 255 - 背景色优化：
--art-bg-color: #070707 - 主要背景色：
--art-main-bg-color: #161618
- 主色调更新：
-
全局变量增强：
- 菜单悬浮背景色：
--el-menu-hover-bg-color: rgb(var(--art-primary)) !important - 菜单激活颜色：
--el-menu-active-color: rgb(var(--art-primary)) !important
- 菜单悬浮背景色：
变更目的
- 提升界面视觉体验
- 优化深色模式下的色彩表现
- 统一 Element Plus 组件的主题表现
影响范围
- 全局主题色系统
- 所有使用主题变量的组件
- Element Plus 组件的视觉表现
相关文档更新
- 前端开发规范文档已同步更新
- UI 设计规范文档已同步更新
备注
本次更新主要聚焦于提升用户界面的视觉体验，特别是对深色模式下的色彩表现进行了优化。新的主题色系统更加符合现代化智慧校园的设计理念。
CSS 样式修复
- 修改时间: 2025-07-05 11:00:00
- 修改人: wuzilong
- 修改内容:
- 修复 el-icon 样式选择器写法
- 文件路径:
web/src/assets/styles/ruoyi.scss - 修改前:
:deep(html .el-icon) - 修改后:
:deep(.el-icon) - 原因: Vue 3 中:deep()选择器语法变更
相关文档更新
- 更新了前端开发规范中的主题色定义
- 更新了 UI 设计规范中的颜色系统
- 同步更新了项目总览文档中的主题色说明