@use 'sass:map';

@use "@angular/material" as mat;
@use '../global/index' as global;
@use '../themes/index' as themes;

@mixin override-color($theme) {
  $color-config: mat.get-color-config($theme);
  $-theme: map.get($theme, theme);

  .mat-mdc-paginator {
    background: global.switch($-theme, $dark: themes.dark-color-overlay(8), $light: themes.light-color-overlay(4));
  }
}

@mixin override-theme($theme) {
  $color-config: mat.get-color-config($theme);
  @if $color-config != null {
    @include override-color($theme);
  }
}