$light-dull-foreground: (
  base:              black,
  divider:           $dark-dividers,
  dividers:          $dark-dividers,
  disabled:          $dark-disabled-text,
  disabled-button:   rgba(black, 0.26),
  disabled-text:     $dark-disabled-text,
  hint-text:         $dark-disabled-text,
  secondary-text:    $dark-secondary-text,
  icon:              rgba(black, 1),
  icons:             rgba(black, 1),
  text:              rgba(black, 1),
  slider-min:        rgba(black, 1),
  slider-off:        rgba(black, 0.5),
  slider-off-active: rgba(black, 0.6),
);

$light-dull-background: (
  status-bar: map_get($mat-grey, 300),
  app-bar:    map_get($mat-grey, 100),
  background:map_get($mat-gray, 100),
  hover:      rgba(black, 0.04),
  card:       map_get($mat-gray, 100),
  dialog:     map_get($mat-gray, 100),
  disabled-button: rgba(black, 0.12),
  raised-button: map_get($mat-grey, 50),
  focused-button: $dark-focused,
  selected-button: map_get($mat-grey, 300),
  selected-disabled-button: map_get($mat-grey, 400),
  disabled-button-toggle: map_get($mat-grey, 200),
  unselected-chip: map_get($mat-grey, 300),
  disabled-list-option: map_get($mat-grey, 200),
);

@function create-light-dull-theme($primary, $accent, $warn: mat-palette($mat-red)) {
  @return (
    primary: $primary,
    accent: $accent,
    warn: $warn,
    is-dark: false,
    foreground: $light-dull-foreground,
    background: $light-dull-background
  );
}

