diff --git a/.changeset/dull-kiwis-notice.md b/.changeset/dull-kiwis-notice.md new file mode 100644 index 000000000..d60b0edff --- /dev/null +++ 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 index a1bc6f12a..d3f45d5a1 100644 --- 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 */