diff --git a/lib/default-theme/NavLinks.vue b/lib/default-theme/NavLinks.vue
index c9a7f56069..d9c6c4f18e 100644
--- a/lib/default-theme/NavLinks.vue
+++ b/lib/default-theme/NavLinks.vue
@@ -129,5 +129,5 @@ export default {
   .nav-item > a
     &:hover, &.router-link-active
       margin-bottom -2px
-      border-bottom 2px solid #42b983
+      border-bottom 2px solid $accentColor
 </style>