You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
928 B
SCSS
41 lines
928 B
SCSS
@use 'sass:map';
|
|
@use '@angular/material' as mat;
|
|
|
|
@mixin color($theme) {
|
|
$color-config: mat.get-color-config($theme);
|
|
$primary-palette: map.get($color-config, 'primary');
|
|
$warn-palette: map.get($color-config, 'warn');
|
|
|
|
body {
|
|
background-color: darken(#303030, 5);
|
|
color: white
|
|
}
|
|
|
|
.warn {
|
|
background-color: mat.get-color-from-palette($warn-palette);
|
|
color: white
|
|
}
|
|
}
|
|
|
|
@mixin typography($theme) {
|
|
// Get the typography config from the theme.
|
|
$typography-config: mat.get-typography-config($theme);
|
|
|
|
body {
|
|
font-family: mat.font-family($typography-config);
|
|
}
|
|
}
|
|
|
|
@mixin theme($theme) {
|
|
$color-config: mat.get-color-config($theme);
|
|
@if $color-config != null {
|
|
@include color($theme);
|
|
}
|
|
|
|
$typography-config: mat.get-typography-config($theme);
|
|
@if $typography-config != null {
|
|
@include typography($theme);
|
|
}
|
|
}
|
|
|