From 64142389f70e8aa0c20f488fc723701205dfbac2 Mon Sep 17 00:00:00 2001 From: Bartosz-Do Date: Thu, 30 Jul 2026 18:06:01 +0200 Subject: [PATCH] Fix barely visible checkbox borders in dark theme (#2728) --- .changeset/fix-checkbox-dark-border.md | 5 +++++ core/scss/_variables.scss | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/fix-checkbox-dark-border.md 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;