Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fixes for HC-dark #793

Merged
merged 7 commits into from
Dec 21, 2023
Merged

Fixes for HC-dark #793

merged 7 commits into from
Dec 21, 2023

Conversation

lukasoppermann
Copy link
Contributor

Summary

Currently all scales in Dark High Contrast have a bug where two colors are identical. This PR fixes that.

CleanShot 2023-12-21 at 10 43 19@2x

@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Dec 21, 2023 •
edited
Loading

🦋 Changeset detected

Latest commit: ca2dae2

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

@lukasoppermann lukasoppermann self-assigned this Dec 21, 2023
@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 21, 2023 •
edited
Loading

Variables changed 
No variables changed

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 21, 2023 •
edited
Loading

Design Token Diff

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

 
+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-high-contrast.css	2023-12-21 11:39:11.618305586 +0000
@@ -7,15 +7,15 @@
 --page-header-bgColor: #0a0c10;
 --diffBlob-addition-fgColor-text: #0a0c10;
 --diffBlob-addition-fgColor-num: #fbfcfd;
-  --diffBlob-addition-bgColor-num: #26cd4d4d;
-  --diffBlob-addition-bgColor-line: #09b43a26;
-  --diffBlob-addition-bgColor-word: #09b43a;
+  --diffBlob-addition-bgColor-num: #28d7514d;
+  --diffBlob-addition-bgColor-line: #0ac74026;
+  --diffBlob-addition-bgColor-word: #0ac740;
 --diffBlob-deletion-fgColor-text: #0a0c10;
 --diffBlob-deletion-fgColor-num: #fbfcfd;
-  --diffBlob-deletion-bgColor-num: #ff6a694d;
-  --diffBlob-deletion-bgColor-line: #ff6a6926;
+  --diffBlob-deletion-bgColor-num: #ff80804d;
+  --diffBlob-deletion-bgColor-line: #ff808026;
 --diffBlob-deletion-bgColor-word: #ff6a69;
-  --diffBlob-hunk-bgColor-num: #409eff66;
+  --diffBlob-hunk-bgColor-num: #5cacff66;
 --diffBlob-expander-iconColor: #fbfcfd;
 --codeMirror-fgColor: #fbfcfd;
 --codeMirror-bgColor: #0a0c10;
@@ -24,7 +24,7 @@
 --codeMirror-gutterMarker-fgColor-muted: #f0f3f6;
 --codeMirror-lineNumber-fgColor: #f0f3f6;
 --codeMirror-cursor-fgColor: #fbfcfd;
-  --codeMirror-selection-bgColor: #409eff66;
+  --codeMirror-selection-bgColor: #5cacff66;
 --codeMirror-activeline-bgColor: #9ea7b366;
 --codeMirror-matchingBracket-fgColor: #fbfcfd;
 --codeMirror-lines-bgColor: #0a0c10;
@@ -46,10 +46,10 @@
 --avatar-borderColor: #ffffffe6;
 --avatar-shadow: 0px 0px 0px 2px #0a0c10;
 --avatarStack-fade-bgColor-default: #525964;
-  --avatarStack-fade-bgColor-muted: #272b33;
-  --control-bgColor-rest: #272b33;
-  --control-bgColor-hover: #383c45;
-  --control-bgColor-active: #484e57;
+  --avatarStack-fade-bgColor-muted: #3d424d;
+  --control-bgColor-rest: #3d424d;
+  --control-bgColor-hover: #494f5a;
+  --control-bgColor-active: #555c67;
 --control-bgColor-disabled: #272b33;
 --control-bgColor-selected: #525964;
 --control-fgColor-rest: #f0f3f6;
@@ -71,7 +71,7 @@
 --control-transparent-borderColor-rest: #00000000;
 --control-transparent-borderColor-hover: #7a828e;
 --control-transparent-borderColor-active: #9ea7b3;
-  --control-danger-fgColor-rest: #ff6a69;
+  --control-danger-fgColor-rest: #ff8080;
 --control-danger-fgColor-hover: #0a0c10;
 --control-danger-bgColor-hover: #ff6a69;
 --control-danger-bgColor-active: #f65052;
@@ -85,9 +85,9 @@
 --control-checked-borderColor-hover: #4aa3ff;
 --control-checked-borderColor-active: #54a8ff;
 --control-checked-borderColor-disabled: #bdc4cc;
-  --controlTrack-bgColor-rest: #272b33;
-  --controlTrack-bgColor-hover: #383c45;
-  --controlTrack-bgColor-active: #484e57;
+  --controlTrack-bgColor-rest: #3d424d;
+  --controlTrack-bgColor-hover: #494f5a;
+  --controlTrack-bgColor-active: #555c67;
 --controlTrack-bgColor-disabled: #bdc4cc;
 --controlTrack-fgColor-rest: #fbfcfd;
 --controlTrack-fgColor-disabled: #0a0c10;
@@ -101,10 +101,10 @@
 --controlKnob-borderColor-checked: #409eff;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #f0f3f6;
-  --button-default-bgColor-rest: #272b33;
-  --button-default-bgColor-hover: #383c45;
-  --button-default-bgColor-active: #484e57;
-  --button-default-bgColor-selected: #484e57;
+  --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-borderColor-rest: #7a828e;
 --button-default-borderColor-hover: #7a828e;
@@ -115,15 +115,15 @@
 --button-primary-fgColor-disabled: #0a0c1080;
 --button-primary-iconColor-rest: #0a0c10;
 --button-primary-bgColor-rest: #09b43a;
-  --button-primary-bgColor-hover: #0fb93e;
-  --button-primary-bgColor-active: #15be42;
+  --button-primary-bgColor-hover: #0fbb3f;
+  --button-primary-bgColor-active: #15c243;
 --button-primary-bgColor-disabled: #6bdc84;
 --button-primary-borderColor-rest: #4ae168;
 --button-primary-borderColor-hover: #4ae168;
 --button-primary-borderColor-active: #4ae168;
 --button-primary-borderColor-disabled: #4ae16866;
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-invisible-fgColor-rest: #409eff;
+  --button-invisible-fgColor-rest: #52a7ff;
 --button-invisible-fgColor-hover: #1e60d5;
 --button-invisible-fgColor-disabled: #bdc4cc;
 --button-invisible-iconColor-rest: #f0f3f6;
@@ -136,10 +136,10 @@
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #7a828e;
 --button-invisible-borderColor-disabled: #272b33;
-  --button-outline-fgColor-rest: #409eff;
+  --button-outline-fgColor-rest: #5cacff;
 --button-outline-fgColor-hover: #71b7ff;
 --button-outline-fgColor-active: #ffffff;
-  --button-outline-fgColor-disabled: #409eff80;
+  --button-outline-fgColor-disabled: #52a7ff80;
 --button-outline-bgColor-rest: #ffffff;
 --button-outline-bgColor-hover: #525964;
 --button-outline-bgColor-active: #2672f3;
@@ -147,46 +147,46 @@
 --button-outline-borderColor-hover: #ffffff1a;
 --button-outline-borderColor-selected: #ffffff1a;
 --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-danger-fgColor-rest: #ff6a69;
+  --button-danger-fgColor-rest: #ff8080;
 --button-danger-fgColor-hover: #ffffff;
 --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #ff6a6980;
-  --button-danger-iconColor-rest: #ff6a69;
+  --button-danger-fgColor-disabled: #ff808080;
+  --button-danger-iconColor-rest: #ff8080;
 --button-danger-iconColor-hover: #ffffff;
-  --button-danger-bgColor-rest: #272b33;
+  --button-danger-bgColor-rest: #3d424d;
 --button-danger-bgColor-hover: #ff4445;
-  --button-danger-bgColor-active: #ff5353;
+  --button-danger-bgColor-active: #ff5c5d;
 --button-danger-bgColor-disabled: #272b33;
 --button-danger-borderColor-rest: #7a828e;
 --button-danger-borderColor-hover: #ffffff1a;
 --button-danger-borderColor-active: #ffffff1a;
 --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
 --button-inactive-fgColor-rest: #bdc4cc;
-  --button-inactive-bgColor-rest: #272b33;
+  --button-inactive-bgColor-rest: #3d424d;
 --buttonCounter-default-bgColor-rest: #525964;
 --buttonCounter-invisible-bgColor-rest: #525964;
 --buttonCounter-primary-bgColor-rest: #01040926;
 --buttonCounter-outline-bgColor-rest: #194fb133;
 --buttonCounter-outline-bgColor-hover: #194fb133;
 --buttonCounter-outline-bgColor-disabled: #409eff0d;
-  --buttonCounter-outline-fgColor-rest: #409eff;
+  --buttonCounter-outline-fgColor-rest: #5cacff;
 --buttonCounter-outline-fgColor-hover: #71b7ff;
-  --buttonCounter-outline-fgColor-disabled: #409eff80;
+  --buttonCounter-outline-fgColor-disabled: #52a7ff80;
 --buttonCounter-danger-bgColor-hover: #01040926;
 --buttonCounter-danger-bgColor-disabled: #ff6a690d;
 --buttonCounter-danger-bgColor-rest: #01040926;
-  --buttonCounter-danger-fgColor-rest: #ff6a69;
+  --buttonCounter-danger-fgColor-rest: #ff8080;
 --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-disabled: #ff6a6980;
+  --buttonCounter-danger-fgColor-disabled: #ff808080;
 --focus-outlineColor: #409eff;
 --menu-bgColor-active: #272b33;
 --overlay-bgColor: #272b33;
 --overlay-backdrop-bgColor: #272b3366;
 --selectMenu-borderColor: #7a828e;
 --selectMenu-bgColor-active: #1e60d5;
-  --sideNav-bgColor-selected: #272b33;
+  --sideNav-bgColor-selected: #3d424d;
 --skeletonLoader-bgColor: #272b33;
-  --timelineBadge-bgColor: #272b33;
+  --timelineBadge-bgColor: #3d424d;
 --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
 --underlineNav-borderColor-active: #ff967d;
 --underlineNav-borderColor-hover: #bdc4cc;
@@ -196,27 +196,27 @@
 --fgColor-onEmphasis: #0a0c10;
 --fgColor-onInverse: #0a0c10;
 --fgColor-disabled: #bdc4cc;
-  --fgColor-link: #409eff;
+  --fgColor-link: #52a7ff;
 --fgColor-link-onInverse: #1e60d5;
 --fgColor-neutral: #9ea7b3;
 --fgColor-neutral-onInverse: #272b33;
-  --fgColor-accent: #409eff;
+  --fgColor-accent: #52a7ff;
 --fgColor-accent-onInverse: #1e60d5;
-  --fgColor-success: #26cd4d;
+  --fgColor-success: #28d751;
 --fgColor-success-onInverse: #007728;
 --fgColor-attention: #f0b72f;
 --fgColor-attention-onInverse: #945d02;
-  --fgColor-severe: #e7811d;
+  --fgColor-severe: #f48b25;
 --fgColor-severe-onInverse: #a74c00;
-  --fgColor-danger: #ff6a69;
-  --fgColor-danger-onInverse: #b1061a;
-  --fgColor-open: #26cd4d;
+  --fgColor-danger: #ff8080;
+  --fgColor-danger-onInverse: #b1071b;
+  --fgColor-open: #28d751;
 --fgColor-open-onInverse: #007728;
-  --fgColor-closed: #ff6a69;
-  --fgColor-closed-onInverse: #b1061a;
-  --fgColor-done: #b780ff;
+  --fgColor-closed: #ff8080;
+  --fgColor-closed-onInverse: #b1071b;
+  --fgColor-done: #bf8fff;
 --fgColor-done-onInverse: #6921d7;
-  --fgColor-sponsors: #ef6eb1;
+  --fgColor-sponsors: #f87cbd;
 --fgColor-sponsors-onInverse: #9c1d6a;
 --bgColor-default: #0a0c10;
 --bgColor-muted: #272b33;
@@ -227,23 +227,23 @@
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #9ea7b366;
 --bgColor-neutral-emphasis: #9ea7b3;
-  --bgColor-accent-muted: #409eff1a;
+  --bgColor-accent-muted: #5cacff1a;
 --bgColor-accent-emphasis: #409eff;
-  --bgColor-success-muted: #09b43a26;
+  --bgColor-success-muted: #0ac74026;
 --bgColor-success-emphasis: #09b43a;
-  --bgColor-attention-muted: #e09b1326;
+  --bgColor-attention-muted: #edaa2726;
 --bgColor-attention-emphasis: #e09b13;
-  --bgColor-severe-muted: #e7811d1a;
+  --bgColor-severe-muted: #f48b251a;
 --bgColor-severe-emphasis: #e7811d;
-  --bgColor-danger-muted: #ff6a691a;
+  --bgColor-danger-muted: #ff80801a;
 --bgColor-danger-emphasis: #ff6a69;
-  --bgColor-open-muted: #09b43a1a;
+  --bgColor-open-muted: #0ac7401a;
 --bgColor-open-emphasis: #09b43a;
-  --bgColor-closed-muted: #ff6a6926;
+  --bgColor-closed-muted: #ff808026;
 --bgColor-closed-emphasis: #ff6a69;
-  --bgColor-done-muted: #b780ff26;
+  --bgColor-done-muted: #bf8fff26;
 --bgColor-done-emphasis: #b87fff;
-  --bgColor-sponsors-muted: #ef6eb11a;
+  --bgColor-sponsors-muted: #f87cbd1a;
 --bgColor-sponsors-emphasis: #ef6eb1;
 --borderColor-default: #7a828e;
 --borderColor-muted: #7a828e;
@@ -252,23 +252,23 @@
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #9ea7b3;
 --borderColor-neutral-emphasis: #9ea7b3;
-  --borderColor-accent-muted: #409eff;
+  --borderColor-accent-muted: #5cacff;
 --borderColor-accent-emphasis: #409eff;
-  --borderColor-success-muted: #09b43a;
+  --borderColor-success-muted: #0ac740;
 --borderColor-success-emphasis: #09b43a;
-  --borderColor-attention-muted: #e09b13;
+  --borderColor-attention-muted: #edaa27;
 --borderColor-attention-emphasis: #e09b13;
-  --borderColor-severe-muted: #e7811d;
+  --borderColor-severe-muted: #f48b25;
 --borderColor-severe-emphasis: #e7811d;
-  --borderColor-danger-muted: #ff6a69;
+  --borderColor-danger-muted: #ff8080;
 --borderColor-danger-emphasis: #ff6a69;
-  --borderColor-open-muted: #09b43a;
+  --borderColor-open-muted: #0ac740;
 --borderColor-open-emphasis: #09b43a;
-  --borderColor-closed-muted: #ff6a6966;
+  --borderColor-closed-muted: #ff808066;
 --borderColor-closed-emphasis: #ff6a69;
-  --borderColor-done-muted: #b780ff;
+  --borderColor-done-muted: #bf8fff;
 --borderColor-done-emphasis: #b87fff;
-  --borderColor-sponsors-muted: #ef6eb1;
+  --borderColor-sponsors-muted: #f87cbd;
 --borderColor-sponsors-emphasis: #ef6eb1;
 --color-ansi-black: #7a828e;
 --color-ansi-black-bright: #9ea7b3;
@@ -277,7 +277,7 @@
 --color-ansi-gray: #9ea7b3;
 --color-ansi-red: #ff9492;
 --color-ansi-red-bright: #ffb1af;
-  --color-ansi-green: #26cd4d;
+  --color-ansi-green: #28d751;
 --color-ansi-green-bright: #4ae168;
 --color-ansi-yellow: #f0b72f;
 --color-ansi-yellow-bright: #f7c843;
@@ -296,7 +296,7 @@
 --color-prettylights-syntax-keyword: #ff9492;
 --color-prettylights-syntax-string: #addcff;
 --color-prettylights-syntax-variable: #ffb757;
-  --color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
+  --color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
 --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
 --color-prettylights-syntax-invalid-illegal-text: #ffffff;
 --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
@@ -327,14 +327,14 @@
 --color-scale-gray-4: #9ea7b3;
 --color-scale-gray-5: #7a828e;
 --color-scale-gray-6: #525964;
-  --color-scale-gray-7: #272b33;
+  --color-scale-gray-7: #3d424d;
 --color-scale-gray-8: #272b33;
 --color-scale-gray-9: #0a0c10;
 --color-scale-blue-0: #caeaff;
 --color-scale-blue-1: #addcff;
 --color-scale-blue-2: #91cbff;
 --color-scale-blue-3: #71b7ff;
-  --color-scale-blue-4: #409eff;
+  --color-scale-blue-4: #5cacff;
 --color-scale-blue-5: #409eff;
 --color-scale-blue-6: #318bf8;
 --color-scale-blue-7: #2672f3;
@@ -343,8 +343,8 @@
 --color-scale-green-0: #acf7b6;
 --color-scale-green-1: #72f088;
 --color-scale-green-2: #4ae168;
-  --color-scale-green-3: #26cd4d;
-  --color-scale-green-4: #09b43a;
+  --color-scale-green-3: #28d751;
+  --color-scale-green-4: #0ac740;
 --color-scale-green-5: #09b43a;
 --color-scale-green-6: #02a232;
 --color-scale-green-7: #008c2c;
@@ -354,7 +354,7 @@
 --color-scale-yellow-1: #fbd669;
 --color-scale-yellow-2: #f7c843;
 --color-scale-yellow-3: #f0b72f;
-  --color-scale-yellow-4: #e09b13;
+  --color-scale-yellow-4: #edaa27;
 --color-scale-yellow-5: #e09b13;
 --color-scale-yellow-6: #c88508;
 --color-scale-yellow-7: #ae7104;
@@ -364,7 +364,7 @@
 --color-scale-orange-1: #ffcf86;
 --color-scale-orange-2: #ffb757;
 --color-scale-orange-3: #fe9a2d;
-  --color-scale-orange-4: #e7811d;
+  --color-scale-orange-4: #f48b25;
 --color-scale-orange-5: #e7811d;
 --color-scale-orange-6: #d57014;
 --color-scale-orange-7: #bf5e0a;
@@ -374,7 +374,7 @@
 --color-scale-red-1: #ffc9c7;
 --color-scale-red-2: #ffb1af;
 --color-scale-red-3: #ff9492;
-  --color-scale-red-4: #ff6a69;
+  --color-scale-red-4: #ff8080;
 --color-scale-red-5: #ff6a69;
 --color-scale-red-6: #ff4445;
 --color-scale-red-7: #e82a2f;
@@ -384,7 +384,7 @@
 --color-scale-purple-1: #e6ccff;
 --color-scale-purple-2: #dbb7ff;
 --color-scale-purple-3: #cb9eff;
-  --color-scale-purple-4: #b780ff;
+  --color-scale-purple-4: #bf8fff;
 --color-scale-purple-5: #b87fff;
 --color-scale-purple-6: #a66bff;
 --color-scale-purple-7: #954ffd;
@@ -394,7 +394,7 @@
 --color-scale-pink-1: #ffc7e1;
 --color-scale-pink-2: #ffadd4;
 --color-scale-pink-3: #ff8dc7;
-  --color-scale-pink-4: #ef6eb1;
+  --color-scale-pink-4: #f87cbd;
 --color-scale-pink-5: #ef6eb1;
 --color-scale-pink-6: #e456a3;
 --color-scale-pink-7: #d23d91;
@@ -404,7 +404,7 @@
 --color-scale-coral-1: #ffcbb9;
 --color-scale-coral-2: #ffb39b;
 --color-scale-coral-3: #ff967d;
-  --color-scale-coral-4: #fc704f;
+  --color-scale-coral-4: #fd8468;
 --color-scale-coral-5: #fc704f;
 --color-scale-coral-6: #f75133;
 --color-scale-coral-7: #e03b21;
@@ -428,15 +428,15 @@
   --page-header-bgColor: #0a0c10;
   --diffBlob-addition-fgColor-text: #0a0c10;
   --diffBlob-addition-fgColor-num: #fbfcfd;
-    --diffBlob-addition-bgColor-num: #26cd4d4d;
-    --diffBlob-addition-bgColor-line: #09b43a26;
-    --diffBlob-addition-bgColor-word: #09b43a;
+    --diffBlob-addition-bgColor-num: #28d7514d;
+    --diffBlob-addition-bgColor-line: #0ac74026;
+    --diffBlob-addition-bgColor-word: #0ac740;
   --diffBlob-deletion-fgColor-text: #0a0c10;
   --diffBlob-deletion-fgColor-num: #fbfcfd;
-    --diffBlob-deletion-bgColor-num: #ff6a694d;
-    --diffBlob-deletion-bgColor-line: #ff6a6926;
+    --diffBlob-deletion-bgColor-num: #ff80804d;
+    --diffBlob-deletion-bgColor-line: #ff808026;
   --diffBlob-deletion-bgColor-word: #ff6a69;
-    --diffBlob-hunk-bgColor-num: #409eff66;
+    --diffBlob-hunk-bgColor-num: #5cacff66;
   --diffBlob-expander-iconColor: #fbfcfd;
   --codeMirror-fgColor: #fbfcfd;
   --codeMirror-bgColor: #0a0c10;
@@ -445,7 +445,7 @@
   --codeMirror-gutterMarker-fgColor-muted: #f0f3f6;
   --codeMirror-lineNumber-fgColor: #f0f3f6;
   --codeMirror-cursor-fgColor: #fbfcfd;
-    --codeMirror-selection-bgColor: #409eff66;
+    --codeMirror-selection-bgColor: #5cacff66;
   --codeMirror-activeline-bgColor: #9ea7b366;
   --codeMirror-matchingBracket-fgColor: #fbfcfd;
   --codeMirror-lines-bgColor: #0a0c10;
@@ -467,10 +467,10 @@
   --avatar-borderColor: #ffffffe6;
   --avatar-shadow: 0px 0px 0px 2px #0a0c10;
   --avatarStack-fade-bgColor-default: #525964;
-    --avatarStack-fade-bgColor-muted: #272b33;
-    --control-bgColor-rest: #272b33;
-    --control-bgColor-hover: #383c45;
-    --control-bgColor-active: #484e57;
+    --avatarStack-fade-bgColor-muted: #3d424d;
+    --control-bgColor-rest: #3d424d;
+    --control-bgColor-hover: #494f5a;
+    --control-bgColor-active: #555c67;
   --control-bgColor-disabled: #272b33;
   --control-bgColor-selected: #525964;
   --control-fgColor-rest: #f0f3f6;
@@ -492,7 +492,7 @@
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #7a828e;
   --control-transparent-borderColor-active: #9ea7b3;
-    --control-danger-fgColor-rest: #ff6a69;
+    --control-danger-fgColor-rest: #ff8080;
   --control-danger-fgColor-hover: #0a0c10;
   --control-danger-bgColor-hover: #ff6a69;
   --control-danger-bgColor-active: #f65052;
@@ -506,9 +506,9 @@
   --control-checked-borderColor-hover: #4aa3ff;
   --control-checked-borderColor-active: #54a8ff;
   --control-checked-borderColor-disabled: #bdc4cc;
-    --controlTrack-bgColor-rest: #272b33;
-    --controlTrack-bgColor-hover: #383c45;
-    --controlTrack-bgColor-active: #484e57;
+    --controlTrack-bgColor-rest: #3d424d;
+    --controlTrack-bgColor-hover: #494f5a;
+    --controlTrack-bgColor-active: #555c67;
   --controlTrack-bgColor-disabled: #bdc4cc;
   --controlTrack-fgColor-rest: #fbfcfd;
   --controlTrack-fgColor-disabled: #0a0c10;
@@ -522,10 +522,10 @@
   --controlKnob-borderColor-checked: #409eff;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #f0f3f6;
-    --button-default-bgColor-rest: #272b33;
-    --button-default-bgColor-hover: #383c45;
-    --button-default-bgColor-active: #484e57;
-    --button-default-bgColor-selected: #484e57;
+    --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-borderColor-rest: #7a828e;
   --button-default-borderColor-hover: #7a828e;
@@ -536,15 +536,15 @@
   --button-primary-fgColor-disabled: #0a0c1080;
   --button-primary-iconColor-rest: #0a0c10;
   --button-primary-bgColor-rest: #09b43a;
-    --button-primary-bgColor-hover: #0fb93e;
-    --button-primary-bgColor-active: #15be42;
+    --button-primary-bgColor-hover: #0fbb3f;
+    --button-primary-bgColor-active: #15c243;
   --button-primary-bgColor-disabled: #6bdc84;
   --button-primary-borderColor-rest: #4ae168;
   --button-primary-borderColor-hover: #4ae168;
   --button-primary-borderColor-active: #4ae168;
   --button-primary-borderColor-disabled: #4ae16866;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-invisible-fgColor-rest: #409eff;
+    --button-invisible-fgColor-rest: #52a7ff;
   --button-invisible-fgColor-hover: #1e60d5;
   --button-invisible-fgColor-disabled: #bdc4cc;
   --button-invisible-iconColor-rest: #f0f3f6;
@@ -557,10 +557,10 @@
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #7a828e;
   --button-invisible-borderColor-disabled: #272b33;
-    --button-outline-fgColor-rest: #409eff;
+    --button-outline-fgColor-rest: #5cacff;
   --button-outline-fgColor-hover: #71b7ff;
   --button-outline-fgColor-active: #ffffff;
-    --button-outline-fgColor-disabled: #409eff80;
+    --button-outline-fgColor-disabled: #52a7ff80;
   --button-outline-bgColor-rest: #ffffff;
   --button-outline-bgColor-hover: #525964;
   --button-outline-bgColor-active: #2672f3;
@@ -568,46 +568,46 @@
   --button-outline-borderColor-hover: #ffffff1a;
   --button-outline-borderColor-selected: #ffffff1a;
   --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #ff6a69;
+    --button-danger-fgColor-rest: #ff8080;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #ff6a6980;
-    --button-danger-iconColor-rest: #ff6a69;
+    --button-danger-fgColor-disabled: #ff808080;
+    --button-danger-iconColor-rest: #ff8080;
   --button-danger-iconColor-hover: #ffffff;
-    --button-danger-bgColor-rest: #272b33;
+    --button-danger-bgColor-rest: #3d424d;
   --button-danger-bgColor-hover: #ff4445;
-    --button-danger-bgColor-active: #ff5353;
+    --button-danger-bgColor-active: #ff5c5d;
   --button-danger-bgColor-disabled: #272b33;
   --button-danger-borderColor-rest: #7a828e;
   --button-danger-borderColor-hover: #ffffff1a;
   --button-danger-borderColor-active: #ffffff1a;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --button-inactive-fgColor-rest: #bdc4cc;
-    --button-inactive-bgColor-rest: #272b33;
+    --button-inactive-bgColor-rest: #3d424d;
   --buttonCounter-default-bgColor-rest: #525964;
   --buttonCounter-invisible-bgColor-rest: #525964;
   --buttonCounter-primary-bgColor-rest: #01040926;
   --buttonCounter-outline-bgColor-rest: #194fb133;
   --buttonCounter-outline-bgColor-hover: #194fb133;
   --buttonCounter-outline-bgColor-disabled: #409eff0d;
-    --buttonCounter-outline-fgColor-rest: #409eff;
+    --buttonCounter-outline-fgColor-rest: #5cacff;
   --buttonCounter-outline-fgColor-hover: #71b7ff;
-    --buttonCounter-outline-fgColor-disabled: #409eff80;
+    --buttonCounter-outline-fgColor-disabled: #52a7ff80;
   --buttonCounter-danger-bgColor-hover: #01040926;
   --buttonCounter-danger-bgColor-disabled: #ff6a690d;
   --buttonCounter-danger-bgColor-rest: #01040926;
-    --buttonCounter-danger-fgColor-rest: #ff6a69;
+    --buttonCounter-danger-fgColor-rest: #ff8080;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-disabled: #ff6a6980;
+    --buttonCounter-danger-fgColor-disabled: #ff808080;
   --focus-outlineColor: #409eff;
   --menu-bgColor-active: #272b33;
   --overlay-bgColor: #272b33;
   --overlay-backdrop-bgColor: #272b3366;
   --selectMenu-borderColor: #7a828e;
   --selectMenu-bgColor-active: #1e60d5;
-    --sideNav-bgColor-selected: #272b33;
+    --sideNav-bgColor-selected: #3d424d;
   --skeletonLoader-bgColor: #272b33;
-    --timelineBadge-bgColor: #272b33;
+    --timelineBadge-bgColor: #3d424d;
   --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
   --underlineNav-borderColor-active: #ff967d;
   --underlineNav-borderColor-hover: #bdc4cc;
@@ -617,27 +617,27 @@
   --fgColor-onEmphasis: #0a0c10;
   --fgColor-onInverse: #0a0c10;
   --fgColor-disabled: #bdc4cc;
-    --fgColor-link: #409eff;
+    --fgColor-link: #52a7ff;
   --fgColor-link-onInverse: #1e60d5;
   --fgColor-neutral: #9ea7b3;
   --fgColor-neutral-onInverse: #272b33;
-    --fgColor-accent: #409eff;
+    --fgColor-accent: #52a7ff;
   --fgColor-accent-onInverse: #1e60d5;
-    --fgColor-success: #26cd4d;
+    --fgColor-success: #28d751;
   --fgColor-success-onInverse: #007728;
   --fgColor-attention: #f0b72f;
   --fgColor-attention-onInverse: #945d02;
-    --fgColor-severe: #e7811d;
+    --fgColor-severe: #f48b25;
   --fgColor-severe-onInverse: #a74c00;
-    --fgColor-danger: #ff6a69;
-    --fgColor-danger-onInverse: #b1061a;
-    --fgColor-open: #26cd4d;
+    --fgColor-danger: #ff8080;
+    --fgColor-danger-onInverse: #b1071b;
+    --fgColor-open: #28d751;
   --fgColor-open-onInverse: #007728;
-    --fgColor-closed: #ff6a69;
-    --fgColor-closed-onInverse: #b1061a;
-    --fgColor-done: #b780ff;
+    --fgColor-closed: #ff8080;
+    --fgColor-closed-onInverse: #b1071b;
+    --fgColor-done: #bf8fff;
   --fgColor-done-onInverse: #6921d7;
-    --fgColor-sponsors: #ef6eb1;
+    --fgColor-sponsors: #f87cbd;
   --fgColor-sponsors-onInverse: #9c1d6a;
   --bgColor-default: #0a0c10;
   --bgColor-muted: #272b33;
@@ -648,23 +648,23 @@
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #9ea7b366;
   --bgColor-neutral-emphasis: #9ea7b3;
-    --bgColor-accent-muted: #409eff1a;
+    --bgColor-accent-muted: #5cacff1a;
   --bgColor-accent-emphasis: #409eff;
-    --bgColor-success-muted: #09b43a26;
+    --bgColor-success-muted: #0ac74026;
   --bgColor-success-emphasis: #09b43a;
-    --bgColor-attention-muted: #e09b1326;
+    --bgColor-attention-muted: #edaa2726;
   --bgColor-attention-emphasis: #e09b13;
-    --bgColor-severe-muted: #e7811d1a;
+    --bgColor-severe-muted: #f48b251a;
   --bgColor-severe-emphasis: #e7811d;
-    --bgColor-danger-muted: #ff6a691a;
+    --bgColor-danger-muted: #ff80801a;
   --bgColor-danger-emphasis: #ff6a69;
-    --bgColor-open-muted: #09b43a1a;
+    --bgColor-open-muted: #0ac7401a;
   --bgColor-open-emphasis: #09b43a;
-    --bgColor-closed-muted: #ff6a6926;
+    --bgColor-closed-muted: #ff808026;
   --bgColor-closed-emphasis: #ff6a69;
-    --bgColor-done-muted: #b780ff26;
+    --bgColor-done-muted: #bf8fff26;
   --bgColor-done-emphasis: #b87fff;
-    --bgColor-sponsors-muted: #ef6eb11a;
+    --bgColor-sponsors-muted: #f87cbd1a;
   --bgColor-sponsors-emphasis: #ef6eb1;
   --borderColor-default: #7a828e;
   --borderColor-muted: #7a828e;
@@ -673,23 +673,23 @@
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;
-    --borderColor-accent-muted: #409eff;
+    --borderColor-accent-muted: #5cacff;
   --borderColor-accent-emphasis: #409eff;
-    --borderColor-success-muted: #09b43a;
+    --borderColor-success-muted: #0ac740;
   --borderColor-success-emphasis: #09b43a;
-    --borderColor-attention-muted: #e09b13;
+    --borderColor-attention-muted: #edaa27;
   --borderColor-attention-emphasis: #e09b13;
-    --borderColor-severe-muted: #e7811d;
+    --borderColor-severe-muted: #f48b25;
   --borderColor-severe-emphasis: #e7811d;
-    --borderColor-danger-muted: #ff6a69;
+    --borderColor-danger-muted: #ff8080;
   --borderColor-danger-emphasis: #ff6a69;
-    --borderColor-open-muted: #09b43a;
+    --borderColor-open-muted: #0ac740;
   --borderColor-open-emphasis: #09b43a;
-    --borderColor-closed-muted: #ff6a6966;
+    --borderColor-closed-muted: #ff808066;
   --borderColor-closed-emphasis: #ff6a69;
-    --borderColor-done-muted: #b780ff;
+    --borderColor-done-muted: #bf8fff;
   --borderColor-done-emphasis: #b87fff;
-    --borderColor-sponsors-muted: #ef6eb1;
+    --borderColor-sponsors-muted: #f87cbd;
   --borderColor-sponsors-emphasis: #ef6eb1;
   --color-ansi-black: #7a828e;
   --color-ansi-black-bright: #9ea7b3;
@@ -698,7 +698,7 @@
   --color-ansi-gray: #9ea7b3;
   --color-ansi-red: #ff9492;
   --color-ansi-red-bright: #ffb1af;
-    --color-ansi-green: #26cd4d;
+    --color-ansi-green: #28d751;
   --color-ansi-green-bright: #4ae168;
   --color-ansi-yellow: #f0b72f;
   --color-ansi-yellow-bright: #f7c843;
@@ -717,7 +717,7 @@
   --color-prettylights-syntax-keyword: #ff9492;
   --color-prettylights-syntax-string: #addcff;
   --color-prettylights-syntax-variable: #ffb757;
-    --color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
   --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
   --color-prettylights-syntax-invalid-illegal-text: #ffffff;
   --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
@@ -748,14 +748,14 @@
   --color-scale-gray-4: #9ea7b3;
   --color-scale-gray-5: #7a828e;
   --color-scale-gray-6: #525964;
-    --color-scale-gray-7: #272b33;
+    --color-scale-gray-7: #3d424d;
   --color-scale-gray-8: #272b33;
   --color-scale-gray-9: #0a0c10;
   --color-scale-blue-0: #caeaff;
   --color-scale-blue-1: #addcff;
   --color-scale-blue-2: #91cbff;
   --color-scale-blue-3: #71b7ff;
-    --color-scale-blue-4: #409eff;
+    --color-scale-blue-4: #5cacff;
   --color-scale-blue-5: #409eff;
   --color-scale-blue-6: #318bf8;
   --color-scale-blue-7: #2672f3;
@@ -764,8 +764,8 @@
   --color-scale-green-0: #acf7b6;
   --color-scale-green-1: #72f088;
   --color-scale-green-2: #4ae168;
-    --color-scale-green-3: #26cd4d;
-    --color-scale-green-4: #09b43a;
+    --color-scale-green-3: #28d751;
+    --color-scale-green-4: #0ac740;
   --color-scale-green-5: #09b43a;
   --color-scale-green-6: #02a232;
   --color-scale-green-7: #008c2c;
@@ -775,7 +775,7 @@
   --color-scale-yellow-1: #fbd669;
   --color-scale-yellow-2: #f7c843;
   --color-scale-yellow-3: #f0b72f;
-    --color-scale-yellow-4: #e09b13;
+    --color-scale-yellow-4: #edaa27;
   --color-scale-yellow-5: #e09b13;
   --color-scale-yellow-6: #c88508;
   --color-scale-yellow-7: #ae7104;
@@ -785,7 +785,7 @@
   --color-scale-orange-1: #ffcf86;
   --color-scale-orange-2: #ffb757;
   --color-scale-orange-3: #fe9a2d;
-    --color-scale-orange-4: #e7811d;
+    --color-scale-orange-4: #f48b25;
   --color-scale-orange-5: #e7811d;
   --color-scale-orange-6: #d57014;
   --color-scale-orange-7: #bf5e0a;
@@ -795,7 +795,7 @@
   --color-scale-red-1: #ffc9c7;
   --color-scale-red-2: #ffb1af;
   --color-scale-red-3: #ff9492;
-    --color-scale-red-4: #ff6a69;
+    --color-scale-red-4: #ff8080;
   --color-scale-red-5: #ff6a69;
   --color-scale-red-6: #ff4445;
   --color-scale-red-7: #e82a2f;
@@ -805,7 +805,7 @@
   --color-scale-purple-1: #e6ccff;
   --color-scale-purple-2: #dbb7ff;
   --color-scale-purple-3: #cb9eff;
-    --color-scale-purple-4: #b780ff;
+    --color-scale-purple-4: #bf8fff;
   --color-scale-purple-5: #b87fff;
   --color-scale-purple-6: #a66bff;
   --color-scale-purple-7: #954ffd;
@@ -815,7 +815,7 @@
   --color-scale-pink-1: #ffc7e1;
   --color-scale-pink-2: #ffadd4;
   --color-scale-pink-3: #ff8dc7;
-    --color-scale-pink-4: #ef6eb1;
+    --color-scale-pink-4: #f87cbd;
   --color-scale-pink-5: #ef6eb1;
   --color-scale-pink-6: #e456a3;
   --color-scale-pink-7: #d23d91;
@@ -825,7 +825,7 @@
   --color-scale-coral-1: #ffcbb9;
   --color-scale-coral-2: #ffb39b;
   --color-scale-coral-3: #ff967d;
-    --color-scale-coral-4: #fc704f;
+    --color-scale-coral-4: #fd8468;
   --color-scale-coral-5: #fc704f;
   --color-scale-coral-6: #f75133;
   --color-scale-coral-7: #e03b21;

@github-actions github-actions bot temporarily deployed to storybook-preview December 21, 2023 09:46 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview December 21, 2023 10:01 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview December 21, 2023 10:07 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview December 21, 2023 10:14 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview December 21, 2023 10:42 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview December 21, 2023 11:40 Inactive
@lukasoppermann lukasoppermann added the update snapshots Update visual regression test snapshots label Dec 21, 2023
@lukasoppermann lukasoppermann marked this pull request as ready for review December 21, 2023 11:56
@lukasoppermann lukasoppermann requested a review from a team as a code owner December 21, 2023 11:56
@lukasoppermann lukasoppermann removed the request for review from rezrah December 21, 2023 12:00
@github-actions github-actions bot removed the update snapshots Update visual regression test snapshots label Dec 21, 2023
langermank
langermank approved these changes Dec 21, 2023
View reviewed changes
Copy link
Contributor

@langermank langermank left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you!

@lukasoppermann lukasoppermann merged commit aa61b6e into main Dec 21, 2023
@lukasoppermann lukasoppermann deleted the fix-HC-dark branch December 21, 2023 14:50
@primer primer bot mentioned this pull request Dec 21, 2023
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@langermank langermank langermank approved these changes

@mperrotti mperrotti Awaiting requested review from mperrotti

Assignees

@lukasoppermann lukasoppermann

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@lukasoppermann @langermank