$background-color: #86af49;
$background-color: #b0b0b0;
$text-color: #000;
$table-border-color: #e6e6e6;
$table-odd-background: #f5f5f5;
$table-even-background: #fff;
$link-color: rgb(244, 124, 0);
$table-odd-dark-background: #373737;

.tl_table_widget {
  margin-top: 3px;

  table {
    th, td {
      padding: 7px 15px;
      border-radius: 0;
      border: 1px solid $table-border-color;
      //width: 100%;
    }

    th, tfoot td {
      background: $background-color;
      color: $text-color;
    }

    tr:nth-child(odd) {
      background: $table-odd-background;
    }

    tr:nth-child(even) {
      background: $table-even-background;
    }

    td a {
      color: $link-color;
    }
  }
}

.tl_listing {
  tr td {
    background: inherit;
  }

  tr:nth-child(odd) {
    background: $table-odd-background;
  }

  tr:nth-child(even) {
    background: $table-even-background;
  }
}

html[data-color-scheme="dark"] {
  .tl_listing {
    tr:nth-child(2n+1) {
      background: inherit;
    }

    tr:nth-child(2n) {
      background: $table-odd-dark-background;
    }

    a.updateManager {
      filter: invert(1);
    }
  }

  .widget-group .widget-group--element {
    background-color: var(--form-bg);
    border: 1px solid var(--form-border);
  }
}