فهرست منبع

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

Paweł Kuna 2 سال پیش
والد
کامیت
056df18e83
2فایلهای تغییر یافته به همراه6 افزوده شده و 70 حذف شده
  1. 5 0
      .changeset/dull-kiwis-notice.md
  2. 1 70
      src/scss/layout/_navbar.scss

+ 5 - 0
.changeset/dull-kiwis-notice.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix text color in dark version of navbar

+ 1 - 70
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
  */