diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass
index 4c74acdcb25aeea95d2808daef028596d88b4294..41f38254b47b2618bedc1b1f2d70e1d95662f353 100644
--- a/assets/sass/_theme/_utils.sass
+++ b/assets/sass/_theme/_utils.sass
@@ -18,15 +18,15 @@
     body.full-width &,
         @content
 
-@mixin link
-    color: $link-color
-    text-decoration-color: rgba($link-color, 0.3)
+@mixin link($color: $link-color)
+    color: $color
+    text-decoration-color: rgba($color, 0.3)
     text-decoration-line: underline
     text-decoration-thickness: 1px
     text-underline-offset: 3px
     transition: text-decoration-color .3s ease
     &:hover
-        text-decoration-color: rgba($link-color, 1)
+        text-decoration-color: rgba($color, 1)
         text-decoration-thickness: 1px
 
 @mixin hover-translate-icon($pseudo: after, $distance: 10)
diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass
index 87817407852e54c2158dbc28d64de5ddf8128ab6..a676281e0bf2b63997698c5e41ad5f084e5575b3 100644
--- a/assets/sass/_theme/design-system/nav.sass
+++ b/assets/sass/_theme/design-system/nav.sass
@@ -19,7 +19,7 @@
     a:hover,
     a:focus,
     a:active
-        color: $header-color
+        @include link($header-color)
     ul
         display: flex
         list-style: none