diff --git a/.changeset/fix-checkbox-dark-border.md b/.changeset/fix-checkbox-dark-border.md new file mode 100644 index 000000000..b079559f5 --- /dev/null +++ b/.changeset/fix-checkbox-dark-border.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fixed barely visible checkbox and radio borders in dark theme by using `$input-border-color` instead of translucent border color for `.form-check-input`. diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss index 030889d28..d31d8911d 100644 --- a/core/scss/_variables.scss +++ b/core/scss/_variables.scss @@ -1812,7 +1812,7 @@ $form-check-input-width: 1.25rem !default; $form-check-min-height: $font-size-base * $line-height-base !default; $form-check-input-active-filter: brightness(90%) !default; $form-check-input-bg: var(--#{$prefix}bg-forms) !default; -$form-check-input-border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) $input-border-color-translucent !default; +$form-check-input-border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) $input-border-color !default; $form-check-input-border-radius: var(--#{$prefix}border-radius) !default; $form-check-radio-border-radius: 50% !default; $form-check-input-focus-border: $input-focus-border-color !default;