iPhone Angular 19 材质文字颜色在浅色模式下为白色

Question

桌面、安卓手机都可以。我正在使用 Chrome 来测试它。

默认情况下，它是轻的。

在使用 Chrome 和 Safari 的 iPhone 上，文本均为白色。

我不知道为什么。

参见灯光模式：

查看深色模式即可：

这里的配置几乎是 Angular Material

建议的基本默认配置

@use '@angular/material' as mat;
html {
    height: 100%;
    color-scheme: light dark;
    @include mat.theme((
            color: mat.$azure-palette,
            typography: Roboto,
            density: 0));
}

body {
    height: 100vh;
    margin: 0;
    background-color: #eeeeee;
    //font-family: mat.get-theme-typography($my-theme);
}

body.dark-mode {
    color-scheme: dark;
    background-color: #222222;
    color: white;
}

Answer 1

我自己发现了问题。看来修好了。在我的手机和桌面上测试，现在一切正常。

我将

html

内的行更改为：

color-scheme: light;

现在一切都很好。

我不知道旧方法

light dark

是做什么用的。

问题似乎是因为我的手机设置为深色，所以 Angular Material 在以浅色模式渲染应用程序时会令人困惑地选择“深色”颜色