🌙 深色主题演示

体验量化交易系统的深色主题功能,提升夜间使用体验

🎨 主题切换

主题设置会自动保存,下次访问时会记住您的选择

🎨 颜色系统

主题系统包含完整的颜色调色板,支持语义化颜色变量

Primary
Secondary
Success
Danger
Warning
Info

📝 表单组件

所有表单控件都支持深色主题,保持一致的视觉体验

🔘 按钮组件

各种类型的按钮都有对应的深色主题样式

📊 图表组件

ECharts图表会自动适配主题颜色,提供一致的视觉体验

📈 图表区域 (自动适配主题)

📈 数据统计

统计数据卡片在深色主题下更加突出重要信息

12.5%
年化收益
1.85
夏普比率
-8.2%
最大回撤
68%
胜率

🃏 卡片组件

卡片组件支持悬停效果和阴影系统,在深色主题下更加优雅

策略信息
MACD策略 - 保守型参数

✨ 深色主题特性

🎯 核心功能

  • 自动保存主题偏好
  • 跟随系统主题设置
  • 平滑的主题切换动画
  • 完整的CSS变量系统
  • 响应式设计支持

🎨 视觉优化

  • 护眼的深色配色方案
  • 优化的对比度设计
  • 统一的阴影系统
  • 图表主题自动适配
  • 打印样式优化