ionic-framework - ionic 5 强制浏览器应用程序的灯光主题

Question

我已经建立了这个应用程序 https://cvirus.app并在浏览器上构建和部署。

在 android 手机上的 chrome 浏览器上，它呈现深色背景(因为默认情况下应用了深色主题)。

无论什么设备什么浏览器，我都想在任何地方强制使用浅色主题。我怎么做？

在 theme/variables.scss 中评论深色端口不起作用

Answer 1

从 Chrome 浏览器 79 版开始，您可以选择 CSS prefers-color-sheme媒体特征值。 Ionic 尊重这种媒体特性，并对它的变化使用react。

要在不更改操作系统首选项和颜色主题的情况下进行更改，您需要在 Chrome 开发工具中打开渲染面板:

打开 Chrome 开发工具。

在 PC 上按 Crtl+Shift+P 或在 Mac 上按 Cmd+Shift+P。

在命令面板中键入“显示渲染”。

按 Enter 和选项 Drawer | Show rendering选择，应该已经选择了。

渲染抽屉打开。然后在“模拟 CSS 媒体...”选项上，选择您喜欢的配色方案。