diff --git a/.changeset/spotty-eels-remember.md b/.changeset/spotty-eels-remember.md new file mode 100644 index 0000000000..cbd7c82621 --- /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 0000000000..28bd1d0131 --- /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 34cfad34f4..b1e45082a3 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 125be34a38..22763d11e4 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);