@import 'styles/theme-functions';

@mixin td-common-theme($theme) {
  $warn: map-get($theme, warn);
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);

  mat-list-item,
  [mat-list-item],
  .mat-list-item-content {
    mat-icon {
      color: mat-color($foreground, icon);

      &[matListItemAvatar] {
        background-color: mat-color($background, hover);
      }
    }
  }

  .mat-list-text {
    p {
      color: mat-color($foreground, disabled);
    }
  }

  table.mat-table {
    background: transparent;
  }

  .mat-row {
    &:hover,
    &:focus {
      background-color: map-get($background, hover);
    }
  }
}