angular__angular/src/styles.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: #202124,
    card: #202124,
  )
);
$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);
}