From 832470183c2803b7636511a57f5b087912cba8b7 Mon Sep 17 00:00:00 2001 From: Terminal Chai Date: Sat, 1 Aug 2026 05:29:06 +0530 Subject: [PATCH] Fix `.card-header` to respect `--tblr-card-cap-bg` (#2626) Co-authored-by: terminalchai <213856599+terminalchai@users.noreply.github.com> Co-authored-by: codecalm --- .changeset/fix-card-header-cap-bg.md | 5 +++++ core/scss/ui/_cards.scss | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/fix-card-header-cap-bg.md diff --git a/.changeset/fix-card-header-cap-bg.md b/.changeset/fix-card-header-cap-bg.md new file mode 100644 index 000000000..8086384ca --- /dev/null +++ b/.changeset/fix-card-header-cap-bg.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fixed `.card-header` background-color to respect the `--tblr-card-cap-bg` CSS variable instead of being silently overridden by a `background: transparent` shorthand. diff --git a/core/scss/ui/_cards.scss b/core/scss/ui/_cards.scss index f927d157a..f622fcc9d 100644 --- a/core/scss/ui/_cards.scss +++ b/core/scss/ui/_cards.scss @@ -220,7 +220,7 @@ Stacked card color: inherit; display: flex; align-items: center; - background: transparent; + background-color: var(--#{$prefix}card-cap-bg); &:first-child { @include border-radius(var(--#{$prefix}card-border-radius) var(--#{$prefix}card-border-radius) 0 0);