小程序有办法动态改变顶部 navibar 的颜色吗？

[JCZ2MkKb5S8ZX9pq]

比如我切换 [亮色 /暗色] 主题，页面内容我能直接控制 css。
但 navibar 颜色是在 json 里设置的，js 能动态搞嘛？
刚接触小程序，有点摸不着北，有高手路过指点一下哈？

[Trim21]

关键词 小程序 动态设置标题栏颜色

[bloodspasm]

app.json navigationBarBackgroundColor

[shiny]

https://developers.weixin.qq.com/miniprogram/dev/api/wx.setNavigationBarColor.html

[JCZ2MkKb5S8ZX9pq]

@shiny 感谢答疑，navi 已经搞定了。
还想再请教一下，小程序里的 page 好像就是 body，暗色主题下页面牵拉过头会露出来。
但是因为没办法给 page 加 class，要动态改变 page 的背景色怎么弄呢？
有没有类似 jquery .css 那种方法呢？

[JCZ2MkKb5S8ZX9pq]

@shiny 不好意思，我搜到了，pageBackgroundColor。
打扰打扰。再次感谢。

[JCZ2MkKb5S8ZX9pq]

@shiny 不好意思，还是有点疑问。
backgroundColor 好像是窗体背景色，
page 我感觉是类似 body，

现在我 backgroundColor 黑色
page 背景红色+一个渐变遮罩
-webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0), red 5%, red 95%, rgba(0, 0, 0, 0));
page 内元素充满，且为黑色。

这样在顶部和底部有渐变效果，但 page 的背景色还是出现了。
而且 page 的背景色设置为 transparent 也无效。
那还是回到了要动态改变 page 背景色这个问题上了。

（当然我也能多套一层容器加个背景色，但就想问问高手有没有直接改 page 的方法。）