小程序js修改page变量

Question

定义全局变量是为了不用每个页面使用到主题色的都得用内联样式给--theme绑定值

// index.wxml  每个页面内联样式给--theme设置值
<view class＝"myclass" :style＝"'--theme:'＋{{color}}">哈喽</view>

data:{
    color:#GFFFFF
}

有没有一种能否使用js修改--theme全局主题色的api或者方案？

// 思路是 定义全局变量--theme  用变量控制class的值
//  index.wxss 或者app.wxss
page{
      --theme: #FFFFFF;
}

.my-class{
       color: var(--theme);
}

Answer 1

在app.js里配置