@mixin sc-comments-theme($theme) {
  $primary: map-get($theme, primary);
  $foreground: map-get($theme, foreground);
  $is-dark-theme: map-get($theme, is-dark);

  $marked-comment-background-color: if(
    $is-dark-theme,
    rgba(map-get($primary, 500), 0.1),
    rgba(map-get($primary, 50), 0.4)
  );
  $marked-comment-border-color: if(
    $is-dark-theme,
    rgba(map-get($primary, 50), 0.12),
    rgba(map-get($primary, 900), 0.12)
  );

  .comments {
    &-card {
      border-color: map-get($foreground, divider) !important;

      &__header,
      &__subject,
      &__footer {
        border-color: map-get($foreground, divider) !important;
      }

      &.--marked {
        border-color: $marked-comment-border-color !important;
        background-color: $marked-comment-background-color !important;

        .comments-card {
          &__header,
          &__subject,
          &__footer {
            border-color: $marked-comment-border-color !important;
          }
        }
      }
    }

    &__footer {
      // border-color: map-get($foreground, divider) !important;
    }
  }
}