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

686 B

修改浅色模式样式,增强模块区分度

修改内容:

  1. 调整CSS变量(在 :root 中)

    • 背景色:#f5f7fa#e8ecf1(增强对比)
    • 卡片阴影:rgba(0, 0, 0, 0.05)rgba(0, 0, 0, 0.12)(更明显)
    • 边框色:#e0e0e0#d1d5db(更清晰的边框)
    • 分割线:darkgray#d1d5db
  2. 增强卡片样式

    • 添加微妙的边框效果
    • 增强阴影深度
    • 优化卡片与背景的对比
  3. 保持深色模式不变

    • 深色模式已经很清晰,无需修改

预期效果:

  • 模块之间区分更明显
  • 视觉层次更清晰
  • 保持简洁风格的同时提升可读性