原文：深色模式适配和主题切换
. 前置 如果你已经了解 CSS 自定义属性和匹配系统主题设置的相关知识，略过此部分。 . . CSS 自定义属性 自定义属性 有时候也被称作 CSS变量 或者 级联变量 是由CSS作者定义的。声明变量时，变量名前要加上 ，例如 example: px 即是一个 css 自定义属性的声明语句。意思是将 px 赋值给自定义变量 example。在 css 的任何选择器中都可以声明 CSS 自定义属 ...
2021-04-30 21:37 1 1133 推荐指数：
相关推荐
sass自定义函数转 sass预处理 在《DarkMode(2)：深色模式解决方案——css颜色变量实现Dark Mode》与《DarkMode(3)：深色模式解决方案——颜色反转与函数 》，如果使用 @mixin themeify { @each $theme-name ...
1.1 前置 如果你已经了解 CSS 自定义属性和匹配系统主题设置的相关知识，略过此部分。 1.1.1 CSS 自定义属性 “自定义属性”（有时候也被称作“CSS变量”或者“级联变量”）是由CSS作者定义的。声明变量时，变量名前要加上 --，例如 --example: 20px 即是一个 ...
本文首发于政采云前端博客：深色模式适配指南 背景 随着 iOS 13 的发布，深色模式（Dark Mode）越来越多地出现在大众的视野中，支持深色模式已经成为现代移动应用和网站的一个潮流，前段时间更是因为微信的适配再度引起热议。 深色模式不仅可以大幅减少电量的消耗 ...
本文首发于政采云前端博客：深色模式适配指南 背景 随着 iOS 13 的发布，深色模式（Dark Mode）越来越多地出现在大众的视野中，支持深色模式已经成为现代移动应用和网站的一个潮流，前段时间更是因为微信的适配再度引起热议。 深色模式不仅可以大幅减少电量的消耗 ...
问题背景 大部分手机主题上会有深色模式和浅色模式之分，浅色模式一般都是“白底黑字”，深色模式则是“黑底白字”。下图是华为手机深色模式和浅色模式的界面效果： 图1 浅色模式 图2 深色模式 如何在快应用中实现不同主题模式的适配呢？目前有两种方案： 使用 ...
最简单的方案：禁用 1: 在App内禁用深色模式： 可以在Info.plist（全局） 中，设置 User Interface Style 为 Light。 2: 在单个页面内禁用深色模式使用overrideUserInterfaceStyle ...
{ "name": "my-react-app", "version ...