Mirrors/tabler
1
0 Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-10-12 21:27:06 +04:00
Code Issues Projects Releases Wiki Activity

Fix barely visible checkbox borders in dark theme (#2728)

Browse Source
This commit is contained in:
Bartosz-Do authored and GitHub committed 2026-07-30 18:06:01 +02:00
1 parent 3a1d741fd0
commit 64142389f7
2 files changed
+6 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

.changeset/fix-checkbox-dark-border.md
+5
View File
@@ -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`.
core/scss/_variables.scss
+1 -1
View File
@@ -1812,7 +1812,7 @@ $form-check-input-width: 1.25rem !default;
$form-check-min-height: $font-size-base * $line-height-base !default; $form-check-min-height: $font-size-base * $line-height-base !default;
$form-check-input-active-filter: brightness(90%) !default; $form-check-input-active-filter: brightness(90%) !default;
$form-check-input-bg: var(--#{$prefix}bg-forms) !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-input-border-radius: var(--#{$prefix}border-radius) !default;
$form-check-radio-border-radius: 50% !default; $form-check-radio-border-radius: 50% !default;
$form-check-input-focus-border: $input-focus-border-color !default; $form-check-input-focus-border: $input-focus-border-color !default;