// SELECT
.bd-select,
.bd-select.menu-open {
  background-color: rgba(0, 0, 0, 0.5);
}
.bd-switch input:checked + .bd-switch-body {
  --switch-color: $main-color;
}
// TRANSPARENCY TRIGGER
.bd-transparency {
  background: transparent !important;
}
// PLUGINS/THEMES
// Plugins/Themes Searchbar & dropdown filter
.bd-search-wrapper {
  background-color: cv('bg.general.card') !important;
}
.bd-select {
  .bd-select-options {
    background-color: cv('bg.general.card') !important;
    border: hidden !important;
  }
  .bd-select-option {
    &:hover {
      background-color: rgba(255, 255, 255, 0.1) !important;
    }
    &.selected {
      background-color: $main-color !important;
    }
  }
}
.bd-settings-group.collapsible .bd-settings-title::before {
  background-color: var(--interactive-normal);
}
// ADDONS
.bd-addon-list .bd-addon-card {
  background-color: cv('bg.general.card') !important;
}

.bd-addon-list .bd-addon-header {
  background-color: hsla(0, 0%, 0%, 0.8);
}
// BUTTONS
.bd-button-filled.bd-button-color-brand,
.bd-button {
  background-color: $main-color;
  &:hover {
    background-color: $hover-color;
  }
  &:active {
    background-color: $main-color;
  }
}
.bd-button.bd-button-icon svg {
  fill: #fff;
}
.bd-addon-views {
  .bd-view-button.selected {
    background-color: $main-color;
  }
}
// SWITCH
.bd-switch input:checked + .bd-switch-body {
  background-color: $main-color !important;
}
.bd-switch-body {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.bd-switch-symbol {
  color: $main-color !important;
}
// TOAST
.bd-toast {
  background-color: $main-color;
  &.toast-info {
    background-color: $main-color;
  }
  &.toast-success {
    background-color: $main-color;
  }
}
// LINKS
.bd-changelog-modal .bd-modal-content a,
.bd-link {
  color: var(--url-color);
}
.bd-settings-title {
  color: #fff;
}
