Refactor disabled color variables in navbars (#2238)

.changeset/perfect-pigs-think.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update disabled color variables in navbars

core/scss/_variables.scss

@@ -209,7 +209,7 @@ $active-border-color: var(--#{$prefix}primary) !default;
 $hover-bg: rgba(var(--#{$prefix}secondary-rgb), 0.08) !default;
 
 $disabled-bg: var(--#{$prefix}bg-surface-secondary) !default;
-$disabled-color: var(--#{$prefix}gray-300) !default;
+$disabled-color: color-transparent(var(--#{$prefix}body-color), .4) !default;
 
 $primary: $blue !default;
 $secondary: $text-secondary !default;

core/scss/layout/_dark.scss

@@ -48,7 +48,7 @@
     --#{$prefix}link-hover-color: color-mix(in srgb, var(--#{$prefix}primary), black 20%);
 
     --#{$prefix}active-bg: #{$lighten-dark};
-    --#{$prefix}disabled-color: var(--#{$prefix}gray-700);
+    --#{$prefix}disabled-color: #{color-transparent(var(--#{$prefix}body-color), .4)};
 
     --#{$prefix}border-color: var(--#{$prefix}gray-700);
     --#{$prefix}border-color-translucent: var(

core/scss/layout/_navbar.scss

@@ -276,7 +276,7 @@ Navbar transparent
 Navbar nav
  */
 .navbar-nav {
-  --#{$prefix}nav-link-hover-bg: #{$navbar-nav-link-hover-bg};
+  --#{$prefix}nav-link-hover-bg: #{color-transparent(var(--#{$prefix}nav-link-color), 0.08)};
   margin: 0;
   padding: 0;
   align-items: stretch;