From a83d1b52f6e80e2817fecbc62b65f1185a3e68ec Mon Sep 17 00:00:00 2001 From: Patrick Fulton Date: Wed, 19 Nov 2025 14:29:18 -0500 Subject: [PATCH 1/3] feat: add S2 static colors Adds the Spectrum 2 static colors from Spectrum Tokens, manually. --- .../styles/tokens/spectrum/global-vars.css | 80 +++++++++++++++++++ 1 file changed, 80 insertions(+) diff --git a/1st-gen/tools/styles/tokens/spectrum/global-vars.css b/1st-gen/tools/styles/tokens/spectrum/global-vars.css index 64af8772e7b..3b128d3212b 100644 --- a/1st-gen/tools/styles/tokens/spectrum/global-vars.css +++ b/1st-gen/tools/styles/tokens/spectrum/global-vars.css @@ -76,4 +76,84 @@ --spectrum-docs-static-black-background-color-rgb: 181, 209, 211; --spectrum-docs-static-black-background-color: rgba(var(--spectrum-docs-static-black-background-color-rgb)); --spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white); + --spectrum-static-blue-900-rgb: 59 99 251; + --spectrum-static-blue-900: rgb(var(--spectrum-static-blue-900-rgb)); + --spectrum-static-blue-1000-rgb: 39 77 234; + --spectrum-static-blue-1000: rgb(var(--spectrum-static-blue-1000-rgb)); + --spectrum-static-fuchsia-400-rgb: 247 181 255; + --spectrum-static-fuchsia-400: rgb(var(--spectrum-static-fuchsia-400-rgb)); + --spectrum-static-fuchsia-600-rgb: 236 105 255; + --spectrum-static-fuchsia-600: rgb(var(--spectrum-static-fuchsia-600-rgb)); + --spectrum-static-fuchsia-800-rgb: 200 68 220; + --spectrum-static-fuchsia-800: rgb(var(--spectrum-static-fuchsia-800-rgb)); + --spectrum-static-fuchsia-900-rgb: 181 57 200; + --spectrum-static-fuchsia-900: rgb(var(--spectrum-static-fuchsia-900-rgb)); + --spectrum-static-fuchsia-1000-rgb: 156 40 175; + --spectrum-static-fuchsia-1000: rgb(var(--spectrum-static-fuchsia-1000-rgb)); + --spectrum-static-indigo-400-rgb: 192 201 255; + --spectrum-static-indigo-400: rgb(var(--spectrum-static-indigo-400-rgb)); + --spectrum-static-indigo-600-rgb: 145 151 254; + --spectrum-static-indigo-600: rgb(var(--spectrum-static-indigo-600-rgb)); + --spectrum-static-indigo-800-rgb: 122 106 253; + --spectrum-static-indigo-800: rgb(var(--spectrum-static-indigo-800-rgb)); + --spectrum-static-indigo-900-rgb: 113 85 250; + --spectrum-static-indigo-900: rgb(var(--spectrum-static-indigo-900-rgb)); + --spectrum-static-indigo-1000-rgb: 99 56 238; + --spectrum-static-indigo-1000: rgb(var(--spectrum-static-indigo-1000-rgb)); + --spectrum-static-magenta-400-rgb: 255 185 208; + --spectrum-static-magenta-400: rgb(var(--spectrum-static-magenta-400-rgb)); + --spectrum-static-magenta-600-rgb: 255 112 159; + --spectrum-static-magenta-600: rgb(var(--spectrum-static-magenta-600-rgb)); + --spectrum-static-magenta-800-rgb: 240 45 110; + --spectrum-static-magenta-800: rgb(var(--spectrum-static-magenta-800-rgb)); + --spectrum-static-magenta-900-rgb: 217 35 97; + --spectrum-static-magenta-900: rgb(var(--spectrum-static-magenta-900-rgb)); + --spectrum-static-magenta-1000-rgb: 186 22 80; + --spectrum-static-magenta-1000: rgb(var(--spectrum-static-magenta-1000-rgb)); + --spectrum-static-red-400-rgb: 255 188 180; + --spectrum-static-red-400: rgb(var(--spectrum-static-red-400-rgb)); + --spectrum-static-red-600-rgb: 255 118 101; + --spectrum-static-red-600: rgb(var(--spectrum-static-red-600-rgb)); + --spectrum-static-red-800-rgb: 240 56 35; + --spectrum-static-red-800: rgb(var(--spectrum-static-red-800-rgb)); + --spectrum-static-red-900-rgb: 215 50 32; + --spectrum-static-red-900: rgb(var(--spectrum-static-red-900-rgb)); + --spectrum-static-red-1000-rgb: 183 40 24; + --spectrum-static-red-1000: rgb(var(--spectrum-static-red-1000-rgb)); + --spectrum-static-cyan-400-rgb: 138 213 255; + --spectrum-static-cyan-400: rgb(var(--spectrum-static-cyan-400-rgb)); + --spectrum-static-cyan-600-rgb: 48 167 254; + --spectrum-static-cyan-600: rgb(var(--spectrum-static-cyan-600-rgb)); + --spectrum-static-cyan-800-rgb: 18 134 205; + --spectrum-static-cyan-800: rgb(var(--spectrum-static-cyan-800-rgb)); + --spectrum-static-chartreuse-400-rgb: 182 219 0; + --spectrum-static-chartreuse-400: rgb(var(--spectrum-static-chartreuse-400-rgb)); + --spectrum-static-chartreuse-600-rgb: 143 172 0; + --spectrum-static-chartreuse-600: rgb(var(--spectrum-static-chartreuse-600-rgb)); + --spectrum-static-chartreuse-800-rgb: 114 137 0; + --spectrum-static-chartreuse-800: rgb(var(--spectrum-static-chartreuse-800-rgb)); + --spectrum-static-green-400-rgb: 107 227 162; + --spectrum-static-green-400: rgb(var(--spectrum-static-green-400-rgb)); + --spectrum-static-green-600-rgb: 18 184 103; + --spectrum-static-green-600: rgb(var(--spectrum-static-green-600-rgb)); + --spectrum-static-green-800-rgb: 7 147 85; + --spectrum-static-green-800: rgb(var(--spectrum-static-green-800-rgb)); + --spectrum-static-orange-400-rgb: 255 193 94; + --spectrum-static-orange-400: rgb(var(--spectrum-static-orange-400-rgb)); + --spectrum-static-orange-600-rgb: 252 125 0; + --spectrum-static-orange-600: rgb(var(--spectrum-static-orange-600-rgb)); + --spectrum-static-orange-800-rgb: 212 91 0; + --spectrum-static-orange-800: rgb(var(--spectrum-static-orange-800-rgb)); + --spectrum-static-purple-400-rgb: 221 193 246; + --spectrum-static-purple-400: rgb(var(--spectrum-static-purple-400-rgb)); + --spectrum-static-purple-600-rgb: 191 138 238; + --spectrum-static-purple-600: rgb(var(--spectrum-static-purple-600-rgb)); + --spectrum-static-purple-800-rgb: 166 92 231; + --spectrum-static-purple-800: rgb(var(--spectrum-static-purple-800-rgb)); + --spectrum-static-turquoise-400-rgb: 111 221 228; + --spectrum-static-turquoise-400: rgb(var(--spectrum-static-turquoise-400-rgb)); + --spectrum-static-turquoise-600-rgb: 15 177 192; + --spectrum-static-turquoise-600: rgb(var(--spectrum-static-turquoise-600-rgb)); + --spectrum-static-turquoise-800-rgb: 10 141 153; + --spectrum-static-turquoise-800: rgb(var(--spectrum-static-turquoise-800-rgb)); } From 1aaa99723d4d65fb5e4dc5b1d07d85b9d22bc9d7 Mon Sep 17 00:00:00 2001 From: Patrick Fulton Date: Wed, 19 Nov 2025 14:33:24 -0500 Subject: [PATCH 2/3] chore: add changeset --- .changeset/wild-clowns-remain.md | 88 ++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 .changeset/wild-clowns-remain.md diff --git a/.changeset/wild-clowns-remain.md b/.changeset/wild-clowns-remain.md new file mode 100644 index 00000000000..4e3570cc5eb --- /dev/null +++ b/.changeset/wild-clowns-remain.md @@ -0,0 +1,88 @@ +--- +'@spectrum-web-components/styles': minor +--- + +Manually adds the s2 static color values from [Spectrum Tokens](https://github.com/adobe/spectrum-tokens/blob/04cf6eb95ece7f3320e0e2babd6a51db8edfc950/packages/tokens/src/color-palette.json#L6491) + +### Added + +- `--spectrum-static-blue-900-rgb: 59 99 251;` +- `--spectrum-static-blue-900: rgb(var(--spectrum-static-blue-900-rgb));` +- `--spectrum-static-blue-1000-rgb: 39 77 234;` +- `--spectrum-static-blue-1000: rgb(var(--spectrum-static-blue-1000-rgb));` +- `--spectrum-static-fuchsia-400-rgb: 247 181 255;` +- `--spectrum-static-fuchsia-400: rgb(var(--spectrum-static-fuchsia-400-rgb));` +- `--spectrum-static-fuchsia-600-rgb: 236 105 255;` +- `--spectrum-static-fuchsia-600: rgb(var(--spectrum-static-fuchsia-600-rgb));` +- `--spectrum-static-fuchsia-800-rgb: 200 68 220;` +- `--spectrum-static-fuchsia-800: rgb(var(--spectrum-static-fuchsia-800-rgb));` +- `--spectrum-static-fuchsia-900-rgb: 181 57 200;` +- `--spectrum-static-fuchsia-900: rgb(var(--spectrum-static-fuchsia-900-rgb));` +- `--spectrum-static-fuchsia-1000-rgb: 156 40 175;` +- `--spectrum-static-fuchsia-1000: rgb(var(--spectrum-static-fuchsia-1000-rgb));` +- `--spectrum-static-indigo-400-rgb: 192 201 255;` +- `--spectrum-static-indigo-400: rgb(var(--spectrum-static-indigo-400-rgb));` +- `--spectrum-static-indigo-600-rgb: 145 151 254;` +- `--spectrum-static-indigo-600: rgb(var(--spectrum-static-indigo-600-rgb));` +- `--spectrum-static-indigo-800-rgb: 122 106 253;` +- `--spectrum-static-indigo-800: rgb(var(--spectrum-static-indigo-800-rgb));` +- `--spectrum-static-indigo-900-rgb: 113 85 250;` +- `--spectrum-static-indigo-900: rgb(var(--spectrum-static-indigo-900-rgb));` +- `--spectrum-static-indigo-1000-rgb: 99 56 238;` +- `--spectrum-static-indigo-1000: rgb(var(--spectrum-static-indigo-1000-rgb));` +- `--spectrum-static-magenta-400-rgb: 255 185 208;` +- `--spectrum-static-magenta-400: rgb(var(--spectrum-static-magenta-400-rgb));` +- `--spectrum-static-magenta-600-rgb: 255 112 159;` +- `--spectrum-static-magenta-600: rgb(var(--spectrum-static-magenta-600-rgb));` +- `--spectrum-static-magenta-800-rgb: 240 45 110;` +- `--spectrum-static-magenta-800: rgb(var(--spectrum-static-magenta-800-rgb));` +- `--spectrum-static-magenta-900-rgb: 217 35 97;` +- `--spectrum-static-magenta-900: rgb(var(--spectrum-static-magenta-900-rgb));` +- `--spectrum-static-magenta-1000-rgb: 186 22 80;` +- `--spectrum-static-magenta-1000: rgb(var(--spectrum-static-magenta-1000-rgb));` +- `--spectrum-static-red-400-rgb: 255 188 180;` +- `--spectrum-static-red-400: rgb(var(--spectrum-static-red-400-rgb));` +- `--spectrum-static-red-600-rgb: 255 118 101;` +- `--spectrum-static-red-600: rgb(var(--spectrum-static-red-600-rgb));` +- `--spectrum-static-red-800-rgb: 240 56 35;` +- `--spectrum-static-red-800: rgb(var(--spectrum-static-red-800-rgb));` +- `--spectrum-static-red-900-rgb: 215 50 32;` +- `--spectrum-static-red-900: rgb(var(--spectrum-static-red-900-rgb));` +- `--spectrum-static-red-1000-rgb: 183 40 24;` +- `--spectrum-static-red-1000: rgb(var(--spectrum-static-red-1000-rgb));` +- `--spectrum-static-cyan-400-rgb: 138 213 255;` +- `--spectrum-static-cyan-400: rgb(var(--spectrum-static-cyan-400-rgb));` +- `--spectrum-static-cyan-600-rgb: 48 167 254;` +- `--spectrum-static-cyan-600: rgb(var(--spectrum-static-cyan-600-rgb));` +- `--spectrum-static-cyan-800-rgb: 18 134 205;` +- `--spectrum-static-cyan-800: rgb(var(--spectrum-static-cyan-800-rgb));` +- `--spectrum-static-chartreuse-400-rgb: 182 219 0;` +- `--spectrum-static-chartreuse-400: rgb(var(--spectrum-static-chartreuse-400-rgb));` +- `--spectrum-static-chartreuse-600-rgb: 143 172 0;` +- `--spectrum-static-chartreuse-600: rgb(var(--spectrum-static-chartreuse-600-rgb));` +- `--spectrum-static-chartreuse-800-rgb: 114 137 0;` +- `--spectrum-static-chartreuse-800: rgb(var(--spectrum-static-chartreuse-800-rgb));` +- `--spectrum-static-green-400-rgb: 107 227 162;` +- `--spectrum-static-green-400: rgb(var(--spectrum-static-green-400-rgb));` +- `--spectrum-static-green-600-rgb: 18 184 103;` +- `--spectrum-static-green-600: rgb(var(--spectrum-static-green-600-rgb));` +- `--spectrum-static-green-800-rgb: 7 147 85;` +- `--spectrum-static-green-800: rgb(var(--spectrum-static-green-800-rgb));` +- `--spectrum-static-orange-400-rgb: 255 193 94;` +- `--spectrum-static-orange-400: rgb(var(--spectrum-static-orange-400-rgb));` +- `--spectrum-static-orange-600-rgb: 252 125 0;` +- `--spectrum-static-orange-600: rgb(var(--spectrum-static-orange-600-rgb));` +- `--spectrum-static-orange-800-rgb: 212 91 0;` +- `--spectrum-static-orange-800: rgb(var(--spectrum-static-orange-800-rgb));` +- `--spectrum-static-purple-400-rgb: 221 193 246;` +- `--spectrum-static-purple-400: rgb(var(--spectrum-static-purple-400-rgb));` +- `--spectrum-static-purple-600-rgb: 191 138 238;` +- `--spectrum-static-purple-600: rgb(var(--spectrum-static-purple-600-rgb));` +- `--spectrum-static-purple-800-rgb: 166 92 231;` +- `--spectrum-static-purple-800: rgb(var(--spectrum-static-purple-800-rgb));` +- `--spectrum-static-turquoise-400-rgb: 111 221 228;` +- `--spectrum-static-turquoise-400: rgb(var(--spectrum-static-turquoise-400-rgb));` +- `--spectrum-static-turquoise-600-rgb: 15 177 192;` +- `--spectrum-static-turquoise-600: rgb(var(--spectrum-static-turquoise-600-rgb));` +- `--spectrum-static-turquoise-800-rgb: 10 141 153;` +- `--spectrum-static-turquoise-800: rgb(var(--spectrum-static-turquoise-800-rgb));` From 94a7c602b31ba44bcd4bd8f16a129bf2d1cb5b7c Mon Sep 17 00:00:00 2001 From: Patrick Fulton Date: Thu, 20 Nov 2025 16:54:28 -0500 Subject: [PATCH 3/3] fix: add s2 static color values to v2 file --- .../tools/styles/tokens-v2/global-vars.css | 80 +++++++++++++++++++ .../styles/tokens/spectrum/global-vars.css | 80 ------------------- 2 files changed, 80 insertions(+), 80 deletions(-) diff --git a/1st-gen/tools/styles/tokens-v2/global-vars.css b/1st-gen/tools/styles/tokens-v2/global-vars.css index a22e5dd61de..b268d5a0bc3 100644 --- a/1st-gen/tools/styles/tokens-v2/global-vars.css +++ b/1st-gen/tools/styles/tokens-v2/global-vars.css @@ -651,4 +651,84 @@ --spectrum-docs-static-black-background-color-rgb: 181, 209, 211; --spectrum-docs-static-black-background-color: rgba(var(--spectrum-docs-static-black-background-color-rgb)); --spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white); + --spectrum-static-blue-900-rgb: 59 99 251; + --spectrum-static-blue-900: rgb(var(--spectrum-static-blue-900-rgb)); + --spectrum-static-blue-1000-rgb: 39 77 234; + --spectrum-static-blue-1000: rgb(var(--spectrum-static-blue-1000-rgb)); + --spectrum-static-fuchsia-400-rgb: 247 181 255; + --spectrum-static-fuchsia-400: rgb(var(--spectrum-static-fuchsia-400-rgb)); + --spectrum-static-fuchsia-600-rgb: 236 105 255; + --spectrum-static-fuchsia-600: rgb(var(--spectrum-static-fuchsia-600-rgb)); + --spectrum-static-fuchsia-800-rgb: 200 68 220; + --spectrum-static-fuchsia-800: rgb(var(--spectrum-static-fuchsia-800-rgb)); + --spectrum-static-fuchsia-900-rgb: 181 57 200; + --spectrum-static-fuchsia-900: rgb(var(--spectrum-static-fuchsia-900-rgb)); + --spectrum-static-fuchsia-1000-rgb: 156 40 175; + --spectrum-static-fuchsia-1000: rgb(var(--spectrum-static-fuchsia-1000-rgb)); + --spectrum-static-indigo-400-rgb: 192 201 255; + --spectrum-static-indigo-400: rgb(var(--spectrum-static-indigo-400-rgb)); + --spectrum-static-indigo-600-rgb: 145 151 254; + --spectrum-static-indigo-600: rgb(var(--spectrum-static-indigo-600-rgb)); + --spectrum-static-indigo-800-rgb: 122 106 253; + --spectrum-static-indigo-800: rgb(var(--spectrum-static-indigo-800-rgb)); + --spectrum-static-indigo-900-rgb: 113 85 250; + --spectrum-static-indigo-900: rgb(var(--spectrum-static-indigo-900-rgb)); + --spectrum-static-indigo-1000-rgb: 99 56 238; + --spectrum-static-indigo-1000: rgb(var(--spectrum-static-indigo-1000-rgb)); + --spectrum-static-magenta-400-rgb: 255 185 208; + --spectrum-static-magenta-400: rgb(var(--spectrum-static-magenta-400-rgb)); + --spectrum-static-magenta-600-rgb: 255 112 159; + --spectrum-static-magenta-600: rgb(var(--spectrum-static-magenta-600-rgb)); + --spectrum-static-magenta-800-rgb: 240 45 110; + --spectrum-static-magenta-800: rgb(var(--spectrum-static-magenta-800-rgb)); + --spectrum-static-magenta-900-rgb: 217 35 97; + --spectrum-static-magenta-900: rgb(var(--spectrum-static-magenta-900-rgb)); + --spectrum-static-magenta-1000-rgb: 186 22 80; + --spectrum-static-magenta-1000: rgb(var(--spectrum-static-magenta-1000-rgb)); + --spectrum-static-red-400-rgb: 255 188 180; + --spectrum-static-red-400: rgb(var(--spectrum-static-red-400-rgb)); + --spectrum-static-red-600-rgb: 255 118 101; + --spectrum-static-red-600: rgb(var(--spectrum-static-red-600-rgb)); + --spectrum-static-red-800-rgb: 240 56 35; + --spectrum-static-red-800: rgb(var(--spectrum-static-red-800-rgb)); + --spectrum-static-red-900-rgb: 215 50 32; + --spectrum-static-red-900: rgb(var(--spectrum-static-red-900-rgb)); + --spectrum-static-red-1000-rgb: 183 40 24; + --spectrum-static-red-1000: rgb(var(--spectrum-static-red-1000-rgb)); + --spectrum-static-cyan-400-rgb: 138 213 255; + --spectrum-static-cyan-400: rgb(var(--spectrum-static-cyan-400-rgb)); + --spectrum-static-cyan-600-rgb: 48 167 254; + --spectrum-static-cyan-600: rgb(var(--spectrum-static-cyan-600-rgb)); + --spectrum-static-cyan-800-rgb: 18 134 205; + --spectrum-static-cyan-800: rgb(var(--spectrum-static-cyan-800-rgb)); + --spectrum-static-chartreuse-400-rgb: 182 219 0; + --spectrum-static-chartreuse-400: rgb(var(--spectrum-static-chartreuse-400-rgb)); + --spectrum-static-chartreuse-600-rgb: 143 172 0; + --spectrum-static-chartreuse-600: rgb(var(--spectrum-static-chartreuse-600-rgb)); + --spectrum-static-chartreuse-800-rgb: 114 137 0; + --spectrum-static-chartreuse-800: rgb(var(--spectrum-static-chartreuse-800-rgb)); + --spectrum-static-green-400-rgb: 107 227 162; + --spectrum-static-green-400: rgb(var(--spectrum-static-green-400-rgb)); + --spectrum-static-green-600-rgb: 18 184 103; + --spectrum-static-green-600: rgb(var(--spectrum-static-green-600-rgb)); + --spectrum-static-green-800-rgb: 7 147 85; + --spectrum-static-green-800: rgb(var(--spectrum-static-green-800-rgb)); + --spectrum-static-orange-400-rgb: 255 193 94; + --spectrum-static-orange-400: rgb(var(--spectrum-static-orange-400-rgb)); + --spectrum-static-orange-600-rgb: 252 125 0; + --spectrum-static-orange-600: rgb(var(--spectrum-static-orange-600-rgb)); + --spectrum-static-orange-800-rgb: 212 91 0; + --spectrum-static-orange-800: rgb(var(--spectrum-static-orange-800-rgb)); + --spectrum-static-purple-400-rgb: 221 193 246; + --spectrum-static-purple-400: rgb(var(--spectrum-static-purple-400-rgb)); + --spectrum-static-purple-600-rgb: 191 138 238; + --spectrum-static-purple-600: rgb(var(--spectrum-static-purple-600-rgb)); + --spectrum-static-purple-800-rgb: 166 92 231; + --spectrum-static-purple-800: rgb(var(--spectrum-static-purple-800-rgb)); + --spectrum-static-turquoise-400-rgb: 111 221 228; + --spectrum-static-turquoise-400: rgb(var(--spectrum-static-turquoise-400-rgb)); + --spectrum-static-turquoise-600-rgb: 15 177 192; + --spectrum-static-turquoise-600: rgb(var(--spectrum-static-turquoise-600-rgb)); + --spectrum-static-turquoise-800-rgb: 10 141 153; + --spectrum-static-turquoise-800: rgb(var(--spectrum-static-turquoise-800-rgb)); } diff --git a/1st-gen/tools/styles/tokens/spectrum/global-vars.css b/1st-gen/tools/styles/tokens/spectrum/global-vars.css index 3b128d3212b..64af8772e7b 100644 --- a/1st-gen/tools/styles/tokens/spectrum/global-vars.css +++ b/1st-gen/tools/styles/tokens/spectrum/global-vars.css @@ -76,84 +76,4 @@ --spectrum-docs-static-black-background-color-rgb: 181, 209, 211; --spectrum-docs-static-black-background-color: rgba(var(--spectrum-docs-static-black-background-color-rgb)); --spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white); - --spectrum-static-blue-900-rgb: 59 99 251; - --spectrum-static-blue-900: rgb(var(--spectrum-static-blue-900-rgb)); - --spectrum-static-blue-1000-rgb: 39 77 234; - --spectrum-static-blue-1000: rgb(var(--spectrum-static-blue-1000-rgb)); - --spectrum-static-fuchsia-400-rgb: 247 181 255; - --spectrum-static-fuchsia-400: rgb(var(--spectrum-static-fuchsia-400-rgb)); - --spectrum-static-fuchsia-600-rgb: 236 105 255; - --spectrum-static-fuchsia-600: rgb(var(--spectrum-static-fuchsia-600-rgb)); - --spectrum-static-fuchsia-800-rgb: 200 68 220; - --spectrum-static-fuchsia-800: rgb(var(--spectrum-static-fuchsia-800-rgb)); - --spectrum-static-fuchsia-900-rgb: 181 57 200; - --spectrum-static-fuchsia-900: rgb(var(--spectrum-static-fuchsia-900-rgb)); - --spectrum-static-fuchsia-1000-rgb: 156 40 175; - --spectrum-static-fuchsia-1000: rgb(var(--spectrum-static-fuchsia-1000-rgb)); - --spectrum-static-indigo-400-rgb: 192 201 255; - --spectrum-static-indigo-400: rgb(var(--spectrum-static-indigo-400-rgb)); - --spectrum-static-indigo-600-rgb: 145 151 254; - --spectrum-static-indigo-600: rgb(var(--spectrum-static-indigo-600-rgb)); - --spectrum-static-indigo-800-rgb: 122 106 253; - --spectrum-static-indigo-800: rgb(var(--spectrum-static-indigo-800-rgb)); - --spectrum-static-indigo-900-rgb: 113 85 250; - --spectrum-static-indigo-900: rgb(var(--spectrum-static-indigo-900-rgb)); - --spectrum-static-indigo-1000-rgb: 99 56 238; - --spectrum-static-indigo-1000: rgb(var(--spectrum-static-indigo-1000-rgb)); - --spectrum-static-magenta-400-rgb: 255 185 208; - --spectrum-static-magenta-400: rgb(var(--spectrum-static-magenta-400-rgb)); - --spectrum-static-magenta-600-rgb: 255 112 159; - --spectrum-static-magenta-600: rgb(var(--spectrum-static-magenta-600-rgb)); - --spectrum-static-magenta-800-rgb: 240 45 110; - --spectrum-static-magenta-800: rgb(var(--spectrum-static-magenta-800-rgb)); - --spectrum-static-magenta-900-rgb: 217 35 97; - --spectrum-static-magenta-900: rgb(var(--spectrum-static-magenta-900-rgb)); - --spectrum-static-magenta-1000-rgb: 186 22 80; - --spectrum-static-magenta-1000: rgb(var(--spectrum-static-magenta-1000-rgb)); - --spectrum-static-red-400-rgb: 255 188 180; - --spectrum-static-red-400: rgb(var(--spectrum-static-red-400-rgb)); - --spectrum-static-red-600-rgb: 255 118 101; - --spectrum-static-red-600: rgb(var(--spectrum-static-red-600-rgb)); - --spectrum-static-red-800-rgb: 240 56 35; - --spectrum-static-red-800: rgb(var(--spectrum-static-red-800-rgb)); - --spectrum-static-red-900-rgb: 215 50 32; - --spectrum-static-red-900: rgb(var(--spectrum-static-red-900-rgb)); - --spectrum-static-red-1000-rgb: 183 40 24; - --spectrum-static-red-1000: rgb(var(--spectrum-static-red-1000-rgb)); - --spectrum-static-cyan-400-rgb: 138 213 255; - --spectrum-static-cyan-400: rgb(var(--spectrum-static-cyan-400-rgb)); - --spectrum-static-cyan-600-rgb: 48 167 254; - --spectrum-static-cyan-600: rgb(var(--spectrum-static-cyan-600-rgb)); - --spectrum-static-cyan-800-rgb: 18 134 205; - --spectrum-static-cyan-800: rgb(var(--spectrum-static-cyan-800-rgb)); - --spectrum-static-chartreuse-400-rgb: 182 219 0; - --spectrum-static-chartreuse-400: rgb(var(--spectrum-static-chartreuse-400-rgb)); - --spectrum-static-chartreuse-600-rgb: 143 172 0; - --spectrum-static-chartreuse-600: rgb(var(--spectrum-static-chartreuse-600-rgb)); - --spectrum-static-chartreuse-800-rgb: 114 137 0; - --spectrum-static-chartreuse-800: rgb(var(--spectrum-static-chartreuse-800-rgb)); - --spectrum-static-green-400-rgb: 107 227 162; - --spectrum-static-green-400: rgb(var(--spectrum-static-green-400-rgb)); - --spectrum-static-green-600-rgb: 18 184 103; - --spectrum-static-green-600: rgb(var(--spectrum-static-green-600-rgb)); - --spectrum-static-green-800-rgb: 7 147 85; - --spectrum-static-green-800: rgb(var(--spectrum-static-green-800-rgb)); - --spectrum-static-orange-400-rgb: 255 193 94; - --spectrum-static-orange-400: rgb(var(--spectrum-static-orange-400-rgb)); - --spectrum-static-orange-600-rgb: 252 125 0; - --spectrum-static-orange-600: rgb(var(--spectrum-static-orange-600-rgb)); - --spectrum-static-orange-800-rgb: 212 91 0; - --spectrum-static-orange-800: rgb(var(--spectrum-static-orange-800-rgb)); - --spectrum-static-purple-400-rgb: 221 193 246; - --spectrum-static-purple-400: rgb(var(--spectrum-static-purple-400-rgb)); - --spectrum-static-purple-600-rgb: 191 138 238; - --spectrum-static-purple-600: rgb(var(--spectrum-static-purple-600-rgb)); - --spectrum-static-purple-800-rgb: 166 92 231; - --spectrum-static-purple-800: rgb(var(--spectrum-static-purple-800-rgb)); - --spectrum-static-turquoise-400-rgb: 111 221 228; - --spectrum-static-turquoise-400: rgb(var(--spectrum-static-turquoise-400-rgb)); - --spectrum-static-turquoise-600-rgb: 15 177 192; - --spectrum-static-turquoise-600: rgb(var(--spectrum-static-turquoise-600-rgb)); - --spectrum-static-turquoise-800-rgb: 10 141 153; - --spectrum-static-turquoise-800: rgb(var(--spectrum-static-turquoise-800-rgb)); }