From 3275bff80089da98720b2d602ffbe9f0694c749c Mon Sep 17 00:00:00 2001 From: Bartosz-Do Date: Mon, 19 Oct 2026 18:08:51 +0200 Subject: [PATCH] Fix card and alert borders too bright in dark mode (#3197) --- .changeset/fix-dark-border-translucent-scope.md | 5 +++++ core/scss/_variables-dark.scss | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/fix-dark-border-translucent-scope.md diff --git a/.changeset/fix-dark-border-translucent-scope.md b/.changeset/fix-dark-border-translucent-scope.md new file mode 100644 index 000000000..5d24c4073 --- /dev/null +++ b/.changeset/fix-dark-border-translucent-scope.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fixed `$border-color-translucent-dark` overbrightening card, alert, dropdown and table borders in dark mode. diff --git a/core/scss/_variables-dark.scss b/core/scss/_variables-dark.scss index df7d719bc..f5bd455a1 100644 --- a/core/scss/_variables-dark.scss +++ b/core/scss/_variables-dark.scss @@ -7,7 +7,7 @@ // $darken-dark: adjust-lightness-css(var(--dark), -2%) !default; $border-color-dark: adjust-lightness-css(var(--dark), 8%) !default; -$border-color-translucent-dark: rgba(128, 150, 172, 0.2) !default; +$border-color-translucent-dark: rgba(72, 110, 149, 0.14) !default; $border-dark-color-dark: adjust-lightness-css(var(--dark), 4%) !default; $border-light-color-dark: adjust-lightness-css(var(--dark), 6%) !default; $border-active-color-dark: adjust-lightness-css(var(--dark), 12%) !default;