diff --git a/.changeset/fix-border-color-translucent-dark.md b/.changeset/fix-border-color-translucent-dark.md new file mode 100644 index 000000000..8599d13fc --- /dev/null +++ b/.changeset/fix-border-color-translucent-dark.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Updated `$border-color-translucent-dark` from `rgba(72, 110, 149, 0.14)` to `rgba(128, 150, 172, 0.2)` to improve visibility of form checkboxes and other form elements in dark mode. diff --git a/core/scss/_variables-dark.scss b/core/scss/_variables-dark.scss index a52282361..5b30a8c3f 100644 --- a/core/scss/_variables-dark.scss +++ b/core/scss/_variables-dark.scss @@ -6,7 +6,7 @@ $darken-dark: color.adjust($dark, $lightness: -2%) !default; $lighten-dark: color.adjust($dark, $lightness: 2%) !default; $border-color-dark: color.adjust($dark, $lightness: 8%) !default; -$border-color-translucent-dark: rgba(72, 110, 149, 0.14) !default; +$border-color-translucent-dark: rgba(128, 150, 172, 0.2) !default; $border-dark-color-dark: color.adjust($dark, $lightness: 4%) !default; $border-active-color-dark: color.adjust($dark, $lightness: 12%) !default; diff --git a/core/scss/ui/forms/_form-check.scss b/core/scss/ui/forms/_form-check.scss index 14d4e581d..f96d51c8e 100644 --- a/core/scss/ui/forms/_form-check.scss +++ b/core/scss/ui/forms/_form-check.scss @@ -82,9 +82,4 @@ Form switch .form-check-label { padding-top: 0.125rem; } -} - -/*Correction of Form-check position*/ -.form-check-input:checked { - border: none; -} +} \ No newline at end of file