From 042e50f97989c483da8f66634f160b940b5954f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Kuna?=
 <1282324+codecalm@users.noreply.github.com>
Date: Wed, 26 Mar 2025 00:05:50 +0100
Subject: [PATCH] Refactor disabled color variables in navbars (#2238)

---
 .changeset/perfect-pigs-think.md | 5 +++++
 core/scss/_variables.scss        | 2 +-
 core/scss/layout/_dark.scss      | 2 +-
 core/scss/layout/_navbar.scss    | 2 +-
 4 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/perfect-pigs-think.md

diff --git a/.changeset/perfect-pigs-think.md b/.changeset/perfect-pigs-think.md
new file mode 100644
index 000000000..5cf80a3a6
--- /dev/null
+++ b/.changeset/perfect-pigs-think.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update disabled color variables in navbars
diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss
index 628177d75..ab1268ac9 100644
--- a/core/scss/_variables.scss
+++ b/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;
diff --git a/core/scss/layout/_dark.scss b/core/scss/layout/_dark.scss
index 4df628882..57f69b639 100644
--- a/core/scss/layout/_dark.scss
+++ b/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(
diff --git a/core/scss/layout/_navbar.scss b/core/scss/layout/_navbar.scss
index 20e78354c..9bb5a0056 100644
--- a/core/scss/layout/_navbar.scss
+++ b/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;