Получить цвет фона текущей страницы в SCSS / SASS / Angular 7

Question

Я пытаюсь получить в моем файле SCSS для компонента или даже в файле компонента TypeScript фон всей страницы или темы.

Я пробовал:

@import '~@angular/material/theming';

#elementToColor {
    $backgroundColor: $map-get($theme, background-color);

    background-color: $backgroundColor;
}

но он не знает, как найти тему.

Я не нашел способа найти внутри цвет файла фона компонента.

Есть ли способ сделать это?

Answer 1

Вы можете использовать возвращаемое значение функции построителя тем.

Например:

@import '~@angular/material/theming';

@include mat-core();

$primary: mat-palette($mat-indigo);
$accent: mat-palette($mat-amber);
$warn: mat-palette($mat-red);

$theme: mat-dark-theme($primary, $accent, $warn);
$bg: map-get(map-get($theme, background), background);

#elementToColor {
    background: #{$bg};
}

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