/* You can add global styles to this file, and also import other style files */
/* ag-grid */
@import 'ag-grid-community/dist/styles/ag-grid.css';
@import 'ag-grid-community/dist/styles/ag-theme-balham.css';

@import '~@angular/material/theming';
@include mat-core();

/* @import 'assets/styles/images'; */
@import './theming';

/* $light-img: "/img/light";
$light-svg-filter: "none";
 */
$light-primary: mat-palette($md-primary);
$light-accent: mat-palette($md-accent);
$light-danger: mat-palette($md-danger);
$light-warn: mat-palette($md-warning);
$light-secondary: mat-palette($md-secondary);

$light-theme: mat-light-theme($light-primary, $light-accent, $light-danger); // Or mat-dark-theme
@include angular-material-theme($light-theme);

.dark{
    /* $dark-img: "/img/dark";
    $dark-svg-filter: "brightness(0) invert(1)"; */
    color: "#fff";

    $dark-primary: mat-palette($md-primary, 300);
    $dark-accent: mat-palette($md-accent, 300);
    $dark-danger: mat-palette($md-danger, 300);
    $dark-warn: mat-palette($md-warning, 300);
    $dark-secondary: mat-palette($md-secondary, 300);

    $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-danger);

    @include angular-material-theme($dark-theme);
}