[dark mode] 添加单独的深色模式开关，不跟随微信主程序

[morningf]

这个功能解决了什么问题

目前没有找到可以单独开关深色模式的方案，使用TDesign的深色模式以后都是跟随微信主程序，有些用户在微信主程序为深色模式时，想要小程序为浅色模式，类似的需求需要。

你建议的方案是什么

在实现了深色模式的情况下，添加单独的深色模式开关

[github-actions]

👋 @morningf，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[anlyyao]

TD 的深色模式是基于媒体查询实现，默认跟随系统。 如果你想脱离系统跟随，实现受控深色模式， 要对TD的主题样式做一下处理，移除媒体查询，仅保留css vars 内容。

.light {
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d9e1ff;
  --td-brand-color-3: #b5c7ff;
  --td-brand-color-4: #8eabff;
  --td-brand-color-5: #618dff;
  --td-brand-color-6: #366ef4;
  --td-brand-color-7: #0052d9;
  --td-brand-color-8: #003cab;
  --td-brand-color-9: #002a7c;
  --td-brand-color-10: #001a57;
}

.dark {
  --td-brand-color-1: #1b2f51;
  --td-brand-color-2: #173463;
  --td-brand-color-3: #143975;
  --td-brand-color-4: #103d88;
  --td-brand-color-5: #0d429a;
  --td-brand-color-6: #054bbe;
  --td-brand-color-7: #2667d4;
  --td-brand-color-8: #4582e6;
  --td-brand-color-9: #699ef5;
  --td-brand-color-10: #96bbf8;
}

const { globalData } = getApp()

Page({
  onLoad() {
      this.setData({themeClass: globalData.themeClass})
  }
})

<view class="{{themeClass}}" >
  ...
</view>