2020-06-02 12:08:53 -04:00
|
|
|
@import '~@angular/material/theming';
|
|
|
|
|
@include mat-core();
|
2020-01-27 13:40:18 -05:00
|
|
|
|
2020-03-28 23:28:36 -04:00
|
|
|
html,
|
|
|
|
|
body {
|
2020-01-27 13:40:18 -05:00
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
max-width: unset !important;
|
|
|
|
|
background: white !important;
|
|
|
|
|
}
|
2020-06-02 12:08:53 -04:00
|
|
|
|
|
|
|
|
// Light theme
|
|
|
|
|
$light-primary: mat-palette($mat-indigo);
|
|
|
|
|
$light-accent: mat-palette($mat-indigo, A200, A100, A400);
|
|
|
|
|
$light-theme: mat-light-theme($light-primary, $light-accent);
|
|
|
|
|
|
|
|
|
|
// Dark theme
|
|
|
|
|
$dark-primary: mat-palette($mat-pink, 700, 500, 900);
|
|
|
|
|
$dark-accent: mat-palette($mat-blue-grey, A200, A100, A400);
|
|
|
|
|
$dark-theme: mat-dark-theme($dark-primary, $dark-accent);
|
|
|
|
|
|
2020-07-13 20:39:13 +03:00
|
|
|
.light-theme {
|
|
|
|
|
@include angular-material-theme($light-theme);
|
2020-06-02 12:08:53 -04:00
|
|
|
}
|
|
|
|
|
|
2020-07-13 20:39:13 +03:00
|
|
|
.dark-theme {
|
|
|
|
|
@include angular-material-theme($dark-theme);
|
2020-06-02 12:08:53 -04:00
|
|
|
}
|