Bootstrap 4 SCSS - изменить цвет меню навигационной панели?

Я пытаюсь изменить цвет текста пункта меню на белый или, по крайней мере, на цвет моего активного меню.

Вот мой HTML:

<nav class = "navbar navbar-expand-md navbar-dark bg-primary py-0">
    <div class = "container">
        <button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarCollapse" aria-controls = "navbarCollapse" aria-expanded = "false" aria-label = "Toggle navigation">
            <span class = "navbar-toggler-icon"></span>
        </button>

        <div class = "collapse navbar-collapse" id = "navbarCollapse">
            <ul class = "navbar-nav ml-auto">
                <li class = "nav-item active">
                    <a class = "nav-link" href = "@Url.Action("Index","Employee")">Access List</a>
                </li>
                <li class = "nav-item">
                    <a class = "nav-link" href = "@Url.Action("Index","Log")">Logs</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

и мой SCSS:

$main-color: $blue;         

//=====  Navbar  =====
$active-bg-color: darken($main-color, 10%);       

.navbar {
    border-bottom: 1px solid darken($active-bg-color, 20%);
}

.nav-link {
    &:hover {
        background-color: $active-bg-color;
    }
}

.navbar-dark .navbar-nav .active > .nav-link {
    background-color: $active-bg-color;
}

.nav-item {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

Я предположил, что установка цвета в разделе .nav-link внесет изменения. Я пробовал это, но не сработало.

.nav-link {
    color = white;
    &:hover {
        background-color: $active-bg-color;
    }
}

Я тоже пробовал добавить это, но это тоже не сработало.

.navbar-dark .navbar-nav > .nav-link {
    color: white;
}

Так выглядит мое меню. Я пытаюсь сделать так, чтобы текст был того же цвета, когда он активен или нет.

Какие-либо предложения?