通用功能
主题切换
浅色、深色、跟随系统三种主题模式
加载中...
FeeYoo 支持三种主题模式，您可以根据环境光线或个人偏好自由切换。主题选择会保存在本地，下次打开时自动恢复。
| 模式 | 标识 | 说明 |
|---|---|---|
| 浅色 | light | 始终使用浅色界面，适合白天和强光环境 |
| 深色 | dark | 始终使用深色界面，适合夜间和弱光环境，更省电（OLED 屏） |
| 跟随系统 | system | 自动跟随手机系统设置，系统切换时 App 同步切换 |
首次安装后默认使用「跟随系统」模式。如果您手动选择了浅色或深色，则不再跟随系统，直到重新切回「跟随系统」。
选择会被写入本地存储（key 为 feeyoo_theme），下次打开 App 自动读取并应用。
当您选择「跟随系统」时：
prefers-color-scheme 媒体查询，系统主题变化时 App 自动切换。uni.onThemeChange 监听系统主题变化，系统切换深浅色时 App 同步刷新。如果您手动固定为「浅色」或「深色」，则系统主题变化不会影响 App 内的显示。
由于各端能力不同，深色模式的实现在技术细节上略有差别，但视觉效果一致：
<html> 上设置 data-theme="mobile" 属性.dark class，浅色模式下移除该 class.dark 选择器覆盖颜色变量，完成深浅切换由于小程序不支持自定义根 class，深色模式通过以下方式实现：
uni.setNavigationBarColor 设置导航栏的前景色与背景色
#ffffff、背景 #212226#000000、背景 #ffffff在没有原生导航栏的页面（如自定义头部），导航栏颜色设置可能不生效，以页面实际配色为准。
深色模式仍在持续优化中，若您发现某些页面在深色下对比度不佳、文字不易辨认，欢迎通过「意见反馈」提交体验问题（类型选择「体验问题」），我们会持续改进。