cyborg, darkly, quartz, slate, solar, superhero, vapor: fix nav-under…

…line active color, closes #1302
thomaspark · Apr 17, 2024 · 7d6af45 · 7d6af45
1 parent 6fbf468
commit 7d6af45
Show file tree

Hide file tree

Showing 100 changed files with 144 additions and 84 deletions.
diff --git a/dist/cyborg/_variables.scss b/dist/cyborg/_variables.scss
@@ -109,6 +109,8 @@ $nav-tabs-link-active-color: $white !default;
 $nav-tabs-link-active-bg: $nav-tabs-border-color !default;
 $nav-tabs-link-active-border-color: $nav-tabs-border-color !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbar
 
 $navbar-dark-hover-color: $white !default;

diff --git a/dist/cyborg/bootstrap.css b/dist/cyborg/bootstrap.css
@@ -3921,7 +3921,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/cyborg/bootstrap.min.css b/dist/cyborg/bootstrap.min.css
diff --git a/dist/cyborg/bootstrap.min.css.map b/dist/cyborg/bootstrap.min.css.map
diff --git a/dist/cyborg/bootstrap.rtl.css b/dist/cyborg/bootstrap.rtl.css
@@ -3919,7 +3919,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/cyborg/bootstrap.rtl.min.css b/dist/cyborg/bootstrap.rtl.min.css
diff --git a/dist/cyborg/bootstrap.rtl.min.css.map b/dist/cyborg/bootstrap.rtl.min.css.map
diff --git a/dist/darkly/_variables.scss b/dist/darkly/_variables.scss
@@ -103,6 +103,8 @@ $nav-tabs-link-hover-border-color: $nav-tabs-border-color $nav-tabs-border-colo
 $nav-tabs-link-active-color: $white !default;
 $nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-border-color transparent !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbar
 
 $navbar-padding-y: 1rem !default;

diff --git a/dist/darkly/bootstrap.css b/dist/darkly/bootstrap.css
@@ -3917,7 +3917,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/darkly/bootstrap.min.css b/dist/darkly/bootstrap.min.css
diff --git a/dist/darkly/bootstrap.min.css.map b/dist/darkly/bootstrap.min.css.map
diff --git a/dist/darkly/bootstrap.rtl.css b/dist/darkly/bootstrap.rtl.css
@@ -3915,7 +3915,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/darkly/bootstrap.rtl.min.css b/dist/darkly/bootstrap.rtl.min.css
diff --git a/dist/darkly/bootstrap.rtl.min.css.map b/dist/darkly/bootstrap.rtl.min.css.map
diff --git a/dist/quartz/_variables.scss b/dist/quartz/_variables.scss
@@ -134,6 +134,8 @@ $nav-pills-border-radius: $border-radius-pill !default;
 $nav-pills-link-active-color: $white !default;
 $nav-pills-link-active-bg: $primary !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbars
 
 // Dropdowns

diff --git a/dist/quartz/bootstrap.css b/dist/quartz/bootstrap.css
@@ -3915,7 +3915,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/quartz/bootstrap.min.css b/dist/quartz/bootstrap.min.css
diff --git a/dist/quartz/bootstrap.min.css.map b/dist/quartz/bootstrap.min.css.map
diff --git a/dist/quartz/bootstrap.rtl.css b/dist/quartz/bootstrap.rtl.css
@@ -3913,7 +3913,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/quartz/bootstrap.rtl.min.css b/dist/quartz/bootstrap.rtl.min.css
diff --git a/dist/quartz/bootstrap.rtl.min.css.map b/dist/quartz/bootstrap.rtl.min.css.map
diff --git a/dist/slate/_variables.scss b/dist/slate/_variables.scss
@@ -107,6 +107,8 @@ $nav-tabs-link-hover-border-color: $nav-tabs-border-color !default;
 $nav-tabs-link-active-color: $white !default;
 $nav-tabs-link-active-border-color: $nav-tabs-border-color !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbar
 
 $navbar-padding-y: 0 !default;

diff --git a/dist/slate/bootstrap.css b/dist/slate/bootstrap.css
@@ -3917,7 +3917,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/slate/bootstrap.min.css b/dist/slate/bootstrap.min.css
diff --git a/dist/slate/bootstrap.min.css.map b/dist/slate/bootstrap.min.css.map
diff --git a/dist/slate/bootstrap.rtl.css b/dist/slate/bootstrap.rtl.css
@@ -3915,7 +3915,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/slate/bootstrap.rtl.min.css b/dist/slate/bootstrap.rtl.min.css
diff --git a/dist/slate/bootstrap.rtl.min.css.map b/dist/slate/bootstrap.rtl.min.css.map
diff --git a/dist/solar/_variables.scss b/dist/solar/_variables.scss
@@ -116,6 +116,8 @@ $nav-tabs-link-active-color: $component-active-color !default;
 $nav-tabs-link-active-bg: $body-bg !default;
 $nav-tabs-link-active-border-color: $nav-tabs-border-color !default;
 
+$nav-underline-link-active-color: rgba(255, 255, 255, .75) !default;
+
 // Navbars
 
 // Pagination

diff --git a/dist/solar/bootstrap.css b/dist/solar/bootstrap.css
@@ -3918,7 +3918,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: rgba(255, 255, 255, 0.75);
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/solar/bootstrap.min.css b/dist/solar/bootstrap.min.css
diff --git a/dist/solar/bootstrap.min.css.map b/dist/solar/bootstrap.min.css.map
diff --git a/dist/solar/bootstrap.rtl.css b/dist/solar/bootstrap.rtl.css
@@ -3916,7 +3916,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: rgba(255, 255, 255, 0.75);
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/solar/bootstrap.rtl.min.css b/dist/solar/bootstrap.rtl.min.css
diff --git a/dist/solar/bootstrap.rtl.min.css.map b/dist/solar/bootstrap.rtl.min.css.map
diff --git a/dist/superhero/_variables.scss b/dist/superhero/_variables.scss
@@ -117,6 +117,8 @@ $nav-tabs-link-hover-border-color: $nav-tabs-border-color !default;
 $nav-tabs-link-active-color: $body-color !default;
 $nav-tabs-link-active-border-color: $gray-600 !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbar
 
 $navbar-dark-color: rgba($white, .75) !default;

diff --git a/dist/superhero/bootstrap.css b/dist/superhero/bootstrap.css
@@ -3918,7 +3918,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/superhero/bootstrap.min.css b/dist/superhero/bootstrap.min.css
diff --git a/dist/superhero/bootstrap.min.css.map b/dist/superhero/bootstrap.min.css.map
diff --git a/dist/superhero/bootstrap.rtl.css b/dist/superhero/bootstrap.rtl.css
@@ -3916,7 +3916,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/dist/superhero/bootstrap.rtl.min.css b/dist/superhero/bootstrap.rtl.min.css
diff --git a/dist/superhero/bootstrap.rtl.min.css.map b/dist/superhero/bootstrap.rtl.min.css.map
diff --git a/dist/vapor/_bootswatch.scss b/dist/vapor/_bootswatch.scss
@@ -224,6 +224,14 @@ table,
  }
 }
 
+.nav-underline {
+ .nav-link {
+ &.active {
+ @include text-shadow-sm($nav-underline-link-active-color);
+ }
+ }
+}
+
 // Forms
 
 legend {

diff --git a/dist/vapor/_variables.scss b/dist/vapor/_variables.scss
@@ -106,6 +106,8 @@ $nav-link-disabled-color: $text-muted !default;
 
 $nav-tabs-link-active-color: $component-active-bg !default;
 
+$nav-underline-link-active-color: $component-active-bg !default;
+
 // Dropdowns
 
 $dropdown-link-hover-bg: rgba($white, .15) !default;

diff --git a/dist/vapor/bootstrap.css b/dist/vapor/bootstrap.css
@@ -3917,7 +3917,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #ea39b8;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {
@@ -12307,6 +12307,10 @@ table,
  box-shadow: 0 0 2px rgba(234, 57, 184, 0.9), 0 0 4px rgba(234, 57, 184, 0.4), 0 0 1rem rgba(234, 57, 184, 0.3), 0 0 4rem rgba(234, 57, 184, 0.1);
 }
 
+.nav-underline .nav-link.active {
+ text-shadow: 0 0 1px rgba(234, 57, 184, 0.3), 0 0 2px rgba(234, 57, 184, 0.3), 0 0 5px rgba(234, 57, 184, 0.2);
+}
+
 legend {
  text-shadow: 0 0 1px rgba(50, 251, 226, 0.6), 0 0 3px rgba(50, 251, 226, 0.5), 0 0 0.5rem rgba(50, 251, 226, 0.3), 0 0 2rem rgba(50, 251, 226, 0.2);
 }

diff --git a/dist/vapor/bootstrap.min.css b/dist/vapor/bootstrap.min.css
diff --git a/dist/vapor/bootstrap.min.css.map b/dist/vapor/bootstrap.min.css.map
diff --git a/dist/vapor/bootstrap.rtl.css b/dist/vapor/bootstrap.rtl.css
@@ -3915,7 +3915,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #ea39b8;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {
@@ -12281,6 +12281,10 @@ table,
  box-shadow: 0 0 2px rgba(234, 57, 184, 0.9), 0 0 4px rgba(234, 57, 184, 0.4), 0 0 1rem rgba(234, 57, 184, 0.3), 0 0 4rem rgba(234, 57, 184, 0.1);
 }
 
+.nav-underline .nav-link.active {
+ text-shadow: 0 0 1px rgba(234, 57, 184, 0.3), 0 0 2px rgba(234, 57, 184, 0.3), 0 0 5px rgba(234, 57, 184, 0.2);
+}
+
 legend {
  text-shadow: 0 0 1px rgba(50, 251, 226, 0.6), 0 0 3px rgba(50, 251, 226, 0.5), 0 0 0.5rem rgba(50, 251, 226, 0.3), 0 0 2rem rgba(50, 251, 226, 0.2);
 }

diff --git a/dist/vapor/bootstrap.rtl.min.css b/dist/vapor/bootstrap.rtl.min.css
diff --git a/dist/vapor/bootstrap.rtl.min.css.map b/dist/vapor/bootstrap.rtl.min.css.map
diff --git a/docs/5/cyborg/_variables.scss b/docs/5/cyborg/_variables.scss
@@ -109,6 +109,8 @@ $nav-tabs-link-active-color: $white !default;
 $nav-tabs-link-active-bg: $nav-tabs-border-color !default;
 $nav-tabs-link-active-border-color: $nav-tabs-border-color !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbar
 
 $navbar-dark-hover-color: $white !default;

diff --git a/docs/5/cyborg/bootstrap.css b/docs/5/cyborg/bootstrap.css
@@ -3921,7 +3921,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/cyborg/bootstrap.min.css b/docs/5/cyborg/bootstrap.min.css
diff --git a/docs/5/cyborg/bootstrap.min.css.map b/docs/5/cyborg/bootstrap.min.css.map
diff --git a/docs/5/cyborg/bootstrap.rtl.css b/docs/5/cyborg/bootstrap.rtl.css
@@ -3919,7 +3919,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/cyborg/bootstrap.rtl.min.css b/docs/5/cyborg/bootstrap.rtl.min.css
diff --git a/docs/5/cyborg/bootstrap.rtl.min.css.map b/docs/5/cyborg/bootstrap.rtl.min.css.map
diff --git a/docs/5/darkly/_variables.scss b/docs/5/darkly/_variables.scss
@@ -103,6 +103,8 @@ $nav-tabs-link-hover-border-color: $nav-tabs-border-color $nav-tabs-border-colo
 $nav-tabs-link-active-color: $white !default;
 $nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-border-color transparent !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbar
 
 $navbar-padding-y: 1rem !default;

diff --git a/docs/5/darkly/bootstrap.css b/docs/5/darkly/bootstrap.css
@@ -3917,7 +3917,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/darkly/bootstrap.min.css b/docs/5/darkly/bootstrap.min.css
diff --git a/docs/5/darkly/bootstrap.min.css.map b/docs/5/darkly/bootstrap.min.css.map
diff --git a/docs/5/darkly/bootstrap.rtl.css b/docs/5/darkly/bootstrap.rtl.css
@@ -3915,7 +3915,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/darkly/bootstrap.rtl.min.css b/docs/5/darkly/bootstrap.rtl.min.css
diff --git a/docs/5/darkly/bootstrap.rtl.min.css.map b/docs/5/darkly/bootstrap.rtl.min.css.map
diff --git a/docs/5/quartz/_variables.scss b/docs/5/quartz/_variables.scss
@@ -134,6 +134,8 @@ $nav-pills-border-radius: $border-radius-pill !default;
 $nav-pills-link-active-color: $white !default;
 $nav-pills-link-active-bg: $primary !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbars
 
 // Dropdowns

diff --git a/docs/5/quartz/bootstrap.css b/docs/5/quartz/bootstrap.css
@@ -3915,7 +3915,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/quartz/bootstrap.min.css b/docs/5/quartz/bootstrap.min.css
diff --git a/docs/5/quartz/bootstrap.min.css.map b/docs/5/quartz/bootstrap.min.css.map
diff --git a/docs/5/quartz/bootstrap.rtl.css b/docs/5/quartz/bootstrap.rtl.css
@@ -3913,7 +3913,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/quartz/bootstrap.rtl.min.css b/docs/5/quartz/bootstrap.rtl.min.css
diff --git a/docs/5/quartz/bootstrap.rtl.min.css.map b/docs/5/quartz/bootstrap.rtl.min.css.map
diff --git a/docs/5/slate/_variables.scss b/docs/5/slate/_variables.scss
@@ -107,6 +107,8 @@ $nav-tabs-link-hover-border-color: $nav-tabs-border-color !default;
 $nav-tabs-link-active-color: $white !default;
 $nav-tabs-link-active-border-color: $nav-tabs-border-color !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbar
 
 $navbar-padding-y: 0 !default;

diff --git a/docs/5/slate/bootstrap.css b/docs/5/slate/bootstrap.css
@@ -3917,7 +3917,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/slate/bootstrap.min.css b/docs/5/slate/bootstrap.min.css
diff --git a/docs/5/slate/bootstrap.min.css.map b/docs/5/slate/bootstrap.min.css.map
diff --git a/docs/5/slate/bootstrap.rtl.css b/docs/5/slate/bootstrap.rtl.css
@@ -3915,7 +3915,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/slate/bootstrap.rtl.min.css b/docs/5/slate/bootstrap.rtl.min.css
diff --git a/docs/5/slate/bootstrap.rtl.min.css.map b/docs/5/slate/bootstrap.rtl.min.css.map
diff --git a/docs/5/solar/_variables.scss b/docs/5/solar/_variables.scss
@@ -116,6 +116,8 @@ $nav-tabs-link-active-color: $component-active-color !default;
 $nav-tabs-link-active-bg: $body-bg !default;
 $nav-tabs-link-active-border-color: $nav-tabs-border-color !default;
 
+$nav-underline-link-active-color: rgba(255, 255, 255, .75) !default;
+
 // Navbars
 
 // Pagination

diff --git a/docs/5/solar/bootstrap.css b/docs/5/solar/bootstrap.css
@@ -3918,7 +3918,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: rgba(255, 255, 255, 0.75);
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/solar/bootstrap.min.css b/docs/5/solar/bootstrap.min.css
diff --git a/docs/5/solar/bootstrap.min.css.map b/docs/5/solar/bootstrap.min.css.map
diff --git a/docs/5/solar/bootstrap.rtl.css b/docs/5/solar/bootstrap.rtl.css
@@ -3916,7 +3916,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: rgba(255, 255, 255, 0.75);
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/solar/bootstrap.rtl.min.css b/docs/5/solar/bootstrap.rtl.min.css
diff --git a/docs/5/solar/bootstrap.rtl.min.css.map b/docs/5/solar/bootstrap.rtl.min.css.map
diff --git a/docs/5/superhero/_variables.scss b/docs/5/superhero/_variables.scss
@@ -117,6 +117,8 @@ $nav-tabs-link-hover-border-color: $nav-tabs-border-color !default;
 $nav-tabs-link-active-color: $body-color !default;
 $nav-tabs-link-active-border-color: $gray-600 !default;
 
+$nav-underline-link-active-color: $white !default;
+
 // Navbar
 
 $navbar-dark-color: rgba($white, .75) !default;

diff --git a/docs/5/superhero/bootstrap.css b/docs/5/superhero/bootstrap.css
@@ -3918,7 +3918,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/superhero/bootstrap.min.css b/docs/5/superhero/bootstrap.min.css
diff --git a/docs/5/superhero/bootstrap.min.css.map b/docs/5/superhero/bootstrap.min.css.map
diff --git a/docs/5/superhero/bootstrap.rtl.css b/docs/5/superhero/bootstrap.rtl.css
@@ -3916,7 +3916,7 @@ textarea.form-control-lg {
 .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+ --bs-nav-underline-link-active-color: #fff;
  gap: var(--bs-nav-underline-gap);
 }
 .nav-underline .nav-link {

diff --git a/docs/5/superhero/bootstrap.rtl.min.css b/docs/5/superhero/bootstrap.rtl.min.css
diff --git a/docs/5/superhero/bootstrap.rtl.min.css.map b/docs/5/superhero/bootstrap.rtl.min.css.map