@media (prefers-color-scheme: dark) {
  .ts-control {
    background-color: #343a40 !important;
    color: #fff !important;
    border: 1px solid #495057 !important;
    border-radius: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    min-height: calc(1.5em + 0.75rem + 2px) !important;
    box-shadow: none !important;
  }

  .ts-control input {
    color: #fff !important;
    background: transparent !important;
  }

  .ts-dropdown {
    background-color: #343a40 !important;
    color: #fff !important;
    border-radius: 0.375rem !important;
    font-size: 1rem !important;
  }

  .ts-dropdown .option {
    background-color: #343a40 !important;
    color: #fff !important;
    font-size: 1rem !important;
  }

  .ts-dropdown .option.selected,
  .ts-dropdown .option.active {
    background-color: #495057 !important;
    color: #fff !important;
  }

  .ts-dropdown .option[aria-disabled="true"] {
    color: #888 !important;
  }
}