يجب أن يكون هذا common/color_definitions.scss.
وفي common.css، تكون القيم البديلة هي نفسها القيمة الأولية، لذا يمكنك ببساطة استخدام:
.nav-pills>li>a:hover {
background-color: var(--custom-nav-pills-bg);
&:not(.active) {
color: var(--custom-nav-pills);
}
}