From 048fa796902ee16d45d3399229733a50fdf0c882 Mon Sep 17 00:00:00 2001
From: origami-z <5257855+origami-z@users.noreply.github.com>
Date: Fri, 29 Nov 2024 11:02:51 +0000
Subject: [PATCH] Fix titanium background token name

---
 .changeset/spotty-eels-remember.md                 | 10 ++++++++++
 packages/theme/css/deprecated/foundations-next.css |  4 ++++
 packages/theme/css/foundations/color-next.css      |  4 ++--
 packages/theme/css/theme-next.css                  |  3 +++
 4 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/spotty-eels-remember.md
 create mode 100644 packages/theme/css/deprecated/foundations-next.css

diff --git a/.changeset/spotty-eels-remember.md b/.changeset/spotty-eels-remember.md
new file mode 100644
index 00000000000..cbd7c82621e
--- /dev/null
+++ b/.changeset/spotty-eels-remember.md
@@ -0,0 +1,10 @@
+---
+"@salt-ds/theme": patch
+---
+
+Fixed titanium background color token was incorrected named
+
+```diff
+- --salt-color-background-gradientlight
++ --salt-color-background-titanium
+```
diff --git a/packages/theme/css/deprecated/foundations-next.css b/packages/theme/css/deprecated/foundations-next.css
new file mode 100644
index 00000000000..28bd1d01314
--- /dev/null
+++ b/packages/theme/css/deprecated/foundations-next.css
@@ -0,0 +1,4 @@
+.salt-theme.salt-theme-next {
+  --salt-color-background-gradientlight-rgb: var(--salt-color-background-titanium-rgb);
+  --salt-color-background-gradientlight: var(--salt-color-background-titanium);
+}
diff --git a/packages/theme/css/foundations/color-next.css b/packages/theme/css/foundations/color-next.css
index 34cfad34f48..b1e45082a33 100644
--- a/packages/theme/css/foundations/color-next.css
+++ b/packages/theme/css/foundations/color-next.css
@@ -67,7 +67,7 @@
   --salt-color-background-snow-rgb: 255, 255, 255;
   --salt-color-background-marble-rgb: 245, 247, 248;
   --salt-color-background-limestone-rgb: 250, 248, 242;
-  --salt-color-background-gradientlight-rgb: 226, 228, 229;
+  --salt-color-background-titanium-rgb: 226, 228, 229;
   --salt-color-background-jet-rgb: 16, 24, 32;
   --salt-color-background-granite-rgb: 26, 34, 41;
   --salt-color-background-leather-rgb: 38, 41, 43;
@@ -140,7 +140,7 @@
   --salt-color-background-snow: rgb(var(--salt-color-background-snow-rgb));
   --salt-color-background-marble: rgb(var(--salt-color-background-marble-rgb));
   --salt-color-background-limestone: rgb(var(--salt-color-background-limestone-rgb));
-  --salt-color-background-gradientlight: rgb(var(--salt-color-background-gradientlight-rgb));
+  --salt-color-background-titanium: rgb(var(--salt-color-background-titanium-rgb));
   --salt-color-background-jet: rgb(var(--salt-color-background-jet-rgb));
   --salt-color-background-granite: rgb(var(--salt-color-background-granite-rgb));
   --salt-color-background-leather: rgb(var(--salt-color-background-leather-rgb));
diff --git a/packages/theme/css/theme-next.css b/packages/theme/css/theme-next.css
index 125be34a386..22763d11e43 100644
--- a/packages/theme/css/theme-next.css
+++ b/packages/theme/css/theme-next.css
@@ -29,3 +29,6 @@
 @import url(characteristics/target-next.css);
 @import url(characteristics/text-next.css);
 @import url(characteristics/track-next.css);
+
+/* Deprecated */
+@import url(deprecated/foundations-next.css);