libs/barista-components/tree-table/src/tree-table-row.scss
@import '../../core/src/style/variables';
@import '../../core/src/style/table';

:host {
  display: table-row;
  position: relative;
  min-height: $dt-table-row-height;

  &.dt-table-row-indicator.dt-color-error
    ::ng-deep
    .dt-tree-table-toggle-cell-wrap::before {
    background-color: var(--dt-error-default-color);
  }
  &.dt-table-row-indicator.dt-color-warning
    ::ng-deep
    .dt-tree-table-toggle-cell-wrap::before {
    background-color: var(--dt-warning-default-color);
  }
  &.dt-table-row-indicator.dt-color-recovered
    ::ng-deep
    .dt-tree-table-toggle-cell-wrap::before {
    background-color: var(--dt-recovered-default-color);
  }
  &.dt-table-row-indicator.dt-color-critical
    ::ng-deep
    .dt-tree-table-toggle-cell-wrap::before {
    background-color: var(--dt-critical-default-color);
  }

  &:nth-child(even) ::ng-deep .dt-cell {
    background-color: $dt-table-row-color-even;
    border-top: solid 1px $dt-table-row-color-even;
    border-bottom: solid 1px $dt-table-row-color-even;

    &:last-child {
      border-right: solid 1px $dt-table-row-color-even;
    }
  }

  &:nth-child(even) ::ng-deep .dt-tree-toggle-cell {
    border-left: solid 1px $dt-table-row-color-even;
  }

  &:nth-child(odd) ::ng-deep .dt-cell {
    background-color: $dt-table-row-color-odd;
    border-top: solid 1px $dt-table-row-color-odd;
    border-bottom: solid 1px $dt-table-row-color-odd;

    &:last-child {
      border-right: solid 1px $dt-table-row-color-odd;
    }
  }

  &:nth-child(odd) ::ng-deep .dt-tree-toggle-cell {
    border-left: solid 1px $dt-table-row-color-odd;
  }
}

:host.dt-table-row-indicator ::ng-deep .dt-tree-table-toggle-cell-wrap::before {
  @include dt-table-row-indicator();
}

:host-context(.dt-table-interactive-rows):hover ::ng-deep .dt-cell {
  border-top: solid 1px $gray-500;
  border-bottom: solid 1px $gray-500;

  &:last-child {
    border-right-color: $gray-500;
  }
}
:host-context(.dt-table-interactive-rows):hover ::ng-deep .dt-tree-toggle-cell {
  border-left: solid 1px $gray-500;
}
