@primer/primitives 11.0.0 → 11.1.0-rc.27a415da

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

@@ -172,6 +172,7 @@
   --control-transparent-borderColor-active: #00000000;
   --control-transparent-borderColor-hover: #00000000;
   --control-transparent-borderColor-rest: #00000000;
+  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
   --controlTrack-bgColor-active: #3d444d;
   --controlTrack-bgColor-hover: #2f3742;
   --controlTrack-bgColor-rest: #2a313c;
@@ -522,114 +523,133 @@
   --label-auburn-bgColor-active: #543331;
   --label-auburn-bgColor-hover: #3a2422;
   --label-auburn-bgColor-rest: #271817;
+  --label-auburn-borderColor: #00000000;
   --label-auburn-fgColor-active: #d4b7b5;
   --label-auburn-fgColor-hover: #c6a19f;
   --label-auburn-fgColor-rest: #bf9592;
   --label-blue-bgColor-active: #00378a;
   --label-blue-bgColor-hover: #002766;
   --label-blue-bgColor-rest: #001a47;
+  --label-blue-borderColor: #00000000;
   --label-blue-fgColor-active: #85c2ff;
   --label-blue-fgColor-hover: #61adff;
   --label-blue-fgColor-rest: #4da0ff;
   --label-brown-bgColor-active: #483a28;
   --label-brown-bgColor-hover: #342a1d;
   --label-brown-bgColor-rest: #241c14;
+  --label-brown-borderColor: #00000000;
   --label-brown-fgColor-active: #cdbb98;
   --label-brown-fgColor-hover: #bfa77d;
   --label-brown-fgColor-rest: #b69a6d;
   --label-coral-bgColor-active: #72220d;
   --label-coral-bgColor-hover: #51180b;
   --label-coral-bgColor-rest: #351008;
+  --label-coral-borderColor: #00000000;
   --label-coral-fgColor-active: #fdaa86;
   --label-coral-fgColor-hover: #fa8c61;
   --label-coral-fgColor-rest: #f7794b;
   --label-cyan-bgColor-active: #014156;
   --label-cyan-bgColor-hover: #002e3d;
   --label-cyan-bgColor-rest: #001f29;
+  --label-cyan-borderColor: #00000000;
   --label-cyan-fgColor-active: #45cbf7;
   --label-cyan-fgColor-hover: #09b7f1;
   --label-cyan-fgColor-rest: #07ace4;
   --label-gray-bgColor-active: #393d41;
   --label-gray-bgColor-hover: #2a2b2d;
   --label-gray-bgColor-rest: #1c1c1c;
+  --label-gray-borderColor: #00000000;
   --label-gray-fgColor-active: #b3c0d1;
   --label-gray-fgColor-hover: #9babbf;
   --label-gray-fgColor-rest: #92a1b5;
   --label-green-bgColor-active: #214529;
   --label-green-bgColor-hover: #182f1f;
   --label-green-bgColor-rest: #122117;
+  --label-green-borderColor: #00000000;
   --label-green-fgColor-active: #75d36f;
   --label-green-fgColor-hover: #46c144;
   --label-green-fgColor-rest: #41b445;
   --label-indigo-bgColor-active: #312c90;
   --label-indigo-bgColor-hover: #25215f;
   --label-indigo-bgColor-rest: #1b183f;
+  --label-indigo-borderColor: #00000000;
   --label-indigo-fgColor-active: #b7baf6;
   --label-indigo-fgColor-hover: #a2a5f1;
   --label-indigo-fgColor-rest: #9899ec;
   --label-lemon-bgColor-active: #4f3c02;
   --label-lemon-bgColor-hover: #372901;
   --label-lemon-bgColor-rest: #291d00;
+  --label-lemon-borderColor: #00000000;
   --label-lemon-fgColor-active: #d7bc1d;
   --label-lemon-fgColor-hover: #c4a717;
   --label-lemon-fgColor-rest: #ba9b12;
   --label-lime-bgColor-active: #2c441d;
   --label-lime-bgColor-hover: #1f3116;
   --label-lime-bgColor-rest: #141f0f;
+  --label-lime-borderColor: #00000000;
   --label-lime-fgColor-active: #9fcc3e;
   --label-lime-fgColor-hover: #89ba36;
   --label-lime-fgColor-rest: #7dae37;
   --label-olive-bgColor-active: #374115;
   --label-olive-bgColor-hover: #252d10;
   --label-olive-bgColor-rest: #171e0b;
+  --label-olive-borderColor: #00000000;
   --label-olive-fgColor-active: #cbc025;
   --label-olive-fgColor-hover: #b2af24;
   --label-olive-fgColor-rest: #a2a626;
   --label-orange-bgColor-active: #632f0d;
   --label-orange-bgColor-hover: #43200a;
   --label-orange-bgColor-rest: #311708;
+  --label-orange-borderColor: #00000000;
   --label-orange-fgColor-active: #f6b06a;
   --label-orange-fgColor-hover: #f1933b;
   --label-orange-fgColor-rest: #ed8326;
   --label-pine-bgColor-active: #0e4430;
   --label-pine-bgColor-hover: #0b3224;
   --label-pine-bgColor-rest: #082119;
+  --label-pine-borderColor: #00000000;
   --label-pine-fgColor-active: #1bda81;
   --label-pine-fgColor-hover: #1ac176;
   --label-pine-fgColor-rest: #1bb673;
   --label-pink-bgColor-active: #65244a;
   --label-pink-bgColor-hover: #451c35;
   --label-pink-bgColor-rest: #2d1524;
+  --label-pink-borderColor: #00000000;
   --label-pink-fgColor-active: #f4a9cd;
   --label-pink-fgColor-hover: #ec8dbd;
   --label-pink-fgColor-rest: #e57bb2;
   --label-plum-bgColor-active: #5c1688;
   --label-plum-bgColor-hover: #40125e;
   --label-plum-bgColor-rest: #2a0e3f;
+  --label-plum-borderColor: #00000000;
   --label-plum-fgColor-active: #e4a5fd;
   --label-plum-fgColor-hover: #d889fa;
   --label-plum-fgColor-rest: #d07ef7;
   --label-purple-bgColor-active: #481a9e;
   --label-purple-bgColor-hover: #31146b;
   --label-purple-bgColor-rest: #211047;
+  --label-purple-borderColor: #00000000;
   --label-purple-fgColor-active: #d2affd;
   --label-purple-fgColor-hover: #c398fb;
   --label-purple-fgColor-rest: #b687f7;
   --label-red-bgColor-active: #790c20;
   --label-red-bgColor-hover: #58091a;
   --label-red-bgColor-rest: #3c0614;
+  --label-red-borderColor: #00000000;
   --label-red-fgColor-active: #f7adab;
   --label-red-fgColor-hover: #f48b8d;
   --label-red-fgColor-rest: #f27d83;
   --label-teal-bgColor-active: #0a464d;
   --label-teal-bgColor-hover: #073036;
   --label-teal-bgColor-rest: #041f25;
+  --label-teal-borderColor: #00000000;
   --label-teal-fgColor-active: #24d6c4;
   --label-teal-fgColor-hover: #1fbdb2;
   --label-teal-fgColor-rest: #1cb0ab;
   --label-yellow-bgColor-active: #5a3702;
   --label-yellow-bgColor-hover: #3d2401;
   --label-yellow-bgColor-rest: #2e1a00;
+  --label-yellow-borderColor: #00000000;
   --label-yellow-fgColor-active: #edb431;
   --label-yellow-fgColor-hover: #df9e11;
   --label-yellow-fgColor-rest: #d3910d;
@@ -637,6 +657,7 @@
   --overlay-backdrop-bgColor: #262c3666;
   --overlay-bgColor: #2a313c;
   --overlay-borderColor: #3d444db3;
+  --progressBar-track-borderColor: #00000000;
   --reactionButton-selected-bgColor-rest: #4184e433;
   --reactionButton-selected-fgColor-hover: #6cb6ff;
   --selectMenu-bgColor-active: #143d79;
@@ -778,6 +799,15 @@
   --focus-outlineColor: var(--borderColor-accent-emphasis);
   --header-fgColor-default: #cdd9e5b3;
   --page-header-bgColor: var(--bgColor-default);
+  --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
+  --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
+  --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
+  --progressBar-bgColor-done: var(--bgColor-done-emphasis);
+  --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
+  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
+  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
+  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
+  --progressBar-track-bgColor: var(--borderColor-default);
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #316dcab3;
@@ -819,7 +849,6 @@
   --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
   --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
   --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
-  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
   --focus-outline: 2px solid #316dca;
   --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
   --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1000,6 +1029,7 @@
     --control-transparent-borderColor-active: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-rest: #00000000;
+    --controlKnob-borderColor-rest: var(--control-borderColor-rest);
     --controlTrack-bgColor-active: #3d444d;
     --controlTrack-bgColor-hover: #2f3742;
     --controlTrack-bgColor-rest: #2a313c;
@@ -1350,114 +1380,133 @@
     --label-auburn-bgColor-active: #543331;
     --label-auburn-bgColor-hover: #3a2422;
     --label-auburn-bgColor-rest: #271817;
+    --label-auburn-borderColor: #00000000;
     --label-auburn-fgColor-active: #d4b7b5;
     --label-auburn-fgColor-hover: #c6a19f;
     --label-auburn-fgColor-rest: #bf9592;
     --label-blue-bgColor-active: #00378a;
     --label-blue-bgColor-hover: #002766;
     --label-blue-bgColor-rest: #001a47;
+    --label-blue-borderColor: #00000000;
     --label-blue-fgColor-active: #85c2ff;
     --label-blue-fgColor-hover: #61adff;
     --label-blue-fgColor-rest: #4da0ff;
     --label-brown-bgColor-active: #483a28;
     --label-brown-bgColor-hover: #342a1d;
     --label-brown-bgColor-rest: #241c14;
+    --label-brown-borderColor: #00000000;
     --label-brown-fgColor-active: #cdbb98;
     --label-brown-fgColor-hover: #bfa77d;
     --label-brown-fgColor-rest: #b69a6d;
     --label-coral-bgColor-active: #72220d;
     --label-coral-bgColor-hover: #51180b;
     --label-coral-bgColor-rest: #351008;
+    --label-coral-borderColor: #00000000;
     --label-coral-fgColor-active: #fdaa86;
     --label-coral-fgColor-hover: #fa8c61;
     --label-coral-fgColor-rest: #f7794b;
     --label-cyan-bgColor-active: #014156;
     --label-cyan-bgColor-hover: #002e3d;
     --label-cyan-bgColor-rest: #001f29;
+    --label-cyan-borderColor: #00000000;
     --label-cyan-fgColor-active: #45cbf7;
     --label-cyan-fgColor-hover: #09b7f1;
     --label-cyan-fgColor-rest: #07ace4;
     --label-gray-bgColor-active: #393d41;
     --label-gray-bgColor-hover: #2a2b2d;
     --label-gray-bgColor-rest: #1c1c1c;
+    --label-gray-borderColor: #00000000;
     --label-gray-fgColor-active: #b3c0d1;
     --label-gray-fgColor-hover: #9babbf;
     --label-gray-fgColor-rest: #92a1b5;
     --label-green-bgColor-active: #214529;
     --label-green-bgColor-hover: #182f1f;
     --label-green-bgColor-rest: #122117;
+    --label-green-borderColor: #00000000;
     --label-green-fgColor-active: #75d36f;
     --label-green-fgColor-hover: #46c144;
     --label-green-fgColor-rest: #41b445;
     --label-indigo-bgColor-active: #312c90;
     --label-indigo-bgColor-hover: #25215f;
     --label-indigo-bgColor-rest: #1b183f;
+    --label-indigo-borderColor: #00000000;
     --label-indigo-fgColor-active: #b7baf6;
     --label-indigo-fgColor-hover: #a2a5f1;
     --label-indigo-fgColor-rest: #9899ec;
     --label-lemon-bgColor-active: #4f3c02;
     --label-lemon-bgColor-hover: #372901;
     --label-lemon-bgColor-rest: #291d00;
+    --label-lemon-borderColor: #00000000;
     --label-lemon-fgColor-active: #d7bc1d;
     --label-lemon-fgColor-hover: #c4a717;
     --label-lemon-fgColor-rest: #ba9b12;
     --label-lime-bgColor-active: #2c441d;
     --label-lime-bgColor-hover: #1f3116;
     --label-lime-bgColor-rest: #141f0f;
+    --label-lime-borderColor: #00000000;
     --label-lime-fgColor-active: #9fcc3e;
     --label-lime-fgColor-hover: #89ba36;
     --label-lime-fgColor-rest: #7dae37;
     --label-olive-bgColor-active: #374115;
     --label-olive-bgColor-hover: #252d10;
     --label-olive-bgColor-rest: #171e0b;
+    --label-olive-borderColor: #00000000;
     --label-olive-fgColor-active: #cbc025;
     --label-olive-fgColor-hover: #b2af24;
     --label-olive-fgColor-rest: #a2a626;
     --label-orange-bgColor-active: #632f0d;
     --label-orange-bgColor-hover: #43200a;
     --label-orange-bgColor-rest: #311708;
+    --label-orange-borderColor: #00000000;
     --label-orange-fgColor-active: #f6b06a;
     --label-orange-fgColor-hover: #f1933b;
     --label-orange-fgColor-rest: #ed8326;
     --label-pine-bgColor-active: #0e4430;
     --label-pine-bgColor-hover: #0b3224;
     --label-pine-bgColor-rest: #082119;
+    --label-pine-borderColor: #00000000;
     --label-pine-fgColor-active: #1bda81;
     --label-pine-fgColor-hover: #1ac176;
     --label-pine-fgColor-rest: #1bb673;
     --label-pink-bgColor-active: #65244a;
     --label-pink-bgColor-hover: #451c35;
     --label-pink-bgColor-rest: #2d1524;
+    --label-pink-borderColor: #00000000;
     --label-pink-fgColor-active: #f4a9cd;
     --label-pink-fgColor-hover: #ec8dbd;
     --label-pink-fgColor-rest: #e57bb2;
     --label-plum-bgColor-active: #5c1688;
     --label-plum-bgColor-hover: #40125e;
     --label-plum-bgColor-rest: #2a0e3f;
+    --label-plum-borderColor: #00000000;
     --label-plum-fgColor-active: #e4a5fd;
     --label-plum-fgColor-hover: #d889fa;
     --label-plum-fgColor-rest: #d07ef7;
     --label-purple-bgColor-active: #481a9e;
     --label-purple-bgColor-hover: #31146b;
     --label-purple-bgColor-rest: #211047;
+    --label-purple-borderColor: #00000000;
     --label-purple-fgColor-active: #d2affd;
     --label-purple-fgColor-hover: #c398fb;
     --label-purple-fgColor-rest: #b687f7;
     --label-red-bgColor-active: #790c20;
     --label-red-bgColor-hover: #58091a;
     --label-red-bgColor-rest: #3c0614;
+    --label-red-borderColor: #00000000;
     --label-red-fgColor-active: #f7adab;
     --label-red-fgColor-hover: #f48b8d;
     --label-red-fgColor-rest: #f27d83;
     --label-teal-bgColor-active: #0a464d;
     --label-teal-bgColor-hover: #073036;
     --label-teal-bgColor-rest: #041f25;
+    --label-teal-borderColor: #00000000;
     --label-teal-fgColor-active: #24d6c4;
     --label-teal-fgColor-hover: #1fbdb2;
     --label-teal-fgColor-rest: #1cb0ab;
     --label-yellow-bgColor-active: #5a3702;
     --label-yellow-bgColor-hover: #3d2401;
     --label-yellow-bgColor-rest: #2e1a00;
+    --label-yellow-borderColor: #00000000;
     --label-yellow-fgColor-active: #edb431;
     --label-yellow-fgColor-hover: #df9e11;
     --label-yellow-fgColor-rest: #d3910d;
@@ -1465,6 +1514,7 @@
     --overlay-backdrop-bgColor: #262c3666;
     --overlay-bgColor: #2a313c;
     --overlay-borderColor: #3d444db3;
+    --progressBar-track-borderColor: #00000000;
     --reactionButton-selected-bgColor-rest: #4184e433;
     --reactionButton-selected-fgColor-hover: #6cb6ff;
     --selectMenu-bgColor-active: #143d79;
@@ -1606,6 +1656,15 @@
     --focus-outlineColor: var(--borderColor-accent-emphasis);
     --header-fgColor-default: #cdd9e5b3;
     --page-header-bgColor: var(--bgColor-default);
+    --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
+    --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
+    --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
+    --progressBar-bgColor-done: var(--bgColor-done-emphasis);
+    --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
+    --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
+    --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
+    --progressBar-bgColor-success: var(--bgColor-success-emphasis);
+    --progressBar-track-bgColor: var(--borderColor-default);
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #316dcab3;
@@ -1647,7 +1706,6 @@
     --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
     --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
     --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
-    --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
     --focus-outline: 2px solid #316dca;
     --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
     --button-outline-borderColor-active: var(--button-outline-borderColor-hover);

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

@@ -620,6 +620,7 @@
   --label-yellow-fgColor-rest: #d3910d;
   --menu-bgColor-active: #151b23;
   --overlay-backdrop-bgColor: #d1d7e066;
+  --progressBar-bgColor-neutral: #656c76;
   --reactionButton-selected-bgColor-rest: #5cacff33;
   --reactionButton-selected-fgColor-hover: #91cbff;
   --selectMenu-bgColor-active: #1e60d5;
@@ -743,8 +744,34 @@
   --fgColor-white: #ffffff;
   --focus-outlineColor: var(--borderColor-accent-emphasis);
   --header-fgColor-default: #ffffffb3;
+  --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
+  --label-blue-borderColor: var(--label-blue-fgColor-rest);
+  --label-brown-borderColor: var(--label-brown-fgColor-rest);
+  --label-coral-borderColor: var(--label-coral-fgColor-rest);
+  --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
+  --label-gray-borderColor: var(--label-gray-fgColor-rest);
+  --label-green-borderColor: var(--label-green-fgColor-rest);
+  --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
+  --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
+  --label-lime-borderColor: var(--label-lime-fgColor-rest);
+  --label-olive-borderColor: var(--label-olive-fgColor-rest);
+  --label-orange-borderColor: var(--label-orange-fgColor-rest);
+  --label-pine-borderColor: var(--label-pine-fgColor-rest);
+  --label-pink-borderColor: var(--label-pink-fgColor-rest);
+  --label-plum-borderColor: var(--label-plum-fgColor-rest);
+  --label-purple-borderColor: var(--label-purple-fgColor-rest);
+  --label-red-borderColor: var(--label-red-fgColor-rest);
+  --label-teal-borderColor: var(--label-teal-fgColor-rest);
+  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
   --overlay-bgColor: #010409;
   --overlay-borderColor: var(--borderColor-default);
+  --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
+  --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
+  --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
+  --progressBar-bgColor-done: var(--bgColor-done-emphasis);
+  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
+  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
+  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #194fb1b3;
@@ -808,6 +835,7 @@
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
   --focus-outline: 2px solid #409eff;
   --page-header-bgColor: var(--bgColor-default);
+  --progressBar-track-bgColor: var(--bgColor-inverse);
   --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
   --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
   --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -823,6 +851,7 @@
   --button-invisible-fgColor-hover: var(--control-fgColor-rest);
   --button-invisible-fgColor-rest: var(--control-fgColor-rest);
   --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
+  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
   --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
   --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
   --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1448,6 +1477,7 @@
     --label-yellow-fgColor-rest: #d3910d;
     --menu-bgColor-active: #151b23;
     --overlay-backdrop-bgColor: #d1d7e066;
+    --progressBar-bgColor-neutral: #656c76;
     --reactionButton-selected-bgColor-rest: #5cacff33;
     --reactionButton-selected-fgColor-hover: #91cbff;
     --selectMenu-bgColor-active: #1e60d5;
@@ -1571,8 +1601,34 @@
     --fgColor-white: #ffffff;
     --focus-outlineColor: var(--borderColor-accent-emphasis);
     --header-fgColor-default: #ffffffb3;
+    --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
+    --label-blue-borderColor: var(--label-blue-fgColor-rest);
+    --label-brown-borderColor: var(--label-brown-fgColor-rest);
+    --label-coral-borderColor: var(--label-coral-fgColor-rest);
+    --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
+    --label-gray-borderColor: var(--label-gray-fgColor-rest);
+    --label-green-borderColor: var(--label-green-fgColor-rest);
+    --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
+    --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
+    --label-lime-borderColor: var(--label-lime-fgColor-rest);
+    --label-olive-borderColor: var(--label-olive-fgColor-rest);
+    --label-orange-borderColor: var(--label-orange-fgColor-rest);
+    --label-pine-borderColor: var(--label-pine-fgColor-rest);
+    --label-pink-borderColor: var(--label-pink-fgColor-rest);
+    --label-plum-borderColor: var(--label-plum-fgColor-rest);
+    --label-purple-borderColor: var(--label-purple-fgColor-rest);
+    --label-red-borderColor: var(--label-red-fgColor-rest);
+    --label-teal-borderColor: var(--label-teal-fgColor-rest);
+    --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
     --overlay-bgColor: #010409;
     --overlay-borderColor: var(--borderColor-default);
+    --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
+    --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
+    --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
+    --progressBar-bgColor-done: var(--bgColor-done-emphasis);
+    --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
+    --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
+    --progressBar-bgColor-success: var(--bgColor-success-emphasis);
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #194fb1b3;
@@ -1636,6 +1692,7 @@
     --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
     --focus-outline: 2px solid #409eff;
     --page-header-bgColor: var(--bgColor-default);
+    --progressBar-track-bgColor: var(--bgColor-inverse);
     --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
     --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
     --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1651,6 +1708,7 @@
     --button-invisible-fgColor-hover: var(--control-fgColor-rest);
     --button-invisible-fgColor-rest: var(--control-fgColor-rest);
     --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
+    --progressBar-track-borderColor: var(--progressBar-track-bgColor);
     --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
     --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
     --button-outline-borderColor-active: var(--button-outline-borderColor-hover);

package/dist/css/functional/themes/dark-tritanopia-high-contrast.css

@@ -626,6 +626,7 @@
   --label-yellow-fgColor-rest: #d3910d;
   --menu-bgColor-active: #151b23;
   --overlay-backdrop-bgColor: #d1d7e066;
+  --progressBar-bgColor-neutral: #656c76;
   --reactionButton-selected-bgColor-rest: #5cacff33;
   --reactionButton-selected-fgColor-hover: #91cbff;
   --selectMenu-bgColor-active: #1e60d5;
@@ -742,8 +743,34 @@
   --fgColor-white: #ffffff;
   --focus-outlineColor: var(--borderColor-accent-emphasis);
   --header-fgColor-default: #ffffffb3;
+  --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
+  --label-blue-borderColor: var(--label-blue-fgColor-rest);
+  --label-brown-borderColor: var(--label-brown-fgColor-rest);
+  --label-coral-borderColor: var(--label-coral-fgColor-rest);
+  --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
+  --label-gray-borderColor: var(--label-gray-fgColor-rest);
+  --label-green-borderColor: var(--label-green-fgColor-rest);
+  --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
+  --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
+  --label-lime-borderColor: var(--label-lime-fgColor-rest);
+  --label-olive-borderColor: var(--label-olive-fgColor-rest);
+  --label-orange-borderColor: var(--label-orange-fgColor-rest);
+  --label-pine-borderColor: var(--label-pine-fgColor-rest);
+  --label-pink-borderColor: var(--label-pink-fgColor-rest);
+  --label-plum-borderColor: var(--label-plum-fgColor-rest);
+  --label-purple-borderColor: var(--label-purple-fgColor-rest);
+  --label-red-borderColor: var(--label-red-fgColor-rest);
+  --label-teal-borderColor: var(--label-teal-fgColor-rest);
+  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
   --overlay-bgColor: #010409;
   --overlay-borderColor: var(--borderColor-default);
+  --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
+  --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
+  --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
+  --progressBar-bgColor-done: var(--bgColor-done-emphasis);
+  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
+  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
+  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
   --reactionButton-selected-fgColor-rest: var(--fgColor-link);
   --selectMenu-borderColor: var(--borderColor-default);
   --selection-bgColor: #194fb1b3;
@@ -808,6 +835,7 @@
   --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
   --focus-outline: 2px solid #409eff;
   --page-header-bgColor: var(--bgColor-default);
+  --progressBar-track-bgColor: var(--bgColor-inverse);
   --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
   --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
   --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -823,6 +851,7 @@
   --button-invisible-fgColor-hover: var(--control-fgColor-rest);
   --button-invisible-fgColor-rest: var(--control-fgColor-rest);
   --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
+  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
   --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
   --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
   --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1454,6 +1483,7 @@
     --label-yellow-fgColor-rest: #d3910d;
     --menu-bgColor-active: #151b23;
     --overlay-backdrop-bgColor: #d1d7e066;
+    --progressBar-bgColor-neutral: #656c76;
     --reactionButton-selected-bgColor-rest: #5cacff33;
     --reactionButton-selected-fgColor-hover: #91cbff;
     --selectMenu-bgColor-active: #1e60d5;
@@ -1570,8 +1600,34 @@
     --fgColor-white: #ffffff;
     --focus-outlineColor: var(--borderColor-accent-emphasis);
     --header-fgColor-default: #ffffffb3;
+    --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
+    --label-blue-borderColor: var(--label-blue-fgColor-rest);
+    --label-brown-borderColor: var(--label-brown-fgColor-rest);
+    --label-coral-borderColor: var(--label-coral-fgColor-rest);
+    --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
+    --label-gray-borderColor: var(--label-gray-fgColor-rest);
+    --label-green-borderColor: var(--label-green-fgColor-rest);
+    --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
+    --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
+    --label-lime-borderColor: var(--label-lime-fgColor-rest);
+    --label-olive-borderColor: var(--label-olive-fgColor-rest);
+    --label-orange-borderColor: var(--label-orange-fgColor-rest);
+    --label-pine-borderColor: var(--label-pine-fgColor-rest);
+    --label-pink-borderColor: var(--label-pink-fgColor-rest);
+    --label-plum-borderColor: var(--label-plum-fgColor-rest);
+    --label-purple-borderColor: var(--label-purple-fgColor-rest);
+    --label-red-borderColor: var(--label-red-fgColor-rest);
+    --label-teal-borderColor: var(--label-teal-fgColor-rest);
+    --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
     --overlay-bgColor: #010409;
     --overlay-borderColor: var(--borderColor-default);
+    --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
+    --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
+    --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
+    --progressBar-bgColor-done: var(--bgColor-done-emphasis);
+    --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
+    --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
+    --progressBar-bgColor-success: var(--bgColor-success-emphasis);
     --reactionButton-selected-fgColor-rest: var(--fgColor-link);
     --selectMenu-borderColor: var(--borderColor-default);
     --selection-bgColor: #194fb1b3;
@@ -1636,6 +1692,7 @@
     --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
     --focus-outline: 2px solid #409eff;
     --page-header-bgColor: var(--bgColor-default);
+    --progressBar-track-bgColor: var(--bgColor-inverse);
     --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
     --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
     --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1651,6 +1708,7 @@
     --button-invisible-fgColor-hover: var(--control-fgColor-rest);
     --button-invisible-fgColor-rest: var(--control-fgColor-rest);
     --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
+    --progressBar-track-borderColor: var(--progressBar-track-bgColor);
     --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
     --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
     --button-outline-borderColor-active: var(--button-outline-borderColor-hover);