Javascript 如何在Gatsby.js中更改移动浏览器上的地址栏颜色

我想更改网站的地址栏颜色，它是用Gatsby.js构建的

我想到的只是修改了“gatsby config.js”中的“siteMetadata”部分。

---

这有什么意义吗？

您可以使用页面

标题中的
meta
标签
主题颜色更改移动Android上的颜色，例如

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

如果您不使用这些启动器，可以使用React头盔。按照上的说明安装，然后将以下代码放置在每页上执行的位置，例如
src/components/layout.js

  import { Helmet } from "react-helmet"

  return (
    <Helmet
      meta={[
        {
          name: `theme-color`,
          content: '#123456',
        },
      ]}>
   // ... rest of the page ...
   </Helmet>
 )

从“react Helmet”导入{Helmet}
返回(
//…页面的其余部分。。。
)
您能提供一个最小的、可重复的示例吗？？
  import { Helmet } from "react-helmet"

  return (
    <Helmet
      meta={[
        {
          name: `theme-color`,
          content: '#123456',
        },
      ]}>
   // ... rest of the page ...
   </Helmet>
 )