div {
  .ant-table {
    background-color: var(--table-bg);
    color: inherit;
    font-size: var(--fs);
  }
  .ant-table-tbody > tr.ant-table-row:hover > td {
    background: var(--table-row-hover-color);
  }

  .ant-table-thead > tr > th:not(.ant-table-cell-scrollbar) {
    background-color: var(--table-head-bg);
    border-bottom-color: var(--table-bd);
    color: inherit;
  }

  .ant-table-thead > tr > th.ant-table-cell-scrollbar {
    box-shadow: var(--scrollbar-track-shadow);
    background-color: var(--scrollbar-track-bg);
    border-bottom: none;
  }

  .ant-table-cell-fix-left,
  .ant-table-cell-fix-right {
    background-color: var(--table-bg);
  }

  .ant-table-tbody > tr > td {
    border-bottom-color: var(--table-bd);
  }

  tr.ant-table-expanded-row > td,
  tr.ant-table-expanded-row:hover > td {
    background-color: var(--table-row-hover-color);
  }

  .ant-table-row-expand-icon {
    border-radius: var(--form-redius);
    color: var(--primary);
  }

  .ant-table-row-expand-icon:focus,
  .ant-table-row-expand-icon:hover {
    color: var(--primary-dark);
  }
}
