dark theme not working/color codes in components
Perhaps we could use something like
app/launcher/launcher.component.css .sidenav-header { font-family: Raleway; color: var(--blue11356e); font-size: 18px; padding-left: 20px; }
and in styles.scss
.strudel-light-theme {
strudel-app-primary: mat-palette(
md-monashpalette);
strudel-app-accent: mat-palette(
mat-pink, A200, A100, A400);
strudel-app-theme: mat-light-theme(
strudel-app-primary, $strudel-app-accent);
@include angular-material-theme($strudel-app-theme);
@include health-warning-theme($strudel-app-theme);
--blue11356e: #11356e;
}
.strudel-dark-theme {
// Define an alternate dark theme.
//dark-primary: mat-palette(
mat-blue-grey);
dark-primary: mat-palette(
md-monashpalette,800);
dark-accent: mat-palette(
mat-amber, A200, A100, A400);
dark-warn: mat-palette(
mat-deep-orange);
dark-theme: mat-dark-theme(
dark-primary, $dark-accent, $dark-warn);
@include angular-material-theme($dark-theme);
@include health-warning-theme($dark-theme);
--blue11356e: #11356e;
}
obviously we need to change the name from blue11356e to something meaningful based on where this color is used. Then rinse and repeat for the other colors.