Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Refactor disabled color variables in navbars (#2238)

Browse Source
This commit is contained in:
Paweł Kuna
2025-03-26 00:05:50 +01:00
committed by GitHub
parent e14e4921b5
commit 042e50f979
4 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/perfect-pigs-think.md Normal file
View File

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

2
core/scss/_variables.scss
View File

@@ -209,7 +209,7 @@ $active-border-color: var(--#{$prefix}primary) !default;
$hover-bg: rgba(var(--#{$prefix}secondary-rgb), 0.08) !default; $hover-bg: rgba(var(--#{$prefix}secondary-rgb), 0.08) !default;
$disabled-bg: var(--#{$prefix}bg-surface-secondary) !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; $primary: $blue !default;
$secondary: $text-secondary !default; $secondary: $text-secondary !default;

2
core/scss/layout/_dark.scss
View File

@@ -48,7 +48,7 @@
--#{$prefix}link-hover-color: color-mix(in srgb, var(--#{$prefix}primary), black 20%); --#{$prefix}link-hover-color: color-mix(in srgb, var(--#{$prefix}primary), black 20%);
--#{$prefix}active-bg: #{$lighten-dark}; --#{$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: var(--#{$prefix}gray-700);
--#{$prefix}border-color-translucent: var( --#{$prefix}border-color-translucent: var(

2
core/scss/layout/_navbar.scss
View File

@@ -276,7 +276,7 @@ Navbar transparent
Navbar nav Navbar nav
*/ */
.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; margin: 0;
padding: 0; padding: 0;
align-items: stretch; align-items: stretch;