我本应在今天正式上线网站，发送邮件并让人们安装 PWA 
我理解您的沮丧，但这并不是一个很有帮助的答案。
我目前唯一能说的是，看起来有什么东西正在修改正常的行为。
您能否检查一下您安装了哪些插件或主题组件？您是否添加了任何其他自定义设置？
不只是我的网站。任何 Discourse 网站都会这样吗？？？
我已经解释了为什么 Discourse 会这样，而其他网站则不会。
由于您是客户，我们已经可以看到您关联的是哪个网站。按钮的颜色与我之前分享的截图完全相同。它们不像您的那样颜色那么浅。
在没有任何自定义或组件的默认主题上也是如此。
1 个赞
按钮在白色底部栏上显示非常浅的问题是特定于您的设备/操作系统的。在我测试过的其他设备上，当操作系统处于浅色模式时，底部栏确实是白色的，但按钮是灰色的并且保持可见。因此，您看到的行为并不典型，也不会影响其他用户。
S ultra 22
华为 mate20 pro
话虽如此，我们理解在使用 PWA 配合深色 Discourse 主题，而 Android 操作系统处于浅色模式时，体验并非理想。正如我所说，我们将与我们的开发人员和设计师进行内部讨论，探讨如何在未来的更新中改善这种情况。
1 个赞
这很奇怪，而且与您所说的相矛盾。真是时好时坏，哈哈。
这是三星 S24 的浅色模式
这是谷歌 Pixel 的浅色模式
一部 iPhone 没有加载任何条，与 @chapoi 的问题类似。
另一部较旧的三星 S22 加载了正确的白色底部栏和较暗的图标。我还有 10 个人稍后会进行测试，我会提供更多更新。
1 个赞
我认为 Chrome 浏览器在某些情况下可以处理，具体取决于 Android 版本、设备等……
在 PWA 中，<meta name="theme-color"> 可靠地更改 Android 上 Chrome 浏览器顶部的地址栏颜色。manifest.json 中的 theme_color 会影响状态栏，有时还会影响其他 UI 部分，但行为因设备、浏览器和 Android 版本而异。
原生底部导航栏通常无法从 Web 应用控制。某些浏览器可能会应用主题颜色，但这不能保证。
这是我将我的网站转换为 TWA 的原因之一，使用的是 Bubblewrap，它也可以处理底部导航栏的颜色。
因此，使用 PWA，您可以设置顶部栏的样式，但底部导航栏的控制不一致。
iPhone 不会加载此导航栏，因为这是 Android OS 中的原生元素。
2 个赞
我只是觉得奇怪，我以前从未遇到过这个问题。我已经在 9 个网站上使用过 WordPress 的 super pwa，从未出过问题。只有 Discourse 的有问题。正如你所说，你也遇到了同样的不一致问题，希望他们能让底部栏的样式和顶部栏一样，因为顶部栏在所有设备上都能正常工作。
它在 Firefox 上可以正常工作，但在 Chrome 上不行，这归结于每个浏览器在 Android 上处理 PWA 的方式，因为 Chrome 只查看 Web App Manifest 中的 theme_color 来为系统栏着色。如果 Manifest 不是从网站的根域提供的，或者颜色不正确，Chrome 就会回退到白色。Firefox 更灵活，它会从页面本身获取颜色，因此即使没有自定义 Manifest，系统栏看起来也是正确的。
因此，今后，我有一个托管的 Discourse 站点，它是一个深色主题，我们禁用了所有其他主题，因此用户无法选择，这符合我们的品牌。我们启用了用户无法更改的一个主题。
我们如何才能在 Chrome 的 PWA 中将底部栏设置为 #121212，因为拥有可安装的应用对我们很重要？
深色网站和浅色底部栏非常分散注意力，而且看起来很难看。
正如我之前所说，我已经开启了内部讨论，以探讨此场景可能的改进方案。但是，由于 Discourse 全球聚会即将举行，团队在短期内无法进行任何更改，而且不幸的是，目前没有可以保证底部栏始终显示为深色的变通方法。
快速跟进。此问题现已分配给工程师进行审查。但请注意，一年一度的 Discourse 聚会即将到来，因此我认为短期内（短期是指“几天”）不会有任何更新。
5 个赞