From 692a3a2d76311235272307c135c5c70b24555bd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Kuna?=
 <1282324+codecalm@users.noreply.github.com>
Date: Tue, 8 Sep 2026 00:07:41 +0200
Subject: [PATCH] Fix invisible `.form-switch` knob in light mode (#2990)

---
 .changeset/fix-form-switch-knob-light.md | 5 +++++
 core/scss/_variables.scss                | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/fix-form-switch-knob-light.md

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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>") !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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>") !default;
 $form-switch-checked-color: $white !default;
 $form-switch-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>") !default;