# 代码调整记录 2025-07-05 ## 变更人 wuzilong ## 变更时间 2025-07-05 10:00:00 ## 变更内容 ### 1. 主题色系统优化 #### 修改文件 - `web/src/assets/styles/art-variables.scss` #### 具体变更 1. Light 主题变量调整: - 主色调更新:`--art-primary: 50, 50, 222` (深蓝色) - 文本颜色优化:`--art-text-gray-600: #333333`,`--art-text-gray-700: #000000` - Element Plus 文本颜色:`--el-text-color-regular: #000000 !important` 2. Dark 主题变量调整: - 主色调更新:`--art-primary: 93, 135, 255` - 背景色优化:`--art-bg-color: #070707` - 主要背景色:`--art-main-bg-color: #161618` 3. 全局变量增强: - 菜单悬浮背景色:`--el-menu-hover-bg-color: rgb(var(--art-primary)) !important` - 菜单激活颜色:`--el-menu-active-color: rgb(var(--art-primary)) !important` #### 变更目的 1. 提升界面视觉体验 2. 优化深色模式下的色彩表现 3. 统一 Element Plus 组件的主题表现 #### 影响范围 - 全局主题色系统 - 所有使用主题变量的组件 - Element Plus 组件的视觉表现 ## 相关文档更新 - [x] 前端开发规范文档已同步更新 - [x] 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 设计规范中的颜色系统 - 同步更新了项目总览文档中的主题色说明