diff --git a/.changeset/little-badgers-care.md b/.changeset/little-badgers-care.md new file mode 100644 index 000000000..ea61e7804 --- /dev/null +++ b/.changeset/little-badgers-care.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fix colors of disabled `.ts-control` diff --git a/src/scss/vendor/_tom-select.scss b/src/scss/vendor/_tom-select.scss index 6484c9f72..18d345361 100644 --- a/src/scss/vendor/_tom-select.scss +++ b/src/scss/vendor/_tom-select.scss @@ -60,8 +60,19 @@ $input-border-width: 1px; } } -.ts-wrapper.multi .ts-control > div { - background: var(--#{$prefix}bg-surface-secondary); - border: 1px solid var(--#{$prefix}border-color); - color: var(--#{$prefix}body-color); +.ts-wrapper.multi, +.ts-wrapper.multi.disabled { + .ts-control > div { + background: var(--#{$prefix}bg-surface-secondary); + border: 1px solid var(--#{$prefix}border-color); + color: var(--#{$prefix}body-color); + } } + +.ts-wrapper.disabled .ts-control { + opacity: 1; + + &> div.item { + color: var(--#{$prefix}gray-500); + } +} \ No newline at end of file