mediarepo/mediarepo-ui/src/styles.scss

@use 'sass:map';
@use "@angular/material" as mat;

@include mat.core();

$theme: mat.define-dark-theme((
    color: (
        primary: mat.define-palette(mat.$purple-palette, 500, 300, 800),
        accent: mat.define-palette(mat.$green-palette, A200, A100, A400),
        warn: mat.define-palette(mat.$red-palette),
        background: mat.define-palette(mat.$blue-grey-palette)
    ),
    typography: mat.define-typography-config(
        $font-family: 'Noto Sans',
    )
));


$color-config: mat.get-color-config($theme);
$primary-palette: map.get($color-config, 'primary');
$accent-pallette: map.get($color-config, 'accent');
$background-pallette: map.get($color-config, 'background');
$warn-palette: map.get($color-config, 'warn');


@include mat.all-component-themes($theme);