Fix navbar-brand and nav-link ignoring theme-* accent color classes

Author: julien-deramond

scss/_nav.scss

@@ -111,7 +111,7 @@ $nav-underline-tokens: defaults(
     justify-content: var(--nav-link-justify);
     padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
     font-weight: var(--nav-link-font-weight);
-    color: var(--nav-link-color);
+    color: var(--theme-fg, var(--nav-link-color));
     text-decoration: none;
     white-space: nowrap;
     background: none;
@@ -121,20 +121,20 @@ $nav-underline-tokens: defaults(
 
     &:hover,
     &:focus {
-      color: var(--nav-link-hover-color);
-      background-color: var(--nav-link-hover-bg);
+      color: var(--theme-fg-emphasis, var(--nav-link-hover-color));
+      background-color: var(--theme-bg-muted, var(--nav-link-hover-bg));
     }
 
     &:focus-visible {
       --focus-ring-offset: 1px;
-      color: var(--nav-link-hover-color);
+      color: var(--theme-fg-emphasis, var(--nav-link-hover-color));
       @include focus-ring(true);
     }
 
     &.active,
     &:active {
-      color: var(--nav-link-active-color);
-      background-color: var(--nav-link-active-bg);
+      color: var(--theme-fg, var(--nav-link-active-color));
+      background-color: var(--theme-bg-subtle, var(--nav-link-active-bg));
     }
 
     // Disabled state lightens text

scss/_navbar.scss

@@ -131,13 +131,13 @@ $navbar-nav-tokens: defaults(
     margin-inline-end: var(--navbar-brand-margin-end);
     font-size: var(--navbar-brand-font-size);
     font-weight: var(--navbar-brand-font-weight);
-    color: var(--navbar-brand-color);
+    color: var(--theme-fg, var(--navbar-brand-color));
     text-decoration: none;
     white-space: nowrap;
 
     &:hover,
     &:focus {
-      color: var(--navbar-brand-hover-color);
+      color: var(--theme-fg-emphasis, var(--navbar-brand-hover-color));
     }
   }
 
@@ -158,7 +158,7 @@ $navbar-nav-tokens: defaults(
     .nav-link {
       &.active,
       &.show {
-        color: var(--navbar-active-color);
+        color: var(--theme-fg, var(--navbar-active-color));
         border: var(--nav-link-border-width) solid var(--nav-link-border-color, transparent);
       }
     }
@@ -175,7 +175,7 @@ $navbar-nav-tokens: defaults(
     a,
     a:hover,
     a:focus {
-      color: var(--navbar-active-color);
+      color: var(--theme-fg, var(--navbar-active-color));
     }
   }