Ionic 6 Angular主题在Android上总是黑暗的

Question

我使用的是Ionic 6/Angular。

我注意到在variables.scss中包含：

@media (prefers-color-scheme: dark) {
...
}

问题是，除非我将dark重命名为例如：

@media (prefers-color-scheme: dark-off) {
...
}

在安卓手机中，无论我选择亮还是暗，显示模式总是暗的。

我该怎么解决这个问题？

Answer 1

如果你想有一个浅色主题，那么你可以在variables.scss中注释掉深色模式的css。它并不总是黑暗模式，它将遵循你的android设备正在使用的默认主题。我猜你的设备处于黑暗模式，试着将其更改为明亮模式，你会看到它变为明亮模式。