1$nabvar-bg-color: $dark !default;
2
3.navbar-bootswatch {
4    @extend .navbar-dark;
5    background-color: $nabvar-bg-color;
6
7    .usermenu {
8        color: $navbar-dark-color;
9        .login a {
10            color: $navbar-dark-color;
11        }
12    }
13    a.dropdown-toggle,
14    a .usertext {
15        color: $navbar-dark-active-color;
16        @include hover-focus {
17            color: $navbar-dark-hover-color;
18        }
19
20        &.disabled {
21            color: $navbar-dark-disabled-color;
22        }
23    }
24    .dropdown-menu a .icon {
25        color: inherit !important; // stylelint-disable-line declaration-no-important
26    }
27}