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
|
2020-08-18 14:48:58 -07:00
|
|
|
$light-primary: mat-palette($mat-grey, 700);
|
|
|
|
|
$light-accent: mat-palette($mat-teal, 300);
|
2020-06-02 12:08:53 -04:00
|
|
|
$light-theme: mat-light-theme($light-primary, $light-accent);
|
|
|
|
|
|
|
|
|
|
// Dark theme
|
2020-08-21 08:57:46 -07:00
|
|
|
$dark-primary: mat-palette($mat-blue-grey, 50);
|
2020-08-24 16:19:37 -04:00
|
|
|
$dark-accent: mat-palette($mat-purple, 200);
|
2020-06-02 12:08:53 -04:00
|
|
|
$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
|
|
|
}
|