@primer/primitives 7.15.9 → 7.15.10-rc.030246ed

package/dist/scss/functional/themes/dark-colorblind.scss

@@ -38,6 +38,16 @@ $header-bgColor: #161b22f2;
 $header-borderColor-divider: #8b949e;
 $headerSearch-bgColor: #0d1117;
 $headerSearch-borderColor: #30363d;
+$data-blue-color: #0576ff;
+$data-auburn-color: #a86f6b;
+$data-orange-color: #984b10;
+$data-yellow-color: #895906;
+$data-green-color: #2f6f37;
+$data-teal-color: #106c70;
+$data-purple-color: #975bf1;
+$data-pink-color: #d34591;
+$data-red-color: #eb3342;
+$data-gray-color: #576270;
 $avatar-bgColor: #ffffff1a;
 $avatar-borderColor: #30363db3;
 $avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -46,14 +56,14 @@ $avatarStack-fade-bgColor-muted: #21262d;
 $control-bgColor-rest: #21262d;
 $control-bgColor-hover: #292e36;
 $control-bgColor-active: #31363e;
-$control-bgColor-disabled: #161b22;
+$control-bgColor-disabled: #21262db3;
 $control-bgColor-selected: #161b22;
 $control-fgColor-rest: #c9d1d9;
 $control-fgColor-placeholder: #484f58;
-$control-fgColor-disabled: #8b949e;
+$control-fgColor-disabled: #6e7681;
 $control-borderColor-rest: #30363d;
 $control-borderColor-emphasis: #666e79;
-$control-borderColor-disabled: #161b22;
+$control-borderColor-disabled: #21262db3;
 $control-borderColor-selected: #f0f6fc;
 $control-borderColor-success: #1f6feb;
 $control-borderColor-danger: #bd561d;
@@ -62,7 +72,7 @@ $control-iconColor-rest: #848d97;
 $control-transparent-bgColor-rest: #00000000;
 $control-transparent-bgColor-hover: #b1bac41f;
 $control-transparent-bgColor-active: #b1bac433;
-$control-transparent-bgColor-disabled: #00000000;
+$control-transparent-bgColor-disabled: #21262db3;
 $control-transparent-bgColor-selected: #b1bac414;
 $control-transparent-borderColor-rest: #00000000;
 $control-transparent-borderColor-hover: #00000000;
@@ -74,26 +84,26 @@ $control-danger-bgColor-active: #db6d2866;
 $control-checked-bgColor-rest: #1f6feb;
 $control-checked-bgColor-hover: #2a7aef;
 $control-checked-bgColor-active: #3685f3;
-$control-checked-bgColor-disabled: #8b949e;
+$control-checked-bgColor-disabled: #6e7681;
 $control-checked-fgColor-rest: #ffffff;
 $control-checked-fgColor-disabled: #010409;
 $control-checked-borderColor-rest: #1f6feb;
 $control-checked-borderColor-hover: #2a7aef;
 $control-checked-borderColor-active: #3685f3;
-$control-checked-borderColor-disabled: #8b949e;
+$control-checked-borderColor-disabled: #6e7681;
 $controlTrack-bgColor-rest: #21262d;
 $controlTrack-bgColor-hover: #292e36;
 $controlTrack-bgColor-active: #31363e;
-$controlTrack-bgColor-disabled: #8b949e;
+$controlTrack-bgColor-disabled: #6e7681;
 $controlTrack-fgColor-rest: #848d97;
 $controlTrack-fgColor-disabled: #ffffff;
 $controlTrack-borderColor-rest: #00000000;
-$controlTrack-borderColor-disabled: #8b949e;
+$controlTrack-borderColor-disabled: #6e7681;
 $controlKnob-bgColor-rest: #010409;
-$controlKnob-bgColor-disabled: #161b22;
+$controlKnob-bgColor-disabled: #21262db3;
 $controlKnob-bgColor-checked: #ffffff;
 $controlKnob-borderColor-rest: #666e79;
-$controlKnob-borderColor-disabled: #161b22;
+$controlKnob-borderColor-disabled: #21262db3;
 $controlKnob-borderColor-checked: #1f6feb;
 $counter-borderColor: #00000000;
 $button-default-fgColor-rest: #c9d1d9;
@@ -101,14 +111,14 @@ $button-default-bgColor-rest: #21262d;
 $button-default-bgColor-hover: #292e36;
 $button-default-bgColor-active: #31363e;
 $button-default-bgColor-selected: #31363e;
-$button-default-bgColor-disabled: #161b22;
+$button-default-bgColor-disabled: #21262db3;
 $button-default-borderColor-rest: #30363d;
 $button-default-borderColor-hover: #30363d;
 $button-default-borderColor-active: #30363d;
-$button-default-borderColor-disabled: #161b22;
+$button-default-borderColor-disabled: #21262db3;
 $button-default-shadow-resting: 0px 0px 0px 0px #000000;
 $button-primary-fgColor-rest: #ffffff;
-$button-primary-fgColor-disabled: #ffffff80;
+$button-primary-fgColor-disabled: #ffffffcc;
 $button-primary-iconColor-rest: #ffffff;
 $button-primary-bgColor-rest: #1f6feb;
 $button-primary-bgColor-hover: #2a7aef;
@@ -121,17 +131,17 @@ $button-primary-borderColor-disabled: #1158c7;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #4493f8;
 $button-invisible-fgColor-hover: #58a6ff;
-$button-invisible-fgColor-disabled: #8b949e;
+$button-invisible-fgColor-disabled: #6e7681;
 $button-invisible-iconColor-rest: #848d97;
 $button-invisible-iconColor-hover: #e6edf3;
-$button-invisible-iconColor-disabled: #8b949e;
+$button-invisible-iconColor-disabled: #6e7681;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #b1bac41f;
 $button-invisible-bgColor-active: #b1bac433;
-$button-invisible-bgColor-disabled: #00000000;
+$button-invisible-bgColor-disabled: #21262db3;
 $button-invisible-borderColor-rest: #00000000;
 $button-invisible-borderColor-hover: #00000000;
-$button-invisible-borderColor-disabled: #161b22;
+$button-invisible-borderColor-disabled: #21262db3;
 $button-outline-fgColor-rest: #388bfd;
 $button-outline-fgColor-hover: #58a6ff;
 $button-outline-fgColor-active: #ffffff;
@@ -152,7 +162,7 @@ $button-danger-iconColor-hover: #ffffff;
 $button-danger-bgColor-rest: #21262d;
 $button-danger-bgColor-hover: #9b4215;
 $button-danger-bgColor-active: #b5531d;
-$button-danger-bgColor-disabled: #161b22;
+$button-danger-bgColor-disabled: #21262db3;
 $button-danger-borderColor-rest: #30363d;
 $button-danger-borderColor-hover: #f0f6fc1a;
 $button-danger-borderColor-active: #f0f6fc1a;
@@ -177,7 +187,7 @@ $buttonCounter-danger-fgColor-disabled: #db6d2880;
 $focus-outlineColor: #1f6feb;
 $menu-bgColor-active: #161b22;
 $overlay-bgColor: #161b22;
-$overlay-borderColor: #30363d;
+$overlay-borderColor: #30363db3;
 $overlay-backdrop-bgColor: #161b2266;
 $selectMenu-borderColor: #484f58;
 $selectMenu-bgColor-active: #0c2d6b;
@@ -192,7 +202,7 @@ $selection-bgColor: #4493f833;
 $fgColor-default: #e6edf3;
 $fgColor-muted: #848d97;
 $fgColor-onEmphasis: #ffffff;
-$fgColor-disabled: #8b949e;
+$fgColor-disabled: #6e7681;
 $fgColor-link: #4493f8;
 $fgColor-neutral: #6e7681;
 $fgColor-accent: #4493f8;
@@ -209,7 +219,7 @@ $bgColor-muted: #161b22;
 $bgColor-inset: #010409;
 $bgColor-emphasis: #6e7681;
 $bgColor-inverse: #ffffff;
-$bgColor-disabled: #161b22;
+$bgColor-disabled: #21262db3;
 $bgColor-transparent: #00000000;
 $bgColor-neutral-muted: #6e768166;
 $bgColor-neutral-emphasis: #6e7681;
@@ -234,7 +244,7 @@ $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
 $borderColor-muted: #30363db3;
 $borderColor-emphasis: #484f58;
-$borderColor-disabled: #161b22;
+$borderColor-disabled: #21262db3;
 $borderColor-transparent: #00000000;
 $borderColor-neutral-muted: #6e768166;
 $borderColor-neutral-emphasis: #6e7681;

package/dist/scss/functional/themes/dark-dimmed.scss

@@ -38,6 +38,16 @@ $header-bgColor: #2d333bf2;
 $header-borderColor-divider: #768390;
 $headerSearch-bgColor: #22272e;
 $headerSearch-borderColor: #444c56;
+$data-blue-color: #0576ff;
+$data-auburn-color: #a86f6b;
+$data-orange-color: #984b10;
+$data-yellow-color: #895906;
+$data-green-color: #2f6f37;
+$data-teal-color: #106c70;
+$data-purple-color: #975bf1;
+$data-pink-color: #d34591;
+$data-red-color: #eb3342;
+$data-gray-color: #576270;
 $avatar-bgColor: #cdd9e51a;
 $avatar-borderColor: #444c56b3;
 $avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -46,14 +56,14 @@ $avatarStack-fade-bgColor-muted: #373e47;
 $control-bgColor-rest: #373e47;
 $control-bgColor-hover: #3d444e;
 $control-bgColor-active: #434a54;
-$control-bgColor-disabled: #2d333b;
+$control-bgColor-disabled: #373e47b3;
 $control-bgColor-selected: #2d333b;
 $control-fgColor-rest: #adbac7;
 $control-fgColor-placeholder: #545d68;
-$control-fgColor-disabled: #768390;
+$control-fgColor-disabled: #636e7b;
 $control-borderColor-rest: #444c56;
 $control-borderColor-emphasis: #606b77;
-$control-borderColor-disabled: #2d333b;
+$control-borderColor-disabled: #373e47b3;
 $control-borderColor-selected: #cdd9e5;
 $control-borderColor-success: #347d39;
 $control-borderColor-danger: #c93c37;
@@ -62,7 +72,7 @@ $control-iconColor-rest: #717e8b;
 $control-transparent-bgColor-rest: #00000000;
 $control-transparent-bgColor-hover: #909dab1f;
 $control-transparent-bgColor-active: #909dab33;
-$control-transparent-bgColor-disabled: #00000000;
+$control-transparent-bgColor-disabled: #373e47b3;
 $control-transparent-bgColor-selected: #909dab14;
 $control-transparent-borderColor-rest: #00000000;
 $control-transparent-borderColor-hover: #00000000;
@@ -74,26 +84,26 @@ $control-danger-bgColor-active: #e5534b66;
 $control-checked-bgColor-rest: #316dca;
 $control-checked-bgColor-hover: #3876d3;
 $control-checked-bgColor-active: #3f7fdb;
-$control-checked-bgColor-disabled: #768390;
+$control-checked-bgColor-disabled: #636e7b;
 $control-checked-fgColor-rest: #cdd9e5;
 $control-checked-fgColor-disabled: #1c2128;
 $control-checked-borderColor-rest: #316dca;
 $control-checked-borderColor-hover: #3876d3;
 $control-checked-borderColor-active: #3f7fdb;
-$control-checked-borderColor-disabled: #768390;
+$control-checked-borderColor-disabled: #636e7b;
 $controlTrack-bgColor-rest: #373e47;
 $controlTrack-bgColor-hover: #3d444e;
 $controlTrack-bgColor-active: #434a54;
-$controlTrack-bgColor-disabled: #768390;
+$controlTrack-bgColor-disabled: #636e7b;
 $controlTrack-fgColor-rest: #717e8b;
 $controlTrack-fgColor-disabled: #cdd9e5;
 $controlTrack-borderColor-rest: #00000000;
-$controlTrack-borderColor-disabled: #768390;
+$controlTrack-borderColor-disabled: #636e7b;
 $controlKnob-bgColor-rest: #1c2128;
-$controlKnob-bgColor-disabled: #2d333b;
+$controlKnob-bgColor-disabled: #373e47b3;
 $controlKnob-bgColor-checked: #cdd9e5;
 $controlKnob-borderColor-rest: #606b77;
-$controlKnob-borderColor-disabled: #2d333b;
+$controlKnob-borderColor-disabled: #373e47b3;
 $controlKnob-borderColor-checked: #316dca;
 $counter-borderColor: #00000000;
 $button-default-fgColor-rest: #adbac7;
@@ -101,14 +111,14 @@ $button-default-bgColor-rest: #373e47;
 $button-default-bgColor-hover: #3d444e;
 $button-default-bgColor-active: #434a54;
 $button-default-bgColor-selected: #434a54;
-$button-default-bgColor-disabled: #2d333b;
+$button-default-bgColor-disabled: #373e47b3;
 $button-default-borderColor-rest: #444c56;
 $button-default-borderColor-hover: #444c56;
 $button-default-borderColor-active: #444c56;
-$button-default-borderColor-disabled: #2d333b;
+$button-default-borderColor-disabled: #373e47b3;
 $button-default-shadow-resting: 0px 0px 0px 0px #000000;
 $button-primary-fgColor-rest: #cdd9e5;
-$button-primary-fgColor-disabled: #cdd9e580;
+$button-primary-fgColor-disabled: #cdd9e5cc;
 $button-primary-iconColor-rest: #cdd9e5;
 $button-primary-bgColor-rest: #347d39;
 $button-primary-bgColor-hover: #3b8640;
@@ -121,17 +131,17 @@ $button-primary-borderColor-disabled: #50a254;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #478be6;
 $button-invisible-fgColor-hover: #539bf5;
-$button-invisible-fgColor-disabled: #768390;
+$button-invisible-fgColor-disabled: #636e7b;
 $button-invisible-iconColor-rest: #717e8b;
 $button-invisible-iconColor-hover: #717e8b;
-$button-invisible-iconColor-disabled: #768390;
+$button-invisible-iconColor-disabled: #636e7b;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #909dab1f;
 $button-invisible-bgColor-active: #909dab33;
-$button-invisible-bgColor-disabled: #00000000;
+$button-invisible-bgColor-disabled: #373e47b3;
 $button-invisible-borderColor-rest: #00000000;
 $button-invisible-borderColor-hover: #00000000;
-$button-invisible-borderColor-disabled: #2d333b;
+$button-invisible-borderColor-disabled: #373e47b3;
 $button-outline-fgColor-rest: #4184e4;
 $button-outline-fgColor-hover: #539bf5;
 $button-outline-fgColor-active: #cdd9e5;
@@ -152,7 +162,7 @@ $button-danger-iconColor-hover: #cdd9e5;
 $button-danger-bgColor-rest: #373e47;
 $button-danger-bgColor-hover: #ad2e2c;
 $button-danger-bgColor-active: #c33d38;
-$button-danger-bgColor-disabled: #2d333b;
+$button-danger-bgColor-disabled: #373e47b3;
 $button-danger-borderColor-rest: #444c56;
 $button-danger-borderColor-hover: #cdd9e51a;
 $button-danger-borderColor-active: #cdd9e51a;
@@ -177,7 +187,7 @@ $buttonCounter-danger-fgColor-disabled: #e5534b80;
 $focus-outlineColor: #316dca;
 $menu-bgColor-active: #2d333b;
 $overlay-bgColor: #2d333b;
-$overlay-borderColor: #444c56;
+$overlay-borderColor: #444c56b3;
 $overlay-backdrop-bgColor: #2d333b66;
 $selectMenu-borderColor: #545d68;
 $selectMenu-bgColor-active: #143d79;
@@ -192,7 +202,7 @@ $selection-bgColor: #478be633;
 $fgColor-default: #c5d1de;
 $fgColor-muted: #717e8b;
 $fgColor-onEmphasis: #cdd9e5;
-$fgColor-disabled: #768390;
+$fgColor-disabled: #636e7b;
 $fgColor-link: #478be6;
 $fgColor-neutral: #636e7b;
 $fgColor-accent: #478be6;
@@ -209,7 +219,7 @@ $bgColor-muted: #2d333b;
 $bgColor-inset: #1c2128;
 $bgColor-emphasis: #636e7b;
 $bgColor-inverse: #cdd9e5;
-$bgColor-disabled: #2d333b;
+$bgColor-disabled: #373e47b3;
 $bgColor-transparent: #00000000;
 $bgColor-neutral-muted: #636e7b66;
 $bgColor-neutral-emphasis: #636e7b;
@@ -234,7 +244,7 @@ $bgColor-sponsors-emphasis: #ae4c82;
 $borderColor-default: #444c56;
 $borderColor-muted: #444c56b3;
 $borderColor-emphasis: #545d68;
-$borderColor-disabled: #2d333b;
+$borderColor-disabled: #373e47b3;
 $borderColor-transparent: #00000000;
 $borderColor-neutral-muted: #636e7b66;
 $borderColor-neutral-emphasis: #636e7b;

package/dist/scss/functional/themes/dark-high-contrast.scss

@@ -38,6 +38,16 @@ $header-bgColor: #272b33f2;
 $header-borderColor-divider: #bdc4cc;
 $headerSearch-bgColor: #0a0c10;
 $headerSearch-borderColor: #525964;
+$data-blue-color: #0576ff;
+$data-auburn-color: #a86f6b;
+$data-orange-color: #984b10;
+$data-yellow-color: #895906;
+$data-green-color: #2f6f37;
+$data-teal-color: #106c70;
+$data-purple-color: #975bf1;
+$data-pink-color: #d34591;
+$data-red-color: #eb3342;
+$data-gray-color: #576270;
 $avatar-bgColor: #ffffff1a;
 $avatar-borderColor: #ffffffe6;
 $avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -46,14 +56,14 @@ $avatarStack-fade-bgColor-muted: #3d424d;
 $control-bgColor-rest: #3d424d;
 $control-bgColor-hover: #494f5a;
 $control-bgColor-active: #555c67;
-$control-bgColor-disabled: #272b33;
+$control-bgColor-disabled: #3d424db3;
 $control-bgColor-selected: #525964;
 $control-fgColor-rest: #f0f3f6;
 $control-fgColor-placeholder: #7a828e;
-$control-fgColor-disabled: #bdc4cc;
+$control-fgColor-disabled: #9ea7b3;
 $control-borderColor-rest: #7a828e;
 $control-borderColor-emphasis: #7a828e;
-$control-borderColor-disabled: #272b33;
+$control-borderColor-disabled: #3d424db3;
 $control-borderColor-selected: #ffffff;
 $control-borderColor-success: #09b43a;
 $control-borderColor-danger: #ff6a69;
@@ -62,7 +72,7 @@ $control-iconColor-rest: #f0f3f6;
 $control-transparent-bgColor-rest: #00000000;
 $control-transparent-bgColor-hover: #272b33;
 $control-transparent-bgColor-active: #525964;
-$control-transparent-bgColor-disabled: #00000000;
+$control-transparent-bgColor-disabled: #3d424db3;
 $control-transparent-bgColor-selected: #525964;
 $control-transparent-borderColor-rest: #00000000;
 $control-transparent-borderColor-hover: #7a828e;
@@ -74,26 +84,26 @@ $control-danger-bgColor-active: #f65052;
 $control-checked-bgColor-rest: #409eff;
 $control-checked-bgColor-hover: #4aa3ff;
 $control-checked-bgColor-active: #54a8ff;
-$control-checked-bgColor-disabled: #bdc4cc;
+$control-checked-bgColor-disabled: #9ea7b3;
 $control-checked-fgColor-rest: #0a0c10;
 $control-checked-fgColor-disabled: #010409;
 $control-checked-borderColor-rest: #409eff;
 $control-checked-borderColor-hover: #4aa3ff;
 $control-checked-borderColor-active: #54a8ff;
-$control-checked-borderColor-disabled: #bdc4cc;
+$control-checked-borderColor-disabled: #9ea7b3;
 $controlTrack-bgColor-rest: #3d424d;
 $controlTrack-bgColor-hover: #494f5a;
 $controlTrack-bgColor-active: #555c67;
-$controlTrack-bgColor-disabled: #bdc4cc;
+$controlTrack-bgColor-disabled: #9ea7b3;
 $controlTrack-fgColor-rest: #fbfcfd;
 $controlTrack-fgColor-disabled: #0a0c10;
 $controlTrack-borderColor-rest: #00000000;
-$controlTrack-borderColor-disabled: #bdc4cc;
+$controlTrack-borderColor-disabled: #9ea7b3;
 $controlKnob-bgColor-rest: #010409;
-$controlKnob-bgColor-disabled: #272b33;
+$controlKnob-bgColor-disabled: #3d424db3;
 $controlKnob-bgColor-checked: #ffffff;
 $controlKnob-borderColor-rest: #7a828e;
-$controlKnob-borderColor-disabled: #272b33;
+$controlKnob-borderColor-disabled: #3d424db3;
 $controlKnob-borderColor-checked: #409eff;
 $counter-borderColor: #00000000;
 $button-default-fgColor-rest: #f0f3f6;
@@ -101,11 +111,11 @@ $button-default-bgColor-rest: #3d424d;
 $button-default-bgColor-hover: #494f5a;
 $button-default-bgColor-active: #555c67;
 $button-default-bgColor-selected: #555c67;
-$button-default-bgColor-disabled: #272b33;
+$button-default-bgColor-disabled: #3d424db3;
 $button-default-borderColor-rest: #7a828e;
 $button-default-borderColor-hover: #7a828e;
 $button-default-borderColor-active: #7a828e;
-$button-default-borderColor-disabled: #272b33;
+$button-default-borderColor-disabled: #3d424db3;
 $button-default-shadow-resting: 0px 0px 0px 0px #000000;
 $button-primary-fgColor-rest: #0a0c10;
 $button-primary-fgColor-disabled: #0a0c1080;
@@ -121,17 +131,17 @@ $button-primary-borderColor-disabled: #4ae16866;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #60aeff;
 $button-invisible-fgColor-hover: #1e60d5;
-$button-invisible-fgColor-disabled: #bdc4cc;
+$button-invisible-fgColor-disabled: #9ea7b3;
 $button-invisible-iconColor-rest: #f0f3f6;
 $button-invisible-iconColor-hover: #0a0c10;
-$button-invisible-iconColor-disabled: #bdc4cc;
+$button-invisible-iconColor-disabled: #9ea7b3;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #f0f3f6;
 $button-invisible-bgColor-active: #d9dee3;
-$button-invisible-bgColor-disabled: #00000000;
+$button-invisible-bgColor-disabled: #3d424db3;
 $button-invisible-borderColor-rest: #00000000;
 $button-invisible-borderColor-hover: #7a828e;
-$button-invisible-borderColor-disabled: #272b33;
+$button-invisible-borderColor-disabled: #3d424db3;
 $button-outline-fgColor-rest: #5cacff;
 $button-outline-fgColor-hover: #71b7ff;
 $button-outline-fgColor-active: #ffffff;
@@ -143,7 +153,7 @@ $button-outline-bgColor-disabled: #0a0c10;
 $button-outline-borderColor-hover: #ffffff1a;
 $button-outline-borderColor-selected: #ffffff1a;
 $button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-$button-danger-fgColor-rest: #ff8080;
+$button-danger-fgColor-rest: #ff9492;
 $button-danger-fgColor-hover: #ffffff;
 $button-danger-fgColor-active: #ffffff;
 $button-danger-fgColor-disabled: #ff808080;
@@ -152,7 +162,7 @@ $button-danger-iconColor-hover: #ffffff;
 $button-danger-bgColor-rest: #3d424d;
 $button-danger-bgColor-hover: #ff4445;
 $button-danger-bgColor-active: #ff5c5d;
-$button-danger-bgColor-disabled: #272b33;
+$button-danger-bgColor-disabled: #3d424db3;
 $button-danger-borderColor-rest: #7a828e;
 $button-danger-borderColor-hover: #ffffff1a;
 $button-danger-borderColor-active: #ffffff1a;
@@ -192,7 +202,7 @@ $selection-bgColor: #60aeff33;
 $fgColor-default: #fbfcfd;
 $fgColor-muted: #f0f3f6;
 $fgColor-onEmphasis: #0a0c10;
-$fgColor-disabled: #bdc4cc;
+$fgColor-disabled: #9ea7b3;
 $fgColor-link: #60aeff;
 $fgColor-neutral: #9ea7b3;
 $fgColor-accent: #60aeff;
@@ -209,7 +219,7 @@ $bgColor-muted: #272b33;
 $bgColor-inset: #010409;
 $bgColor-emphasis: #ffffff;
 $bgColor-inverse: #ffffff;
-$bgColor-disabled: #272b33;
+$bgColor-disabled: #3d424db3;
 $bgColor-transparent: #00000000;
 $bgColor-neutral-muted: #9ea7b366;
 $bgColor-neutral-emphasis: #9ea7b3;
@@ -234,7 +244,7 @@ $bgColor-sponsors-emphasis: #ef6eb1;
 $borderColor-default: #7a828e;
 $borderColor-muted: #7a828e;
 $borderColor-emphasis: #7a828e;
-$borderColor-disabled: #272b33;
+$borderColor-disabled: #3d424db3;
 $borderColor-transparent: #00000000;
 $borderColor-neutral-muted: #9ea7b3;
 $borderColor-neutral-emphasis: #9ea7b3;

package/dist/scss/functional/themes/dark-tritanopia.scss

@@ -38,6 +38,16 @@ $header-bgColor: #161b22f2;
 $header-borderColor-divider: #8b949e;
 $headerSearch-bgColor: #0d1117;
 $headerSearch-borderColor: #30363d;
+$data-blue-color: #0576ff;
+$data-auburn-color: #a86f6b;
+$data-orange-color: #984b10;
+$data-yellow-color: #895906;
+$data-green-color: #2f6f37;
+$data-teal-color: #106c70;
+$data-purple-color: #975bf1;
+$data-pink-color: #d34591;
+$data-red-color: #eb3342;
+$data-gray-color: #576270;
 $avatar-bgColor: #ffffff1a;
 $avatar-borderColor: #30363db3;
 $avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -46,14 +56,14 @@ $avatarStack-fade-bgColor-muted: #21262d;
 $control-bgColor-rest: #21262d;
 $control-bgColor-hover: #292e36;
 $control-bgColor-active: #31363e;
-$control-bgColor-disabled: #161b22;
+$control-bgColor-disabled: #21262db3;
 $control-bgColor-selected: #161b22;
 $control-fgColor-rest: #c9d1d9;
 $control-fgColor-placeholder: #484f58;
-$control-fgColor-disabled: #8b949e;
+$control-fgColor-disabled: #6e7681;
 $control-borderColor-rest: #30363d;
 $control-borderColor-emphasis: #666e79;
-$control-borderColor-disabled: #161b22;
+$control-borderColor-disabled: #21262db3;
 $control-borderColor-selected: #f0f6fc;
 $control-borderColor-success: #1f6feb;
 $control-borderColor-danger: #da3633;
@@ -62,7 +72,7 @@ $control-iconColor-rest: #848d97;
 $control-transparent-bgColor-rest: #00000000;
 $control-transparent-bgColor-hover: #b1bac41f;
 $control-transparent-bgColor-active: #b1bac433;
-$control-transparent-bgColor-disabled: #00000000;
+$control-transparent-bgColor-disabled: #21262db3;
 $control-transparent-bgColor-selected: #b1bac414;
 $control-transparent-borderColor-rest: #00000000;
 $control-transparent-borderColor-hover: #00000000;
@@ -74,26 +84,26 @@ $control-danger-bgColor-active: #f8514966;
 $control-checked-bgColor-rest: #1f6feb;
 $control-checked-bgColor-hover: #2a7aef;
 $control-checked-bgColor-active: #3685f3;
-$control-checked-bgColor-disabled: #8b949e;
+$control-checked-bgColor-disabled: #6e7681;
 $control-checked-fgColor-rest: #ffffff;
 $control-checked-fgColor-disabled: #010409;
 $control-checked-borderColor-rest: #1f6feb;
 $control-checked-borderColor-hover: #2a7aef;
 $control-checked-borderColor-active: #3685f3;
-$control-checked-borderColor-disabled: #8b949e;
+$control-checked-borderColor-disabled: #6e7681;
 $controlTrack-bgColor-rest: #21262d;
 $controlTrack-bgColor-hover: #292e36;
 $controlTrack-bgColor-active: #31363e;
-$controlTrack-bgColor-disabled: #8b949e;
+$controlTrack-bgColor-disabled: #6e7681;
 $controlTrack-fgColor-rest: #848d97;
 $controlTrack-fgColor-disabled: #ffffff;
 $controlTrack-borderColor-rest: #00000000;
-$controlTrack-borderColor-disabled: #8b949e;
+$controlTrack-borderColor-disabled: #6e7681;
 $controlKnob-bgColor-rest: #010409;
-$controlKnob-bgColor-disabled: #161b22;
+$controlKnob-bgColor-disabled: #21262db3;
 $controlKnob-bgColor-checked: #ffffff;
 $controlKnob-borderColor-rest: #666e79;
-$controlKnob-borderColor-disabled: #161b22;
+$controlKnob-borderColor-disabled: #21262db3;
 $controlKnob-borderColor-checked: #1f6feb;
 $counter-borderColor: #00000000;
 $button-default-fgColor-rest: #c9d1d9;
@@ -101,14 +111,14 @@ $button-default-bgColor-rest: #21262d;
 $button-default-bgColor-hover: #292e36;
 $button-default-bgColor-active: #31363e;
 $button-default-bgColor-selected: #31363e;
-$button-default-bgColor-disabled: #161b22;
+$button-default-bgColor-disabled: #21262db3;
 $button-default-borderColor-rest: #30363d;
 $button-default-borderColor-hover: #30363d;
 $button-default-borderColor-active: #30363d;
-$button-default-borderColor-disabled: #161b22;
+$button-default-borderColor-disabled: #21262db3;
 $button-default-shadow-resting: 0px 0px 0px 0px #000000;
 $button-primary-fgColor-rest: #ffffff;
-$button-primary-fgColor-disabled: #ffffff80;
+$button-primary-fgColor-disabled: #ffffffcc;
 $button-primary-iconColor-rest: #ffffff;
 $button-primary-bgColor-rest: #1f6feb;
 $button-primary-bgColor-hover: #2a7aef;
@@ -121,17 +131,17 @@ $button-primary-borderColor-disabled: #5fabfe;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #4493f8;
 $button-invisible-fgColor-hover: #58a6ff;
-$button-invisible-fgColor-disabled: #8b949e;
+$button-invisible-fgColor-disabled: #6e7681;
 $button-invisible-iconColor-rest: #848d97;
 $button-invisible-iconColor-hover: #e6edf3;
-$button-invisible-iconColor-disabled: #8b949e;
+$button-invisible-iconColor-disabled: #6e7681;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #b1bac41f;
 $button-invisible-bgColor-active: #b1bac433;
-$button-invisible-bgColor-disabled: #00000000;
+$button-invisible-bgColor-disabled: #21262db3;
 $button-invisible-borderColor-rest: #00000000;
 $button-invisible-borderColor-hover: #00000000;
-$button-invisible-borderColor-disabled: #161b22;
+$button-invisible-borderColor-disabled: #21262db3;
 $button-outline-fgColor-rest: #388bfd;
 $button-outline-fgColor-hover: #58a6ff;
 $button-outline-fgColor-active: #ffffff;
@@ -152,7 +162,7 @@ $button-danger-iconColor-hover: #ffffff;
 $button-danger-bgColor-rest: #21262d;
 $button-danger-bgColor-hover: #b62324;
 $button-danger-bgColor-active: #d03533;
-$button-danger-bgColor-disabled: #161b22;
+$button-danger-bgColor-disabled: #21262db3;
 $button-danger-borderColor-rest: #30363d;
 $button-danger-borderColor-hover: #f0f6fc1a;
 $button-danger-borderColor-active: #f0f6fc1a;
@@ -177,7 +187,7 @@ $buttonCounter-danger-fgColor-disabled: #f8514980;
 $focus-outlineColor: #1f6feb;
 $menu-bgColor-active: #161b22;
 $overlay-bgColor: #161b22;
-$overlay-borderColor: #30363d;
+$overlay-borderColor: #30363db3;
 $overlay-backdrop-bgColor: #161b2266;
 $selectMenu-borderColor: #484f58;
 $selectMenu-bgColor-active: #0c2d6b;
@@ -192,7 +202,7 @@ $selection-bgColor: #4493f833;
 $fgColor-default: #e6edf3;
 $fgColor-muted: #848d97;
 $fgColor-onEmphasis: #ffffff;
-$fgColor-disabled: #8b949e;
+$fgColor-disabled: #6e7681;
 $fgColor-link: #4493f8;
 $fgColor-neutral: #6e7681;
 $fgColor-accent: #4493f8;
@@ -209,7 +219,7 @@ $bgColor-muted: #161b22;
 $bgColor-inset: #010409;
 $bgColor-emphasis: #6e7681;
 $bgColor-inverse: #ffffff;
-$bgColor-disabled: #161b22;
+$bgColor-disabled: #21262db3;
 $bgColor-transparent: #00000000;
 $bgColor-neutral-muted: #6e768166;
 $bgColor-neutral-emphasis: #6e7681;
@@ -234,7 +244,7 @@ $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
 $borderColor-muted: #30363db3;
 $borderColor-emphasis: #484f58;
-$borderColor-disabled: #161b22;
+$borderColor-disabled: #21262db3;
 $borderColor-transparent: #00000000;
 $borderColor-neutral-muted: #6e768166;
 $borderColor-neutral-emphasis: #6e7681;