android - 在 Ionic 中禁用黑暗主题
问题描述
我正在设计一个 Ionic 应用程序,无论用户是否启用了深色主题,我都希望它具有白色背景和黑色文本。
但是,当我在 Android 手机上启用深色主题时,它会自动转换为:
我想防止这种情况发生。我在网上搜索并找到了许多描述如何应用黑暗主题的文章,但我没有找到任何关于禁用它的信息。
我考虑过的一种解决方案是明确启用深色主题,然后为深色主题设置与浅色主题相同的颜色。但是,我认为这种方法可能是不可取的,因为它涉及编写大量冗余代码。
您能想到任何替代解决方案吗?
解决方案
删除深色主题的一种方法是编辑variables.scss
文件并删除此样式规则:
@media (prefers-color-scheme: dark) {
...
}
当用户在设备上选择深色主题时,该媒体查询会更改 CSS 自定义属性的所有颜色。
另请查看文件中的color-scheme
元标记index.html
:
<meta name="color-scheme" content="light dark" />
您可以在Ionic Docs中找到有关它的更多信息
推荐阅读
- r - 数据框的 R 嵌套/未嵌套会导致不同的对象
- javascript - Javascript突出显示切换开关上的差异
- r - 如何匹配仅包含任意顺序和任意数字的字符集的字符串?
- html - 背景图像未在css中显示
- java - Android Scroll View 与它下面的其他 View 重叠
- javascript - 安装 dojo/cli 时缺少写入权限(尽量避免使用 sudo)
- python - 删除字典中的空值
- serial-port - Raspberry Pi 4 上 Ubuntu 20.04 上的 GPS 串行控制台问题
- javascript - 如何为 html 和 Js 游戏做倾斜控制
- regex - MongoDB“查找”-如何查询包含字符串、不区分大小写和区分变音符号的字段的文档?