moon

深色模式与主题

account 2 min #dark mode #theme #display

SubLearn 提供多种主题选项,帮你根据环境和个人喜好优化学习体验。不管你是白天学习还是深夜刷题,都能选到最适合的主题。

深色模式与主题

SubLearn 提供多种主题选项,帮你根据环境和个人喜好优化学习体验。不管你是白天学习还是深夜刷题,都能选到最适合的主题。

可选主题模式

SubLearn 提供三种不同的主题模式,适用于不同场景:

  • 浅色模式 — 明亮整洁的界面,浅色背景加深色文字。非常适合白天学习和光线充足的环境。
  • 深色模式 — 我们的标志性暗色主题,深蓝黑色背景搭配紫色点缀。非常适合晚间和夜间学习。
  • 跟随系统 — 自动匹配你设备的系统主题偏好,根据时间或系统设置在浅色和深色之间切换。

切换主题

切换主题非常简单。在顶部导航栏中找到太阳和月亮图标,点击它即可在不同主题选项之间循环切换:

  1. 浅色模式显示太阳图标
  2. 深色模式显示月亮图标
  3. 跟随系统显示设置/自动图标

你的选择会立即应用到整个平台,主题偏好也会自动保存到你的账户。

深色模式配色方案

SubLearn 的深色模式采用精心设计的紫蓝色调配色,优化了视觉舒适度和无障碍性:

  • 背景 — 深蓝黑色(#0b1222)提供专业、舒缓的底色,减轻眼睛疲劳
  • 卡片与面板 — 稍浅的蓝色(#111b2e)创造视觉层次和组件分隔
  • 边框与分割线 — 微妙的青蓝色(#1e3348)界定内容边界,不产生刺眼的对比
  • 主要强调色 — 明亮紫色(#a78bfa)高亮交互元素、按钮和重要信息
  • 次要强调色 — 浅紫色(#c4b5fd)用于悬停状态和辅助元素
  • 渐变强调 — 蓝到紫渐变(#7c3aed 到 #a78bfa)为重要按钮和成就增添视觉深度

为什么选择深色模式?

深色模式为语言学习者提供了多方面的好处:

  • 减轻眼睛疲劳 — 深色背景发出更少的蓝光,让长时间学习更舒适
  • 提高专注力 — 更少的视觉眩光帮你更好地集中注意力在词汇、字幕和练习上
  • 节省电量 — 在 OLED 屏幕设备上,深色模式更省电
  • 更适合夜间学习 — 如果你喜欢晚上学习,深色模式对眼睛更温和
  • 专业外观 — 紫色强调色营造现代、精致的学习环境

系统偏好检测

如果你选择"跟随系统",SubLearn 会自动检测你设备的主题偏好。支持的系统包括:

  • Windows 11+ — 跟随系统的浅色/深色主题设置
  • macOS — 跟随你的外观偏好设置(浅色、深色、自动)
  • iOS/iPadOS — 匹配你设备的浅色/深色模式
  • Android — 与系统主题设置同步

主题持久化

你的主题选择会保存在账户设置中,登录状态下在所有设备上保持一致。如果你退出后重新登录,之前选择的主题仍然有效。这意味着你只需要设置一次,下次访问时它就会自动生效。

你可以随时更改主题偏好——切换次数没有限制。找到最适合你学习风格和环境的主题就好。

这份指南有帮助吗?

分享指南