小程序深色模式样式适配

开启 DarkMode
在 app.json中配置 darkmode为 true，表示开启深色模式 配置变量文件 theme.json, 并在 app.json 中配置路径引入
"themeLocation":"theme.json"

在theme.json中定义相关变量

{
    "light": {
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTextStyle": "black"
    },
    "dark": {
        "navigationBarBackgroundColor": "#000",
        "navigationBarTextStyle": "white"
    }
}

在app.json中应用配置属性，以@开头引用变量

"window": {
    "navigationBarBackgroundColor": "@navigationBarBackgroundColor",
    "navigationBarTitleText": "考研政治定制学",
    "navigationBarTextStyle": "@navigationBarTextStyle"
},

WXSS 适配，通过媒体查询 prefers-color-scheme 适配不同主题

page {
    background: #f2f2f2;
}
@media (prefers-color-scheme: dark) {
    .page {
        background: #000;
    }
}

参考：小程序深色模式适配官方文档