@use "@angular/material" as mat;
@mixin sc-history-timeline-theme($theme) {
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);
  $is-dark-theme: map-get($theme, is-dark);

  $icon-bg-color: if($is-dark-theme, #606060, #f0f0f0);
  $connector-bg-color: if($is-dark-theme, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12));

  .timeline-list {
    &__connector {
      background-color: $connector-bg-color;
    }

    &__icon-bg {
      background-color: $icon-bg-color;
    }
  }
}