1. 概述
1.1 版本
| App 版本 |
|---|
| V11.0 |
1.2 应用场景
iOS 手机推出深色模式，部分用户希望 App 色系与手机模式色系一致。
1.3 实现思路
版本在 V10.4.80 及之后的帆软数据分析 App，支持切换主题模式为深色模式。
2. 切换方式
2.1 手动切换主题模式
1）登录数据分析 App，点击「设置」>「通用」>「主题模式」。
2）选择深色模式，App 主题模式即刻切换为深色模式。
如下图所示：
2.2 跟随系统颜色模式
如 Android 设备系统在10.0 及以上版本/ iOS 设备系统在13 及以上版本，且支持选择外观为「浅色/深色模式」。如下图所示：
用户登录数据分析 App，点击「设置」>「通用」>「主题模式」，选择「跟随系统颜色模式」，App 主题模式将「跟随系统主题切换」。如下图所示：
3. 深色模式简介
主题设置为深色模式后，众多设置页将自动切换为深色，如下图所示：
具体适配项如下表所示：
| 分类 | 内容 | 是否适配 | 备注 |
|---|---|---|---|
| 桌面 | 桌面图标、App 名称 | 不适配 | - |
| 启动页 | 引导页 | 适配 | - |
| 启动页 | 适配 |
| |
| 登录页 | 登录页 | 不适配 | - |
| 登录安全键盘 | 不适配 | - | |
| 登录页>手势密码 | 适配 | - | |
| 服务器列表 | 适配 | - | |
| 服务器添加／编辑界面 | 适配 | - | |
| 虚拟网设置 | 适配 | - | |
| 主页菜单 | 底部菜单 | 适配 | - |
| 顶部导航 | 适配 | - | |
| 首页 | 不适配 | 首页内容为模板，因此不做调整 | |
目录页 目录图标 | 适配 |
| |
| 目录横幅 | 适配 | 图片不修改，加深色蒙版 | |
| 常用页 | 适配 | - | |
| 消息页 | 适配 | - | |
| 设置 | 设置页 | 适配 | - |
| 扫一扫 | 适配 | - | |
| 修改密码 | 适配 | - | |
| 手势密码 | 适配 | - | |
| 离线缓存 | 适配 | - | |
| 关于 | 适配 | - | |
| 模板页 | 顶部标题 | 适配 | - |
| 底部工具栏 | 适配 | - | |
| 批注分享 | 适配 | - | |
| 模板内容 | 不适配 | - | |
| 弹窗提示 | toast 提示 | 适配 | 加深色蒙版 |
| 弹窗提示 | 适配 | - | |
| 首次安装操作提示 | 适配 | - | |
| 其他 | 加载动画 | 适配 | 加深色蒙版 |
| 目录／常用搜索 | 适配 | - | |
| 目录／常用下拉刷新 | 适配 | - | |
| Android 刷新 | 不适配 | - | |
相册选择 | 适配 | - | |
| 按钮 | 适配 | - |
上一篇：[App]系统语言
