Allow setting .form-check-input:checked colors with CSS variables #41137
Comments
FrancoJFerreyra
added a commit
to FrancoJFerreyra/bootstrap
that referenced
this issue
Jan 18, 2025
…put-checked-bg-color and $form-check-input-checked-border-color to --#{$prefix}form-check-input-checked -bg-color and --#{$prefix}form-check-input-checked-border-color) by adding these to the _root.scss and _form-check.scss file.
Resolve issue twbs#41137. twbs#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
twbs#41137
10 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Prerequisites
Proposal
Convert the sass variables
$form-check-input-checked-bg-colorand$form-check-input-checked-border-colorto be css variables (e.g.--{$prefix}-form-check-input-checked-bg-color:and--{$prefix}-form-check-input-checked-border-color).Motivation and context
It would be nice to theme these values without needing a custom SASS build.
The text was updated successfully, but these errors were encountered: