From 2bdbab3fa0f44666751d8687cbb13f5fc2000a03 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Kuna?= <1282324+codecalm@users.noreply.github.com> Date: Mon, 19 Oct 2026 17:26:27 +0200 Subject: [PATCH] Fix dark mode contrast of `.text-muted` (#3319) --- .changeset/fix-dark-muted-contrast.md | 5 +++++ core/scss/layout/_root.scss | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/fix-dark-muted-contrast.md diff --git a/.changeset/fix-dark-muted-contrast.md b/.changeset/fix-dark-muted-contrast.md new file mode 100644 index 000000000..baf5e14cb --- /dev/null +++ b/.changeset/fix-dark-muted-contrast.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fixed dark mode contrast of `.text-muted` and other `muted` theme color utilities with a lighter `--tblr-muted` value. diff --git a/core/scss/layout/_root.scss b/core/scss/layout/_root.scss index 5c6820c59..a9b74dae4 100644 --- a/core/scss/layout/_root.scss +++ b/core/scss/layout/_root.scss @@ -33,6 +33,7 @@ --link-hover-color: light-dark(#{mix-color-css(var(--black), var(--link-color), 20%)}, #{mix-color-css(var(--white), var(--link-color), 20%)}); --secondary: light-dark(var(--gray-500), var(--gray-400)); + --muted: light-dark(var(--gray-500), var(--gray-400)); --tertiary: var(--gray-400); --border-color: light-dark(#{$border-color}, var(--gray-700));