Angular 角度材质输入没有带有黑色主题的白色文本

Angular 角度材质输入没有带有黑色主题的白色文本,angular,sass,angular-material2,Angular,Sass,Angular Material2,目前,我正在尝试使用角度材质的黑色主题。我遇到的问题是matInput颜色仍然是黑色。我将我的mat表单字段的颜色设置为primary。我仍在学习如何实现这些自定义主题,因此我可能没有正确理解它。我可以看到检查器中的currentColor变量是black。请注意,我并没有覆盖项目中任何地方的颜色。我现在拥有的css最多的是自定义主题 我也不想从我的sass设置颜色,我希望它自动使用主题前景色 以下是我的自定义主题sass: @import '../node_modules/@angular/m

目前,我正在尝试使用角度材质的黑色主题。我遇到的问题是
matInput
颜色仍然是黑色。我将我的
mat表单字段的颜色设置为primary。我仍在学习如何实现这些自定义主题,因此我可能没有正确理解它。我可以看到检查器中的
currentColor
变量是
black
。请注意,我并没有覆盖项目中任何地方的颜色。我现在拥有的css最多的是自定义主题

我也不想从我的sass设置颜色,我希望它自动使用主题前景色

以下是我的自定义主题sass:

@import '../node_modules/@angular/material/theming';

@include mat-core();

$md-skyblue: (
    50 : #e5f2fd,
    100 : #bfdefb,
    200 : #95c8f8,
    300 : #6ab1f5,
    400 : #4aa1f2,
    500 : #2a90f0,
    600 : #2588ee,
    700 : #1f7dec,
    800 : #1973e9,
    900 : #0f61e5,
    A100 : #ffffff,
    A200 : #dee9ff,
    A400 : #abc8ff,
    A700 : #91b7ff,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$dark-primary: mat-palette($md-skyblue, 700, 500, 900);
$dark-accent:  mat-palette($mat-blue-grey, A200, A100, A400);
$dark-warn:    mat-palette($mat-deep-orange);

$dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);

@include angular-material-theme($dark-theme);

$background: map-get($dark-theme, background);

body {
    background-color: mat-color($background, background);
}
谢谢

编辑:这里是一个截图:

更新-

这是几天来我第一次打开它,现在它在
mat表单字段中显示为白色的文本。这可能只是一个侥幸,通过重建和服务应用程序,这次它不知何故修复了自己。这很奇怪,因为当我最初发布这篇文章时,我一直在运行
ngs
来重建应用程序,而输入中的文本颜色仍然是黑色


谢谢

嗨,奥普西克鲁斯!欢迎来到StackOverflow!请附上您当前遇到的问题的屏幕截图,好吗?另外,请注意,您应该使用
@import'~@angular/material/theming而不是
@import'../node_modules/@angular/material/theming'(如果您使用的是Angular CLI)。最后,请注意,可以通过将
mat-app-background
类应用于
body
元素来设置背景颜色。(请注意,如果您正在使用sidenav,这应该已经为您完成了。)感谢您的提示!我现在附上截图。首先,您可以看到表单字段中的文本是白色的。我发现如果我把
mat表单字段
放在
mat卡
中,输入的文本是白色的。例如,如果我将
mat form字段
放在一个简单的div中,即使知道我使用的是深色主题,输入文本也是黑色的@艾德里克