引导程序更改滚动条上的导航栏背景和颜色

Question

我正在尝试更改导航栏上的背景和颜色，到目前为止，我已经有了以下SCSS：

.navbar-fixed-top.scrolled {
    background-color: $variable !important;

    transition: background-color 200ms linear;
}

然后我也有这个jQuery：

$(function () {
    $(document).scroll(function () {
        var $nav = $(".navbar-fixed-top");
        $nav.toggleClass('navbar-light', $(this).scrollTop() > $nav.height());
        $nav.toggleClass('navbar-dark', $(this).scrollTop() > $nav.height());
        $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
    });
});

唯一发生变化的部分实际上是滚动类，但我想使用navbar-dark和navbar-light类来更改颜色，而不是创建所有新类。我在这里做什么错了？