Use variable for the active border of the UnderlineNav (#1472)

* Replace hex with variable * Create rude-rockets-flow.md
primer · Jun 23, 2021 · 8541ed1 · 8541ed1
1 parent 8088676
commit 8541ed1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/.changeset/rude-rockets-flow.md b/.changeset/rude-rockets-flow.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Use variable for the active border of the UnderlineNav
diff --git a/src/navigation/underline-nav.scss b/src/navigation/underline-nav.scss
@@ -39,8 +39,7 @@
   &[aria-current]:not([aria-current=false]) {
     font-weight: $font-weight-bold;
     color: var(--color-underlinenav-text-active);
-    // stylelint-disable-next-line primer/borders
-    border-bottom-color: #f9826c; // custom coral
+    border-bottom-color: var(--color-underlinenav-border-active);
     outline: 1px dotted transparent; // Support Firefox custom colors
     outline-offset: -1px;