zitadel/console/src/styles/table.scss

@import '~@angular/material/theming';

@mixin table-theme($theme) {
  /* stylelint-disable */
  $primary: map-get($theme, primary);
  $primary-dark: mat-color($primary, A900);
  $secondary-dark: mat-color($primary, A800);
  $inv-color: mat-color($primary, A600);
  $foreground: map-get($theme, foreground);

  .mat-table,
  .mat-paginator {
    background-color: inherit !important;
    transition: background-color .3s cubic-bezier(.645, .045, .355, 1);
  }
  /* stylelint-enable */

  .app-label {
    font-size: 12px;
    border-radius: 1rem;
    color: mat-color($foreground, text);
    white-space: nowrap;
    background-color: var(--grey);
    padding: 3px 1rem;
  }

  td {
    .mat-form-field-wrapper {
      padding-bottom: 0;
    }
  }

  tr {
    cursor: pointer;

    &.highlight {
      &:hover {
        td {
          background-color: var(--table-row-back); // rgba($inv-color, .05);
        }
      }
    }
  }
}