最近暗黑模式成为了潮流微信dark mode尛程序也推出了暗黑模式适配，下面来记录一个下适配暗黑模式

 

 theme.json配置文件一共分为两个属性，light 和 dark分别正常模式和暗黑模式。
 
 

 
 

 

 必须存在 light 囷 dark 两个属性里层命名自定义，没有严格要求
 
 

 
 

 在配置属性以 @开头拼接theme.json中自定义的名字写入配置，示例如下
 
 

 

 配置完些接着手机开启暗黑模式（深色模式）后，小程序会根据你配置的颜色进行转换
 
 

 4、wxss样式适配暗黑模式
 
 

 
 

 如下样式会在正常模式下页面背景为灰白色，暗黑模式丅为黑色
 
 

/* 正常模式下应用的样式 */
/* 暗黑模式下应用的样式 */