@import '~@angular/material/theming';

@include mat-core();

$quotes-theme-foreground: (
    base:              white,
    divider:           rgba(#454d5d, 0.2),
    dividers:          rgba(#454d5d, 0.2),
    disabled:          $light-disabled-text,
    disabled-button:   rgba(white, 0.3),
    disabled-text:     $light-disabled-text,
    hint-text:         $light-disabled-text,
    secondary-text:    $light-secondary-text,
    icon:              white,
    icons:             white,
    text:              white,
    slider-min:        white,
    slider-off:        rgba(white, 0.3),
    slider-off-active: rgba(white, 0.3),
);

$quotes-theme-background: (
    status-bar: black,
    app-bar:    #303030,
    background: #222,
    hover:      rgba(white, 0.04),
    card:       #222,
    dialog:     lighten(#222, 1%),
    disabled-button: rgba(white, 0.12),
    raised-button: map-get($mat-grey, 800),
    focused-button: $light-focused,
    selected-button: map_get($mat-grey, 900),
    selected-disabled-button: map_get($mat-grey, 800),
    disabled-button-toggle: black,
    unselected-chip: map_get($mat-grey, 700),
    disabled-list-option: black,
);

$quotes-theme: (
    primary: mat-palette($mat-amber),
    accent: mat-palette($mat-deep-orange),
    warn: mat-palette($mat-red),
    is-dark: true,
    foreground: $quotes-theme-foreground,
    background: $quotes-theme-background,
);

@include angular-material-theme($quotes-theme);