Fix text color in dark version of navbar (#1569)

tabler · May 14, 2023 · 056df18 · 056df18
1 parent 8a6f03e
commit 056df18
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 70 deletions.
diff --git a/.changeset/dull-kiwis-notice.md b/.changeset/dull-kiwis-notice.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix text color in dark version of navbar
diff --git a/src/scss/layout/_navbar.scss b/src/scss/layout/_navbar.scss
@@ -1,65 +1,3 @@
-//@mixin navbar-color($bg-color: transparent, $color: $navbar-light-color, $brand-color: $navbar-light-brand-color, $link-active-color: $navbar-light-active-color, $link-disabled-color: $navbar-light-disabled-color, $link-active-bg: $navbar-light-active-bg) {
-//  --#{$prefix}navbar-active-bg: #{$link-active-bg};
-//  --#{$prefix}navbar-bg: #{$bg-color};
-//  color: $color;
-//
-//  .navbar-brand {
-//    color: $brand-color;
-//
-//    &:hover,
-//    &:focus {
-//      color: $brand-color;
-//      opacity: .8;
-//    }
-//  }
-//
-//  .navbar-nav {
-//    .nav-link {
-//      color: $color;
-//
-//      &:hover,
-//      &:focus {
-//        color: $link-active-color;
-//      }
-//
-//      &.disabled {
-//        color: $link-disabled-color;
-//      }
-//    }
-//
-//    .show > .nav-link,
-//    .active > .nav-link,
-//    .nav-link.show,
-//    .nav-link.active {
-//      color: $link-active-color;
-//    }
-//  }
-//
-//  .navbar-toggler {
-//    color: $brand-color;
-//    border-color: transparent;
-//  }
-//
-//  .navbar-text {
-//    color: $color;
-//
-//    a,
-//    a:hover,
-//    a:focus {
-//      color: $color;
-//    }
-//  }
-//}
-
-@mixin navbar-dark {
-  --#{$prefix}navbar-bg: #{$dark};
-  --#{$prefix}scrollbar-color: var(--#{$prefix}white-rgb);
-  --#{$prefix}navbar-color: var(--#{$prefix}gray-400);
-
-  @each $color, $value in $theme-colors {
-    --#{$prefix}#{$color}-lt-rgb: #{to-rgb(theme-color-lighter($value, $dark))};
-  }
-}
 
 @mixin navbar-vertical-nav {
   .navbar-collapse {
@@ -139,7 +77,7 @@ Navbar
   --#{$prefix}navbar-border-width: #{$navbar-border-width};
   --#{$prefix}navbar-active-border-color: #{$navbar-active-border-color};
   --#{$prefix}navbar-active-bg: #{$navbar-light-active-bg};
-  --#{$prefix}navbar-color: inherit;
+  --#{$prefix}navbar-color: var(--#{$prefix}body-color);
   --#{$prefix}navbar-border-color: #{$navbar-border-color};
   align-items: stretch;
   min-height: $navbar-height;
@@ -317,13 +255,6 @@ Navbar toggler
   }
 }
 
-// /**
-// Navbar dark
-//  */
-// .navbar-dark {
-//   @include navbar-dark;
-// }
-
 /**
 Navbar transparent
  */