[BUG] PWA模式下， IOS系统在暗黑模式下UI有错误

chatgpt-web-dev / chatgpt-web

A third-party ChatGPT Web UI page built with Express and Vue3, through the official OpenAI completion API. / 用 Express 和 Vue3 搭建的第三方 ChatGPT 前端页面, 基于 OpenAI 官方 completion API.

MIT License

1.6k stars 440 forks source link

查询了一下相关的资料。状态栏的颜色应该是通过

<meta name="theme-color" content="#319197">

这样子来设置的。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color 看起来 theme-color 的浏览器兼容性本来就不是很好。所以在有些环境下不生效其实也很能理解

但很奇怪的就是报告中描述的 ChatGPT-Next-Web 它在相同的设备环境下能做到修改状态栏颜色 @liuchao0807 你是在同一个设备环境下测试对比的吗? 它怎么做到的呢真很奇怪了。

https://css-tricks.com/meta-theme-color-and-trickery/ 我参考这个资料中提到的一个示例网站 https://mxb.dev/ 测了一下各种情况下的兼容性 @liuchao0807 你也可以设置打开这个网址看下表现把你设备上的现象分享一下哈。🌹

发现在我的ios上 safari 能改状态栏颜色 chrome不行和现在的 chatgpt-web 修改主题后的表现是一致的

chatgpt-web-dev / chatgpt-web

[BUG] PWA模式下， IOS系统在暗黑模式下UI有错误 #410

如图所示，在暗黑模式下，状态栏部分还是白色，不太和谐

暗黑模式

其他项目，例如ChatGPT-Next-Web，可以很好的自适应

亮色模式

暗黑模式