From 1ba2eccf9c6416bee36a326adb54384f63e1de8d Mon Sep 17 00:00:00 2001
From: Bartek <xbartoszdobija@gmail.com>
Date: Fri, 25 Sep 2026 13:19:34 +0200
Subject: [PATCH] Keep marketing/vendor bundles reading --tblr-secondary

tabler-marketing.css and tabler-vendors.css don't emit their own :root
block, so removing their last reference to --tblr-secondary made the
custom property vanish from those two compiled bundles and tripped
check:compat. Revert that part of the fix; the rest (forms, cards,
accordion, and the other core UI components) is unaffected.
---
 core/scss/marketing/_browser.scss                          | 2 +-
 core/scss/marketing/_hero.scss                             | 2 +-
 core/scss/marketing/_sections.scss                         | 2 +-
 core/scss/tests/__snapshots__/css-var-prefix.test.mjs.snap | 2 +-
 core/scss/vendor/_apexcharts.scss                          | 2 +-
 core/scss/vendor/_dropzone.scss                            | 2 +-
 core/scss/vendor/_fullcalendar.scss                        | 4 ++--
 core/scss/vendor/_litepicker.scss                          | 6 +++---
 8 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/core/scss/marketing/_browser.scss b/core/scss/marketing/_browser.scss
index 64fafdebf..a63aceee9 100644
--- a/core/scss/marketing/_browser.scss
+++ b/core/scss/marketing/_browser.scss
@@ -56,7 +56,7 @@
   padding: 0.25rem;
   font-size: var(--font-size-h5);
   line-height: 1;
-  color: var(--secondary-color);
+  color: var(--secondary);
   text-decoration: none;
   cursor: pointer;
   background-image: linear-gradient(to bottom, var(--bg-surface), var(--bg-surface-secondary));
diff --git a/core/scss/marketing/_hero.scss b/core/scss/marketing/_hero.scss
index c9383cd04..ec2fa5993 100644
--- a/core/scss/marketing/_hero.scss
+++ b/core/scss/marketing/_hero.scss
@@ -24,7 +24,7 @@
   margin: 0 auto;
   font-size: var(--font-size-h2);
   line-height: 1.5;
-  color: var(--secondary-color);
+  color: var(--secondary);
 
   @include media-breakpoint-down(sm) {
     font-size: var(--font-size-h3);
diff --git a/core/scss/marketing/_sections.scss b/core/scss/marketing/_sections.scss
index 5a7990adf..21103556f 100644
--- a/core/scss/marketing/_sections.scss
+++ b/core/scss/marketing/_sections.scss
@@ -86,7 +86,7 @@
   margin-top: 1rem;
   font-size: var(--font-size-h3);
   line-height: var(--line-height-h3);
-  color: var(--secondary-color);
+  color: var(--secondary);
 }
 
 //
diff --git a/core/scss/tests/__snapshots__/css-var-prefix.test.mjs.snap b/core/scss/tests/__snapshots__/css-var-prefix.test.mjs.snap
index e3cb73b63..72718e27f 100644
--- a/core/scss/tests/__snapshots__/css-var-prefix.test.mjs.snap
+++ b/core/scss/tests/__snapshots__/css-var-prefix.test.mjs.snap
@@ -88,8 +88,8 @@ exports[`css custom-property prefixing > leaves vendor-owned names alone and pre
   "--tblr-primary-200",
   "--tblr-primary-lt",
   "--tblr-purple",
+  "--tblr-secondary",
   "--tblr-secondary-bg",
-  "--tblr-secondary-color",
   "--tblr-shadow-card",
   "--tblr-shadow-dropdown",
   "--tblr-shadow-input",
diff --git a/core/scss/vendor/_apexcharts.scss b/core/scss/vendor/_apexcharts.scss
index 1bc0eb63c..5cb6fd9a3 100644
--- a/core/scss/vendor/_apexcharts.scss
+++ b/core/scss/vendor/_apexcharts.scss
@@ -13,7 +13,7 @@
   --chart-4: var(--purple);
   --chart-5: var(--orange);
   --apx-accent: var(--chart-1);
-  --apx-fore: var(--secondary-color);
+  --apx-fore: var(--secondary);
   --apx-grid: var(--border-color);
   // No --apx-surface on purpose: it makes ApexCharts paint a solid background behind the
   // plot, which would cover the card underneath — tinted and gradient cards included.
diff --git a/core/scss/vendor/_dropzone.scss b/core/scss/vendor/_dropzone.scss
index f1ee2f9bb..8dfbb1495 100644
--- a/core/scss/vendor/_dropzone.scss
+++ b/core/scss/vendor/_dropzone.scss
@@ -2,7 +2,7 @@
 
 .dropzone {
   padding: 1rem !important;
-  color: var(--secondary-color) !important;
+  color: var(--secondary) !important;
   border: var(--border-width) dashed var(--border-color) !important;
 
   &.dz-drag-hover {
diff --git a/core/scss/vendor/_fullcalendar.scss b/core/scss/vendor/_fullcalendar.scss
index 3617079db..759fc2974 100644
--- a/core/scss/vendor/_fullcalendar.scss
+++ b/core/scss/vendor/_fullcalendar.scss
@@ -32,7 +32,7 @@
   font-size: var(--font-size-h5);
   font-weight: var(--font-weight-medium);
   line-height: 1;
-  color: var(--secondary-color);
+  color: var(--secondary);
   text-transform: uppercase;
   background-color: var(--bg-surface-secondary);
 }
@@ -46,7 +46,7 @@
 }
 
 .fc-daygrid-day-number {
-  color: var(--secondary-color);
+  color: var(--secondary);
 }
 
 .fc-button {
diff --git a/core/scss/vendor/_litepicker.scss b/core/scss/vendor/_litepicker.scss
index 10b48c116..674c9c6a2 100644
--- a/core/scss/vendor/_litepicker.scss
+++ b/core/scss/vendor/_litepicker.scss
@@ -1,9 +1,9 @@
 @use '../config' as *;
 
 .litepicker {
-  --litepicker-month-weekday-color: #{var(--secondary-color)};
-  --litepicker-button-prev-month-color: #{var(--secondary-color)};
-  --litepicker-button-next-month-color: #{var(--secondary-color)};
+  --litepicker-month-weekday-color: #{var(--secondary)};
+  --litepicker-button-prev-month-color: #{var(--secondary)};
+  --litepicker-button-next-month-color: #{var(--secondary)};
   --litepicker-button-prev-month-color-hover: #{var(--primary)};
   --litepicker-button-next-month-color-hover: #{var(--primary)};
   --litepicker-day-color: var(--body-color);