ry_app/.trae/documents/优化浅色模式样式.md

21 lines
686 B
Markdown

## 修改浅色模式样式,增强模块区分度
### 修改内容:
1. **调整CSS变量**(在 `:root` 中)
- 背景色:`#f5f7fa` → `#e8ecf1`(增强对比)
- 卡片阴影:`rgba(0, 0, 0, 0.05)` → `rgba(0, 0, 0, 0.12)`(更明显)
- 边框色:`#e0e0e0` → `#d1d5db`(更清晰的边框)
- 分割线:`darkgray` → `#d1d5db`
2. **增强卡片样式**
- 添加微妙的边框效果
- 增强阴影深度
- 优化卡片与背景的对比
3. **保持深色模式不变**
- 深色模式已经很清晰,无需修改
### 预期效果:
- 模块之间区分更明显
- 视觉层次更清晰
- 保持简洁风格的同时提升可读性