darkmode适配
1.配置步骤
- app.json中"darkmode":true,“themeLocation”:“theme.json”;themeLocation指定变量配置文件为根目录下的"theme.json";
- 在theme.json中定义相关的变量;
- 在app.json中以@开头应用变量。
2.变量配置文件(theme.json)
- theme.json用于颜色主题相关的变量定义,配置文件必须包含以下属性:
light -> object 浅色模式下的变量定义
dark -> object 深色模式下的变量定义
- light和dark下均可以key:value的方式定义变量名和值,
{
"light": {
"navBgColor": "#f6f6f6",
"navTxtStyle": "black"
},
"dark": {
"navBgColor": "#191919",
"navTxtStyle": "white"
}
}
- 完成定义后,可以再全局配置或页面配置的相关属性中以@开头应用
// 全局配置
{
"window": {
"navigationBarBackgroundColor": "&