mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
42 lines
857 B
SCSS
42 lines
857 B
SCSS
@import '~@angular/material/theming';
|
|
@include mat-core();
|
|
|
|
html,
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
max-width: unset !important;
|
|
background: white !important;
|
|
}
|
|
|
|
// Light theme
|
|
$light-primary: mat-palette($mat-grey, 700, 200);
|
|
$light-accent: mat-palette($mat-blue, 800);
|
|
$light-theme: mat-light-theme($light-primary, $light-accent);
|
|
|
|
// Dark theme
|
|
$dark-primary: mat-palette($mat-blue-grey, 50);
|
|
$dark-accent: mat-palette($mat-blue, 200);
|
|
$mat-dark-theme-background: map-merge(
|
|
$mat-dark-theme-background,
|
|
(
|
|
background: #242424,
|
|
card: #242424,
|
|
)
|
|
);
|
|
$mat-dark-theme-foreground: map-merge(
|
|
$mat-dark-theme-foreground,
|
|
(
|
|
text: #bcc5ce,
|
|
)
|
|
);
|
|
|
|
$dark-theme: mat-dark-theme($dark-primary, $dark-accent);
|
|
|
|
.light-theme {
|
|
@include angular-material-theme($light-theme);
|
|
}
|
|
|
|
.dark-theme {
|
|
@include angular-material-theme($dark-theme);
|
|
}
|