primitives
primitives copied to clipboard
Published
20 hours ago •
primer
primer
Muted data-vis colors
🦋 Changeset detected
Latest commit: 3256ffd0c3b8b646825bd5eb4ff07065c96f0a5e
The changes in this PR will be included in the next version bump.
This PR includes changesets to release 1 package
| Name | Type |
|---|---|
| @primer/primitives | Patch |
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
![changeset-bot[bot] avatar](https://avatars.githubusercontent.com/in/28616?v=4 "Published by a pub.dev verified publisher"){kind=small}
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
Design Token Contrast Check
light: ✅ all checks passed
Show results table for theme: light
| contrastPair | pass | contrastRatio | minimumContrastRatio |
|---|---|---|---|
| fgColor-default vs. bgColor-default | ✅ | 15.79:1 | 4.5:1 |
| fgColor-muted vs. bgColor-default | ✅ | 5.33:1 | 4.5:1 |
| fgColor-default vs. bgColor-muted | ✅ | 14.83:1 | 4.5:1 |
| fgColor-muted vs. bgColor-muted | ✅ | 5.01:1 | 4.5:1 |
| fgColor-default vs. bgColor-inset | ✅ | 14.83:1 | 4.5:1 |
| fgColor-muted vs. bgColor-inset | ✅ | 5.01:1 | 4.5:1 |
| fgColor-default vs. bgColor-accent-muted | ✅ | 13.88:1 | 4.5:1 |
| fgColor-default vs. bgColor-success-muted | ✅ | 14.19:1 | 4.5:1 |
| fgColor-default vs. bgColor-open-muted | ✅ | 14.19:1 | 4.5:1 |
| fgColor-default vs. bgColor-danger-muted | ✅ | 13.77:1 | 4.5:1 |
| fgColor-default vs. bgColor-closed-muted | ✅ | 13.77:1 | 4.5:1 |
| fgColor-default vs. bgColor-attention-muted | ✅ | 14.65:1 | 4.5:1 |
| fgColor-default vs. bgColor-severe-muted | ✅ | 14.26:1 | 4.5:1 |
| fgColor-default vs. bgColor-done-muted | ✅ | 14.21:1 | 4.5:1 |
| fgColor-default vs. bgColor-sponsors-muted | ✅ | 14.24:1 | 4.5:1 |
| fgColor-accent vs. bgColor-default | ✅ | 5.19:1 | 4.5:1 |
| fgColor-accent vs. bgColor-muted | ✅ | 4.87:1 | 4.5:1 |
| fgColor-accent vs. bgColor-inset | ✅ | 4.87:1 | 4.5:1 |
| fgColor-success vs. bgColor-default | ✅ | 5.07:1 | 4.5:1 |
| fgColor-success vs. bgColor-muted | ✅ | 4.77:1 | 4.5:1 |
| fgColor-success vs. bgColor-inset | ✅ | 4.77:1 | 4.5:1 |
| fgColor-open vs. bgColor-default | ✅ | 5.07:1 | 4.5:1 |
| fgColor-open vs. bgColor-muted | ✅ | 4.77:1 | 4.5:1 |
| fgColor-open vs. bgColor-inset | ✅ | 4.77:1 | 4.5:1 |
| fgColor-danger vs. bgColor-default | ✅ | 5.24:1 | 4.5:1 |
| fgColor-danger vs. bgColor-muted | ✅ | 4.92:1 | 4.5:1 |
| fgColor-danger vs. bgColor-inset | ✅ | 4.92:1 | 4.5:1 |
| fgColor-closed vs. bgColor-default | ✅ | 5.24:1 | 4.5:1 |
| fgColor-closed vs. bgColor-muted | ✅ | 4.92:1 | 4.5:1 |
| fgColor-closed vs. bgColor-inset | ✅ | 4.92:1 | 4.5:1 |
| fgColor-attention vs. bgColor-default | ✅ | 4.86:1 | 4.5:1 |
| fgColor-attention vs. bgColor-muted | ✅ | 4.57:1 | 4.5:1 |
| fgColor-attention vs. bgColor-inset | ✅ | 4.57:1 | 4.5:1 |
| fgColor-severe vs. bgColor-default | ✅ | 5.03:1 | 4.5:1 |
| fgColor-severe vs. bgColor-muted | ✅ | 4.72:1 | 4.5:1 |
| fgColor-severe vs. bgColor-inset | ✅ | 4.72:1 | 4.5:1 |
| fgColor-done vs. bgColor-default | ✅ | 5.04:1 | 4.5:1 |
| fgColor-done vs. bgColor-muted | ✅ | 4.73:1 | 4.5:1 |
| fgColor-done vs. bgColor-inset | ✅ | 4.73:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-default | ✅ | 5.04:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-muted | ✅ | 4.73:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-inset | ✅ | 4.73:1 | 4.5:1 |
| fgColor-accent vs. bgColor-accent-muted | ✅ | 4.56:1 | 4.5:1 |
| fgColor-success vs. bgColor-success-muted | ✅ | 4.56:1 | 4.5:1 |
| fgColor-open vs. bgColor-open-muted | ✅ | 4.56:1 | 4.5:1 |
| fgColor-danger vs. bgColor-danger-muted | ✅ | 4.57:1 | 4.5:1 |
| fgColor-closed vs. bgColor-closed-muted | ✅ | 4.57:1 | 4.5:1 |
| fgColor-attention vs. bgColor-attention-muted | ✅ | 4.51:1 | 4.5:1 |
| fgColor-severe vs. bgColor-severe-muted | ✅ | 4.54:1 | 4.5:1 |
| fgColor-done vs. bgColor-done-muted | ✅ | 4.53:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-sponsors-muted | ✅ | 4.55:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-neutral-emphasis | ✅ | 4.54:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-accent-emphasis | ✅ | 5.19:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-success-emphasis | ✅ | 4.51:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-open-emphasis | ✅ | 4.51:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-danger-emphasis | ✅ | 5.35:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-closed-emphasis | ✅ | 5.35:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-attention-emphasis | ✅ | 4.86:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-severe-emphasis | ✅ | 5.03:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-done-emphasis | ✅ | 5.04:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-sponsors-emphasis | ✅ | 5.04:1 | 4.5:1 |
| control-borderColor-emphasis vs. bgColor-default | ✅ | 3.27:1 | 3:1 |
| control-borderColor-emphasis vs. bgColor-muted | ✅ | 3.08:1 | 3:1 |
dark: ✅ all checks passed
Show results table for theme: dark
| contrastPair | pass | contrastRatio | minimumContrastRatio |
|---|---|---|---|
| fgColor-default vs. bgColor-default | ✅ | 16.01:1 | 4.5:1 |
| fgColor-muted vs. bgColor-default | ✅ | 6.31:1 | 4.5:1 |
| fgColor-default vs. bgColor-muted | ✅ | 14.63:1 | 4.5:1 |
| fgColor-muted vs. bgColor-muted | ✅ | 5.76:1 | 4.5:1 |
| fgColor-default vs. bgColor-inset | ✅ | 17.37:1 | 4.5:1 |
| fgColor-muted vs. bgColor-inset | ✅ | 6.84:1 | 4.5:1 |
| fgColor-default vs. bgColor-accent-muted on bgColor-default | ✅ | 14.34:1 | 4.5:1 |
| fgColor-default vs. bgColor-accent-muted on bgColor-muted | ✅ | 12.91:1 | 4.5:1 |
| fgColor-default vs. bgColor-success-muted on bgColor-default | ✅ | 13.44:1 | 4.5:1 |
| fgColor-default vs. bgColor-success-muted on bgColor-muted | ✅ | 12:1 | 4.5:1 |
| fgColor-default vs. bgColor-open-muted on bgColor-default | ✅ | 14.28:1 | 4.5:1 |
| fgColor-default vs. bgColor-open-muted on bgColor-muted | ✅ | 12.85:1 | 4.5:1 |
| fgColor-default vs. bgColor-danger-muted on bgColor-default | ✅ | 14.49:1 | 4.5:1 |
| fgColor-default vs. bgColor-danger-muted on bgColor-muted | ✅ | 13.09:1 | 4.5:1 |
| fgColor-default vs. bgColor-closed-muted on bgColor-default | ✅ | 13.65:1 | 4.5:1 |
| fgColor-default vs. bgColor-closed-muted on bgColor-muted | ✅ | 12.34:1 | 4.5:1 |
| fgColor-default vs. bgColor-attention-muted on bgColor-default | ✅ | 13.4:1 | 4.5:1 |
| fgColor-default vs. bgColor-attention-muted on bgColor-muted | ✅ | 12.08:1 | 4.5:1 |
| fgColor-default vs. bgColor-severe-muted on bgColor-default | ✅ | 14.45:1 | 4.5:1 |
| fgColor-default vs. bgColor-severe-muted on bgColor-muted | ✅ | 13.03:1 | 4.5:1 |
| fgColor-default vs. bgColor-done-muted on bgColor-default | ✅ | 13.11:1 | 4.5:1 |
| fgColor-default vs. bgColor-done-muted on bgColor-muted | ✅ | 11.71:1 | 4.5:1 |
| fgColor-default vs. bgColor-sponsors-muted on bgColor-default | ✅ | 14.4:1 | 4.5:1 |
| fgColor-default vs. bgColor-sponsors-muted on bgColor-muted | ✅ | 12.98:1 | 4.5:1 |
| fgColor-accent vs. bgColor-default | ✅ | 6.1:1 | 4.5:1 |
| fgColor-accent vs. bgColor-muted | ✅ | 5.58:1 | 4.5:1 |
| fgColor-accent vs. bgColor-inset | ✅ | 6.62:1 | 4.5:1 |
| fgColor-success vs. bgColor-default | ✅ | 7.44:1 | 4.5:1 |
| fgColor-success vs. bgColor-muted | ✅ | 6.8:1 | 4.5:1 |
| fgColor-success vs. bgColor-inset | ✅ | 8.08:1 | 4.5:1 |
| fgColor-open vs. bgColor-default | ✅ | 7.44:1 | 4.5:1 |
| fgColor-open vs. bgColor-muted | ✅ | 6.8:1 | 4.5:1 |
| fgColor-open vs. bgColor-inset | ✅ | 8.08:1 | 4.5:1 |
| fgColor-danger vs. bgColor-default | ✅ | 5.64:1 | 4.5:1 |
| fgColor-danger vs. bgColor-muted | ✅ | 5.16:1 | 4.5:1 |
| fgColor-danger vs. bgColor-inset | ✅ | 6.12:1 | 4.5:1 |
| fgColor-closed vs. bgColor-default | ✅ | 5.64:1 | 4.5:1 |
| fgColor-closed vs. bgColor-muted | ✅ | 5.16:1 | 4.5:1 |
| fgColor-closed vs. bgColor-inset | ✅ | 6.12:1 | 4.5:1 |
| fgColor-attention vs. bgColor-default | ✅ | 7.49:1 | 4.5:1 |
| fgColor-attention vs. bgColor-muted | ✅ | 6.85:1 | 4.5:1 |
| fgColor-attention vs. bgColor-inset | ✅ | 8.13:1 | 4.5:1 |
| fgColor-severe vs. bgColor-default | ✅ | 5.61:1 | 4.5:1 |
| fgColor-severe vs. bgColor-muted | ✅ | 5.13:1 | 4.5:1 |
| fgColor-severe vs. bgColor-inset | ✅ | 6.09:1 | 4.5:1 |
| fgColor-done vs. bgColor-default | ✅ | 6.32:1 | 4.5:1 |
| fgColor-done vs. bgColor-muted | ✅ | 5.78:1 | 4.5:1 |
| fgColor-done vs. bgColor-inset | ✅ | 6.86:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-default | ✅ | 5.62:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-muted | ✅ | 5.14:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-inset | ✅ | 6.1:1 | 4.5:1 |
| fgColor-accent vs. bgColor-accent-muted on bgColor-default | ✅ | 5.46:1 | 4.5:1 |
| fgColor-success vs. bgColor-success-muted on bgColor-default | ✅ | 6.25:1 | 4.5:1 |
| fgColor-success vs. bgColor-success-muted on bgColor-muted | ✅ | 5.58:1 | 4.5:1 |
| fgColor-open vs. bgColor-open-muted on bgColor-default | ✅ | 6.64:1 | 4.5:1 |
| fgColor-open vs. bgColor-open-muted on bgColor-muted | ✅ | 5.97:1 | 4.5:1 |
| fgColor-danger vs. bgColor-danger-muted on bgColor-default | ✅ | 5.1:1 | 4.5:1 |
| fgColor-danger vs. bgColor-danger-muted on bgColor-muted | ✅ | 4.61:1 | 4.5:1 |
| fgColor-closed vs. bgColor-closed-muted on bgColor-default | ✅ | 4.81:1 | 4.5:1 |
| fgColor-attention vs. bgColor-attention-muted on bgColor-default | ✅ | 6.27:1 | 4.5:1 |
| fgColor-attention vs. bgColor-attention-muted on bgColor-muted | ✅ | 5.65:1 | 4.5:1 |
| fgColor-severe vs. bgColor-severe-muted on bgColor-default | ✅ | 5.06:1 | 4.5:1 |
| fgColor-severe vs. bgColor-severe-muted on bgColor-muted | ✅ | 4.57:1 | 4.5:1 |
| fgColor-done vs. bgColor-done-muted on bgColor-default | ✅ | 5.18:1 | 4.5:1 |
| fgColor-done vs. bgColor-done-muted on bgColor-muted | ✅ | 4.62:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-default | ✅ | 5.06:1 | 4.5:1 |
| fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-muted | ✅ | 4.56:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-neutral-emphasis | ✅ | 4.59:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-accent-emphasis | ✅ | 4.63:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-success-emphasis | ✅ | 4.63:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-open-emphasis | ✅ | 4.63:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-danger-emphasis | ✅ | 4.6:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-closed-emphasis | ✅ | 4.6:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-attention-emphasis | ✅ | 4.64:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-severe-emphasis | ✅ | 4.65:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-done-emphasis | ✅ | 4.6:1 | 4.5:1 |
| fgColor-onEmphasis vs. bgColor-sponsors-emphasis | ✅ | 4.57:1 | 4.5:1 |
| control-borderColor-emphasis vs. bgColor-default | ✅ | 3.66:1 | 3:1 |
| control-borderColor-emphasis vs. bgColor-muted | ✅ | 3.35:1 | 3:1 |
Design Token Diff
/css/functional/themes/dark-colorblind.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css 2024-05-16 14:57:42.385603476 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #0d1117;
--headerSearch-borderColor: #30363d;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #0d1117;
--headerSearch-borderColor: #30363d;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
/css/functional/themes/dark-dimmed.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-dimmed.css 2024-05-16 14:57:41.129600685 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #22272e;
--headerSearch-borderColor: #444c56;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #22272e;
--headerSearch-borderColor: #444c56;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
/css/functional/themes/dark-high-contrast.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css 2024-05-16 14:57:43.037604926 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #0a0c10;
--headerSearch-borderColor: #525964;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #0a0c10;
--headerSearch-borderColor: #525964;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
/css/functional/themes/dark-tritanopia.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css 2024-05-16 14:57:41.749602063 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #0d1117;
--headerSearch-borderColor: #30363d;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #0d1117;
--headerSearch-borderColor: #30363d;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
/css/functional/themes/dark.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css 2024-05-16 14:57:40.481599245 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #0d1117;
--headerSearch-borderColor: #30363d;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #0d1117;
--headerSearch-borderColor: #30363d;
--data-blue-color: #0576ff;
+ --data-blue-color-muted: #001a47;
--data-auburn-color: #a86f6b;
+ --data-auburn-color-muted: #271817;
--data-orange-color: #984b10;
+ --data-orange-color-muted: #311708;
--data-yellow-color: #895906;
+ --data-yellow-color-muted: #2e1a00;
--data-green-color: #2f6f37;
+ --data-green-color-muted: #122117;
--data-teal-color: #106c70;
+ --data-teal-color-muted: #041f25;
--data-purple-color: #975bf1;
+ --data-purple-color-muted: #211047;
--data-pink-color: #d34591;
+ --data-pink-color-muted: #2d1524;
--data-red-color: #eb3342;
+ --data-red-color-muted: #3c0614;
--data-gray-color: #576270;
+ --data-gray-color-muted: #1c1c1c;
--display-blue-bgColor-muted: #001a47;
--display-blue-bgColor-emphasis: #0576ff;
--display-blue-fgColor: #4da0ff;
/css/functional/themes/light-colorblind.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind.css 2024-05-16 14:57:39.037596036 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #24292f;
--headerSearch-borderColor: #57606a;
--data-blue-color: #006edb;
+ --data-blue-color-muted: #d1f0ff;
--data-auburn-color: #9d615c;
+ --data-auburn-color-muted: #f2e9e9;
--data-orange-color: #eb670f;
+ --data-orange-color-muted: #ffe7d1;
--data-yellow-color: #b88700;
+ --data-yellow-color-muted: #ffec9e;
--data-green-color: #30a147;
+ --data-green-color-muted: #caf7ca;
--data-teal-color: #179b9b;
+ --data-teal-color-muted: #c7f5ef;
--data-purple-color: #894ceb;
+ --data-purple-color-muted: #f1e5ff;
--data-pink-color: #ce2c85;
+ --data-pink-color-muted: #ffe5f1;
--data-red-color: #df0c24;
+ --data-red-color-muted: #ffe2e0;
--data-gray-color: #808fa3;
+ --data-gray-color-muted: #e8ecf2;
--display-blue-bgColor-muted: #d1f0ff;
--display-blue-bgColor-emphasis: #006edb;
--display-blue-fgColor: #005fcc;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #24292f;
--headerSearch-borderColor: #57606a;
--data-blue-color: #006edb;
+ --data-blue-color-muted: #d1f0ff;
--data-auburn-color: #9d615c;
+ --data-auburn-color-muted: #f2e9e9;
--data-orange-color: #eb670f;
+ --data-orange-color-muted: #ffe7d1;
--data-yellow-color: #b88700;
+ --data-yellow-color-muted: #ffec9e;
--data-green-color: #30a147;
+ --data-green-color-muted: #caf7ca;
--data-teal-color: #179b9b;
+ --data-teal-color-muted: #c7f5ef;
--data-purple-color: #894ceb;
+ --data-purple-color-muted: #f1e5ff;
--data-pink-color: #ce2c85;
+ --data-pink-color-muted: #ffe5f1;
--data-red-color: #df0c24;
+ --data-red-color-muted: #ffe2e0;
--data-gray-color: #808fa3;
+ --data-gray-color-muted: #e8ecf2;
--display-blue-bgColor-muted: #d1f0ff;
--display-blue-bgColor-emphasis: #006edb;
--display-blue-fgColor: #005fcc;
/css/functional/themes/light-high-contrast.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-high-contrast.css 2024-05-16 14:57:39.725597565 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #0e1116;
--headerSearch-borderColor: #4b535d;
--data-blue-color: #006edb;
+ --data-blue-color-muted: #d1f0ff;
--data-auburn-color: #9d615c;
+ --data-auburn-color-muted: #f2e9e9;
--data-orange-color: #eb670f;
+ --data-orange-color-muted: #ffe7d1;
--data-yellow-color: #b88700;
+ --data-yellow-color-muted: #ffec9e;
--data-green-color: #30a147;
+ --data-green-color-muted: #caf7ca;
--data-teal-color: #179b9b;
+ --data-teal-color-muted: #c7f5ef;
--data-purple-color: #894ceb;
+ --data-purple-color-muted: #f1e5ff;
--data-pink-color: #ce2c85;
+ --data-pink-color-muted: #ffe5f1;
--data-red-color: #df0c24;
+ --data-red-color-muted: #ffe2e0;
--data-gray-color: #808fa3;
+ --data-gray-color-muted: #e8ecf2;
--display-blue-bgColor-muted: #d1f0ff;
--display-blue-bgColor-emphasis: #006edb;
--display-blue-fgColor: #005fcc;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #0e1116;
--headerSearch-borderColor: #4b535d;
--data-blue-color: #006edb;
+ --data-blue-color-muted: #d1f0ff;
--data-auburn-color: #9d615c;
+ --data-auburn-color-muted: #f2e9e9;
--data-orange-color: #eb670f;
+ --data-orange-color-muted: #ffe7d1;
--data-yellow-color: #b88700;
+ --data-yellow-color-muted: #ffec9e;
--data-green-color: #30a147;
+ --data-green-color-muted: #caf7ca;
--data-teal-color: #179b9b;
+ --data-teal-color-muted: #c7f5ef;
--data-purple-color: #894ceb;
+ --data-purple-color-muted: #f1e5ff;
--data-pink-color: #ce2c85;
+ --data-pink-color-muted: #ffe5f1;
--data-red-color: #df0c24;
+ --data-red-color-muted: #ffe2e0;
--data-gray-color: #808fa3;
+ --data-gray-color-muted: #e8ecf2;
--display-blue-bgColor-muted: #d1f0ff;
--display-blue-bgColor-emphasis: #006edb;
--display-blue-fgColor: #005fcc;
/css/functional/themes/light-tritanopia.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia.css 2024-05-16 14:57:38.305594409 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #24292f;
--headerSearch-borderColor: #57606a;
--data-blue-color: #006edb;
+ --data-blue-color-muted: #d1f0ff;
--data-auburn-color: #9d615c;
+ --data-auburn-color-muted: #f2e9e9;
--data-orange-color: #eb670f;
+ --data-orange-color-muted: #ffe7d1;
--data-yellow-color: #b88700;
+ --data-yellow-color-muted: #ffec9e;
--data-green-color: #30a147;
+ --data-green-color-muted: #caf7ca;
--data-teal-color: #179b9b;
+ --data-teal-color-muted: #c7f5ef;
--data-purple-color: #894ceb;
+ --data-purple-color-muted: #f1e5ff;
--data-pink-color: #ce2c85;
+ --data-pink-color-muted: #ffe5f1;
--data-red-color: #df0c24;
+ --data-red-color-muted: #ffe2e0;
--data-gray-color: #808fa3;
+ --data-gray-color-muted: #e8ecf2;
--display-blue-bgColor-muted: #d1f0ff;
--display-blue-bgColor-emphasis: #006edb;
--display-blue-fgColor: #005fcc;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #24292f;
--headerSearch-borderColor: #57606a;
--data-blue-color: #006edb;
+ --data-blue-color-muted: #d1f0ff;
--data-auburn-color: #9d615c;
+ --data-auburn-color-muted: #f2e9e9;
--data-orange-color: #eb670f;
+ --data-orange-color-muted: #ffe7d1;
--data-yellow-color: #b88700;
+ --data-yellow-color-muted: #ffec9e;
--data-green-color: #30a147;
+ --data-green-color-muted: #caf7ca;
--data-teal-color: #179b9b;
+ --data-teal-color-muted: #c7f5ef;
--data-purple-color: #894ceb;
+ --data-purple-color-muted: #f1e5ff;
--data-pink-color: #ce2c85;
+ --data-pink-color-muted: #ffe5f1;
--data-red-color: #df0c24;
+ --data-red-color-muted: #ffe2e0;
--data-gray-color: #808fa3;
+ --data-gray-color-muted: #e8ecf2;
--display-blue-bgColor-muted: #d1f0ff;
--display-blue-bgColor-emphasis: #006edb;
--display-blue-fgColor: #005fcc;
/css/functional/themes/light.css
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light.css 2024-05-16 14:57:37.305592246 +0000
@@ -43,15 +43,25 @@
--headerSearch-bgColor: #24292f;
--headerSearch-borderColor: #57606a;
--data-blue-color: #006edb;
+ --data-blue-color-muted: #d1f0ff;
--data-auburn-color: #9d615c;
+ --data-auburn-color-muted: #f2e9e9;
--data-orange-color: #eb670f;
+ --data-orange-color-muted: #ffe7d1;
--data-yellow-color: #b88700;
+ --data-yellow-color-muted: #ffec9e;
--data-green-color: #30a147;
+ --data-green-color-muted: #caf7ca;
--data-teal-color: #179b9b;
+ --data-teal-color-muted: #c7f5ef;
--data-purple-color: #894ceb;
+ --data-purple-color-muted: #f1e5ff;
--data-pink-color: #ce2c85;
+ --data-pink-color-muted: #ffe5f1;
--data-red-color: #df0c24;
+ --data-red-color-muted: #ffe2e0;
--data-gray-color: #808fa3;
+ --data-gray-color-muted: #e8ecf2;
--display-blue-bgColor-muted: #d1f0ff;
--display-blue-bgColor-emphasis: #006edb;
--display-blue-fgColor: #005fcc;
@@ -596,15 +606,25 @@
--headerSearch-bgColor: #24292f;
--headerSearch-borderColor: #57606a;
--data-blue-color: #006edb;
+ --data-blue-color-muted: #d1f0ff;
--data-auburn-color: #9d615c;
+ --data-auburn-color-muted: #f2e9e9;
--data-orange-color: #eb670f;
+ --data-orange-color-muted: #ffe7d1;
--data-yellow-color: #b88700;
+ --data-yellow-color-muted: #ffec9e;
--data-green-color: #30a147;
+ --data-green-color-muted: #caf7ca;
--data-teal-color: #179b9b;
+ --data-teal-color-muted: #c7f5ef;
--data-purple-color: #894ceb;
+ --data-purple-color-muted: #f1e5ff;
--data-pink-color: #ce2c85;
+ --data-pink-color-muted: #ffe5f1;
--data-red-color: #df0c24;
+ --data-red-color-muted: #ffe2e0;
--data-gray-color: #808fa3;
+ --data-gray-color-muted: #e8ecf2;
--display-blue-bgColor-muted: #d1f0ff;
--display-blue-bgColor-emphasis: #006edb;
--display-blue-fgColor: #005fcc;