gao
06427fa8ce
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]>
27 lines
569 B
JSON
27 lines
569 B
JSON
{
|
|
"name": "wordmaster-frontend",
|
|
"version": "1.0.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vite build",
|
|
"preview": "vite preview",
|
|
"serve": "vite preview --port 3000"
|
|
},
|
|
"dependencies": {
|
|
"@element-plus/icons-vue": "^2.3.1",
|
|
"axios": "^1.6.2",
|
|
"chart.js": "^4.4.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"
|
|
}
|
|
}
|