@mixin active-variant($parent, $bg, $color) {
  .nav-active-#{$parent}{
  	.nav-link.active,
  	.nav > li.active > a{
  		color: $color !important;
		background-color: $bg !important;
  	}
  }
}

@include active-variant("bg", $body-bg, $text-color);
@include active-variant("dark", $dark, $dark-color);
@include active-variant("black", $black, $black-color);
@include active-variant("primary", $primary, $primary-color);
@include active-variant("accent", $accent, $accent-color);
@include active-variant("warn", $warn, $warn-color);
@include active-variant("success", $success, $success-color);
@include active-variant("info", $info, $info-color);
@include active-variant("warning", $warning, $warning-color);
@include active-variant("danger", $danger, $danger-color);
@include active-variant("light", $light, $light-color);
@include active-variant("white", $white, $dark-black);

@include active-variant("red", $red, $dark-white);
@include active-variant("pink", $pink, $dark-white);
@include active-variant("purple", $purple, $dark-white);
@include active-variant("deep-purple", $deep-purple, $dark-white);
@include active-variant("indigo", $indigo, $dark-white);
@include active-variant("blue", $blue, $dark-white);
@include active-variant("light-blue", $light-blue, $dark-white);
@include active-variant("cyan", $cyan, $dark-white);
@include active-variant("teal", $teal, $dark-white);
@include active-variant("green", $green, $dark-white);
@include active-variant("light-green", $light-green, $dark-white);
@include active-variant("lime", $lime, $dark-white);
@include active-variant("yellow", $yellow, $dark-black);
@include active-variant("amber", $amber, $dark-white);
@include active-variant("orange", $orange, $dark-white);
@include active-variant("deep-orange", $deep-orange, $dark-white);
@include active-variant("brown", $brown, $dark-white);
@include active-variant("blue-grey", $blue-grey, $dark-white);
@include active-variant("grey", $grey, $dark-white);