PWA
theme_color 对比 background_color（Manifest）
在 web app manifest 里，theme_color 为你已安装应用周围的操作系统界面（状态栏和标题区域）着色，而 background_color 绘制应用加载、你的 CSS 尚未生效时所显示的启动画面。它们是为不同时刻服务的不同字段。<meta name="theme-color"> 标签为一个普通浏览器标签页做 theme_color 那份活。
两个颜色，两个时刻
theme_color 在你的应用运行时显示：操作系统用它为窗口周围的界面着色，比如状态栏和标题区域。background_color 显示得更早。它是操作系统在应用还在加载、你的任何 CSS 都尚未生效时所绘制的启动画面的那个纯色。
把 background_color 设成大致等于你页面的背景，会让启动感觉无缝；保留默认则会在你的应用绘制之前给你一道白闪。
谁是谁
| 字段 | 何时显示 | 为什么着色 |
|---|---|---|
| theme_color | 应用运行时 | 操作系统界面、状态栏 |
| background_color | 启动期间 | 启动画面 |
Manifest 颜色常见问题
theme_color 和 background_color 有什么区别？
theme_color 为一个运行中的已安装应用周围的操作系统界面着色；background_color 是应用还在启动时所显示的启动画面颜色。不同的表面，不同的时刻。
为什么我的 PWA 启动画面颜色不对？
那个颜色来自 manifest 里的 background_color。把它设成与你应用的背景相配，好让在你的 CSS 加载之前没有一道刺眼的闪光。
我还需要 meta theme-color 标签吗？
需要，为了普通浏览器标签页。manifest 的 theme_color 只应用于已安装的应用。保持 meta 标签和 manifest 取值同步。