Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-03 17:04:39 +04:00
Code Issues Projects Releases Wiki Activity

Fix disabled input background in dark theme (#2622)

Browse Source
This commit is contained in:
Bartosz-Do
2026-07-30 17:57:01 +02:00
committed by GitHub
parent 4ea449df1b
commit d0a793c527
5 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/fix-disabled-input-dark-theme.md
+5
View File
@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed disabled form control background in dark theme by introducing `--tblr-bg-forms-disabled` (gray-800) so disabled inputs are visually distinct from enabled ones.
.cursor/commands/generate-pr-info.md
+1
View File
@@ -0,0 +1 @@
Generate PR title and description, use ALL changes in current branch vs dev branch. Use simple english, title should be no longer than 70 chars. Generate title and description in markdown. If issue numer are in branch name add reference in PR to this issue on Github.
core/scss/_variables.scss
+2 -2
View File
@@ -1178,7 +1178,7 @@ $btn-padding-x-lg: $input-btn-padding-x-lg !default;
// Inputs
$input-bg: var(--#{$prefix}bg-forms) !default;
$input-disabled-color: null !default;
$input-disabled-bg: var(--#{$prefix}bg-surface-secondary) !default;
$input-disabled-bg: var(--#{$prefix}bg-forms-disabled) !default;
$input-disabled-border-color: null !default;
$input-height: null !default;
@@ -1785,7 +1785,7 @@ $list-group-action-active-color: var(--#{$prefix}body-color) !default;
$list-group-action-active-bg: var(--#{$prefix}secondary-bg) !default;
// Forms
$input-disabled-bg: $disabled-bg !default;
$input-disabled-bg: var(--#{$prefix}bg-forms-disabled) !default;
$input-border-color: var(--#{$prefix}border-color) !default;
$input-border-color-translucent: var(--#{$prefix}border-color-translucent) !default;
core/scss/layout/_dark.scss
+1
View File
@@ -39,6 +39,7 @@
--#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};
--#{$prefix}bg-forms: var(--#{$prefix}gray-900);
--#{$prefix}bg-forms-disabled: var(--#{$prefix}gray-800);
--#{$prefix}bg-surface: var(--#{$prefix}gray-800);
--#{$prefix}bg-surface-inverted: var(--#{$prefix}gray-100);
--#{$prefix}bg-surface-secondary: var(--#{$prefix}gray-900);
core/scss/layout/_root.scss
+1
View File
@@ -20,6 +20,7 @@
--#{$prefix}bg-surface-dark: var(--#{$prefix}gray-900);
--#{$prefix}bg-surface-inverted: var(--#{$prefix}gray-900);
--#{$prefix}bg-forms: var(--#{$prefix}bg-surface);
--#{$prefix}bg-forms-disabled: var(--#{$prefix}bg-surface-secondary);
--#{$prefix}text-inverted: var(--#{$prefix}gray-100);