Dunkle Design-Version, die das helle Design erbt + Teile überschreibt?

Das sollte common/color_definitions.scss sein.

Und in common.css sind die Fallback-Werte identisch mit dem Anfangswert, sodass du einfach Folgendes verwenden kannst:

.nav-pills>li>a:hover {
  background-color: var(--custom-nav-pills-bg);

  &:not(.active) {
    color: var(--custom-nav-pills);
  }
}