freeCodeCamp/client/src/components/helpers/toggle-button.css

.toggle-active.btn[disabled] {
  background-color: var(--secondary-color);
  color: var(--secondary-background);
  opacity: 1;
}

.toggle-not-active {
  background-color: var(--quaternary-background);
  color: var(--secondary-color);
}
.toggle-not-active:hover {
  color: var(--secondary-background);
}

.toggle-not-active:hover,
.toggle-not-active:focus {
  background-color: var(--secondary-color);
}

.btn .toggle-not-active,
.btn .toggle-active {
  border-color: var(--secondary-color);
}

.btn-group .btn-primary,
.btn-group .btn-primary:focus,
.btn-group .btn-primary:hover {
  border-color: var(--secondary-color);
}