zitadel/console/src/app/modules/idp-table/idp-table.component.scss

@mixin idp-table-theme($theme) {
  $primary: map-get($theme, primary);
  $warn: map-get($theme, warn);
  $background: map-get($theme, background);
  $accent: map-get($theme, accent);
  $primary-color: map-get($primary, 500);

  $warn-color: map-get($warn, 500);
  $accent-color: map-get($accent, 500);
  $foreground: map-get($theme, foreground);
  $is-dark-theme: map-get($theme, is-dark);
  $back: map-get($background, background);

  .idp-table-provider-type {
    display: flex;
    align-items: center;

    .idp-logo {
      margin-right: 1rem;
      height: 28px;
      width: 28px;
      flex-shrink: 0;

      &.apple {
        margin-bottom: 4px;
      }

      &.dark {
        display: if($is-dark-theme, block, none);
      }

      &.light {
        display: if($is-dark-theme, none, block);
      }
    }

    .idp-icon {
      font-size: 1.75rem;
      height: 1.75rem;
      width: 1.75rem;
      margin-right: 1rem;
      flex-shrink: 0;
    }
  }
}
.idp-margin-right {
  margin-right: 0.5rem;
}

td {
  outline: none;
}

tr {
  outline: none;

  &.disabled,
  &.disabled * {
    opacity: 0.8;
    cursor: default;
  }
}

.availability {
  width: 40px;
}

.idp-available {
  color: var(--success);
}

.idp-not-available {
  color: var(--warn);
}

.idp-table-actions {
  width: 100px;
}