我们已经创建了Web应用程序的PWA，现在希望将状态栏字体颜色设置为白色。有很多关于如何在Chrome中设置桌面PWA状态栏背景色的信息，例如：
<meta name="theme-color" content="#f44336">
这样PWA就有了红色的背景色和黑色的字体颜色。我怎样才能把字体颜色设置为白色呢？先谢了。
juud5qan1#
我找不到解决办法，但有一个合乎逻辑的黑客对此。似乎如果你采取一个规模的颜色，越深的 chrome 字体将是白色，越轻的黑色。例如，让我们说你希望有蓝色的主题颜色，如果你设置这个“深”蓝色：
<meta name="theme-color" content="#2b6cb0">
字体颜色将为白色或者是这种“淡”蓝色
<meta name="theme-color" content="#4299e1">
字体将为黑色。所以总结一下，把你选择的颜色稍微变暗一点，然后把它放在主题色中，看看它什么时候变成白色。希望这对你有帮助。
kqlmhetl2#
将此添加到您的HTML头部，在Chrome桌面和Android上工作
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0ed3cf"> <meta name="msapplication-TileColor" content="#0ed3cf"> <meta name="theme-color" content="#0ed3cf">
2条答案
按热度按时间juud5qan1#
我找不到解决办法，但有一个合乎逻辑的黑客对此。似乎如果你采取一个规模的颜色，越深的 chrome 字体将是白色，越轻的黑色。
例如，让我们说你希望有蓝色的主题颜色，如果你设置这个“深”蓝色：
字体颜色将为白色
或者是这种“淡”蓝色
字体将为黑色。
所以总结一下，把你选择的颜色稍微变暗一点，然后把它放在主题色中，看看它什么时候变成白色。希望这对你有帮助。
kqlmhetl2#
将此添加到您的HTML头部，在Chrome桌面和Android上工作