@import 'variables';
@import 'theme-colors';

.table {
  thead {
    th {
      border-color: var(--default-border-color);
    }
  }

  th, td {
    color: var(--default-font-color);
    border-color: var(--default-border-color);
  }

  &.table-dark {
    th, td {
      color: $white !important;
    }
  }
}

// Scrollbar in table-responsive
.table-responsive {
  background-color: var(--default-card-bg);

  &::-webkit-scrollbar {
    height: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: lighten($brand-color, 20);

    &:hover {
      background-color: lighten($brand-color, 15);
    }
  }

  &::-webkit-scrollbar-track {
    background-color: var(--base-color);
  }
}
