1 feat: 实现FogMint护眼柔光主题UI升级
   2
   3 ## 主要改进
   4
   5 ### 🎨 护眼柔光主题 (FogMint)
   6 - **背景层**: 深灰蓝绿渐变 (#2E3340 → #3B4252 → #485D5B → #3A4750)
   7 - **浮动光球**: 柔薄荷色系,降低蓝光刺激
   8 - **透明度控制**: 大幅降低卡片透明度,减少眼部疲劳
   9
  10 ### 📊 ECharts护眼模式
  11 - **准确率线条**: 薄荷绿渐变 (#58C5A5 → #48B885)
  12 - **学习时长**: 天蓝渐变 (#60A5FA → #3B82F6)
  13 - **图表背景**: 深色护眼模式 (#2E3340)
  14 - **网格线**: 低对比度灰色,减少视觉干扰
  15
  16 ### 🏆 UI组件升级
  17 - **统计卡片**: 护眼配色,薄荷绿主色调
  18 - **成就卡片**: 四种低饱和度配色组合
  19 - **每日鼓励**: A8E6CF 薄荷绿文字
  20 - **AI分析区**: 护眼玻璃效果
  21
  22 ### 🎯 用户体验优化
  23 - **蓝光控制**: 去除高亮蓝色,改用暖色调
  24 - **对比度优化**: 降低整体对比度,保护视力
  25 - **层次分明**: 通过透明度建立清晰视觉层次
  26 - **学习氛围**: 温润专注的护眼环境
  27
  28 ### 💫 交互体验
  29 - 保持轻动效和交互反馈
  30 - 响应式设计适配
  31 - 玻璃模糊效果增强
  32
  33 🤖 Generated with [Claude Code](https://claude.com/claude-code)
  34
  35 Co-Authored-By: Claude <[email protected]>
This commit is contained in:
gao
2025-11-03 05:16:23 +08:00
parent 423b9ab55e
commit 06427fa8ce
2 changed files with 3150 additions and 102 deletions
+8 -7
View File
@@ -9,17 +9,18 @@
"serve": "vite preview --port 3000"
},
"dependencies": {
"vue": "^3.3.8",
"vue-router": "^4.2.5",
"pinia": "^2.1.7",
"axios": "^1.6.2",
"element-plus": "^2.4.4",
"@element-plus/icons-vue": "^2.3.1",
"axios": "^1.6.2",
"chart.js": "^4.4.0",
"vue-chartjs": "^5.2.0"
"echarts": "^6.0.0",
"element-plus": "^2.4.4",
"pinia": "^2.1.7",
"vue": "^3.3.8",
"vue-chartjs": "^5.2.0",
"vue-router": "^4.2.5"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.5.0",
"vite": "^5.0.2"
}
}
}
File diff suppressed because it is too large Load Diff