From 3833ecc607e183f77a6bb1f58f5a4c73a836bdcb Mon Sep 17 00:00:00 2001
From: Franco Ferreyra <ferreyra_franco02@outlook.com>
Date: Sat, 18 Jan 2025 07:59:42 +0100
Subject: [PATCH] =?UTF-8?q?Change=20the=20values=20=E2=80=8B=E2=80=8Bof=20?=
 =?UTF-8?q?the=20form=20checked=20variables=20from=20$form-check-input-che?=
 =?UTF-8?q?cked-bg-color=20and=20$form-check-input-checked-border-color=20?=
 =?UTF-8?q?to=20--#{$prefix}form-check-input-checked=20-bg-color=20and=20-?=
 =?UTF-8?q?-#{$prefix}form-check-input-checked-border-color)=20by=20adding?=
 =?UTF-8?q?=20these=20to=20the=20=5Froot.scss=20and=20=5Fform-check.scss?=
 =?UTF-8?q?=20file.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Resolve issue #41137. https://github.com/twbs/bootstrap/issues/41137

- [ ] Bug fix (non-breaking change which fixes an issue)
- [x] New feature (non-breaking change which adds functionality)
- [ ] Refactoring (non-breaking change)
- [ ] Breaking change (fix or feature that would change existing functionality)

- [x] I have read the [contributing guidelines](https://github.com/twbs/bootstrap/blob/main/.github/CONTRIBUTING.md)
- [x] My code follows the code style of the project _(using `npm run lint`)_
- [ ] My change introduces changes to the documentation
- [ ] I have updated the documentation accordingly
- [ ] I have added tests to cover my changes
- [ ] All new and existing tests passed

  No live preview

  https://github.com/twbs/bootstrap/issues/41137
---
 scss/_root.scss             | 2 ++
 scss/forms/_form-check.scss | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/scss/_root.scss b/scss/_root.scss
index becddf14afdc..c20677e4491d 100644
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -126,6 +126,8 @@
   --#{$prefix}form-valid-border-color: #{$form-valid-border-color};
   --#{$prefix}form-invalid-color: #{$form-invalid-color};
   --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color};
+  --#{$prefix}form-check-input-checked-bg-color: #{$form-check-input-checked-bg-color};
+  --#{$prefix}form-check-input-checked-border-color: #{$form-check-input-checked-border-color};
   // scss-docs-end root-form-validation-variables
 }
 
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss
index 8a1b639dfe6f..affa86446268 100644
--- a/scss/forms/_form-check.scss
+++ b/scss/forms/_form-check.scss
@@ -64,8 +64,8 @@
   }
 
   &:checked {
-    background-color: $form-check-input-checked-bg-color;
-    border-color: $form-check-input-checked-border-color;
+    background-color: var(--#{$prefix}form-check-input-checked-bg-color);
+    border-color: var(--#{$prefix}form-check-input-checked-border-color);
 
     &[type="checkbox"] {
       @if $enable-gradients {