小程序点击按钮更换app.wxss的color

如果您想通过点击小程序中的按钮来更改app.wxss文件中的颜色，可以通过以下步骤实现：

1. 在app.wxss文件中定义一个初始颜色变量，例如：

:root {
  --primary-color: #ff0000;
}

2. 在需要更改颜色的组件中引用该变量，例如：

.button {
  background-color: var(--primary-color);
}

3. 在小程序中的Button组件中添加一个点击事件，例如：

<view>
  <button bindtap="changeColor">Change Color</button>
  <view class="button"></view>
</view>

4. 在Page对象中定义changeColor方法，例如：

Page({
  data: {
    primaryColor: '#ff0000'
  },
  changeColor: function() {
    this.setData({
      primaryColor: '#00ff00'
    });
    wx.setStorageSync('primaryColor', '#00ff00');
  }
})

5. 在changeColor方法中使用setData方法更新primaryColor变量的值，并将其存储在本地存储中。

6. 在app.wxss文件中使用wx.getStorageSync方法获取primaryColor的值，并将其赋值给--primary-color变量，例如：

:root {
  --primary-color: {{primaryColor}};
}

这样，当用户点击Change Color按钮时，primaryColor变量的值将更改为#00ff00，并且--primary-color变量的值也将相应更改，从而实现了更改小程序中颜色的效果。