@use '@angular/material' as mat;
@mixin sidetabs-theme($theme) {
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);

  .sc-sidetabs {
    &__tabs {
      border-color: mat.get-color-from-palette($foreground, divider);
    }
  }

  .repeater-list {
    &__list {
      &--selected {
        background-color: mat.get-color-from-palette($background, hover);
      }
    }
  
    &__action {
      border-color: mat.get-color-from-palette($foreground, divider);
    }
  }
}