we_bstly-web/src/variables.scss

@use '~@angular/material' as mat;

$light-primary: mat.define-palette(mat.$gray-palette, 800);
$light-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
$light-warn: mat.define-palette(mat.$red-palette);

$primary: mat.get-color-from-palette($light-primary);
$accent: mat.get-color-from-palette($light-accent);
$warn: mat.get-color-from-palette($light-warn);

$dark-primary: mat.define-palette(mat.$grey-palette, 900, 500, 700);
$dark-accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
$dark-warn: mat.define-palette(mat.$deep-orange-palette);

.dark-theme {
  $primary: mat.get-color-from-palette($dark-primary);
  $accent: mat.get-color-from-palette($light-accent);
  $warn: mat.get-color-from-palette($light-warn);
}