diff --git a/.changeset/fix-form-switch-knob-light.md b/.changeset/fix-form-switch-knob-light.md new file mode 100644 index 000000000..6bd089f62 --- /dev/null +++ b/.changeset/fix-form-switch-knob-light.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fixed the invisible `.form-switch` knob in light mode by restoring a gray `$form-switch-color`. diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss index 575688983..19cff3ad9 100644 --- a/core/scss/_variables.scss +++ b/core/scss/_variables.scss @@ -1987,14 +1987,14 @@ $form-select-font-size-lg: $input-font-size-lg !default; $form-select-border-radius-lg: $input-border-radius-lg !default; $form-select-transition: $input-transition !default; -$form-switch-color: $white !default; +$form-switch-color: $gray-200 !default; $form-switch-width: 2rem !default; $form-switch-height: 1.25rem !default; $form-switch-padding-start: $form-switch-width + 0.5rem !default; $form-switch-bg-image: url("data:image/svg+xml,") !default; $form-switch-border-radius: $form-switch-width !default; $form-switch-transition: background-position 0.15s ease-in-out !default; -$form-switch-focus-color: $white !default; +$form-switch-focus-color: $input-focus-border-color !default; $form-switch-focus-bg-image: url("data:image/svg+xml,") !default; $form-switch-checked-color: $white !default; $form-switch-checked-bg-image: url("data:image/svg+xml,") !default;