uniapp 如何一键切换小程序导航栏颜色

在 UniApp 中，如果你想一键切换小程序的导航栏颜色，你可以通过修改主题色（theme color）来实现。UniApp 提供了一个全局的 `uni-app.config.json` 文件，用于设置应用的基本配置，包括界面样式。在该文件中，你可以找到 `window` 对象下的 `navigationBarTitleTextColor` 和 `navigationBarBackgroundColor` 属性。

例如：

{
  "window": {
    "navigationBarTitleTextColor": "#fff", // 文字颜色，默认白色
    "navigationBarBackgroundColor": "#3e95cd", // 背景色，默认蓝色
    "customStyle": "your-style.css" // 如果需要自定义样式，可以添加这里
  }
}

为了动态切换导航栏颜色，你可以在运行时改变这两个属性的值。不过请注意，直接修改配置文件可能会导致重启应用才能生效，如果你需要实时更新，可能需要在页面的生命周期钩子（如 `onLoad` 或者 Vue 的 `watch`）里动态调整。

相关问题：
1. 如何在代码中动态设置导航栏颜色？
2. UniApp 的 theme 都有哪些可定制元素？
3. 修改配置文件后如何使更改立即生效？