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

Working on component tokens #1114

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Working on component tokens #1114

wants to merge 2 commits into from

Conversation

lukasoppermann
Copy link
Contributor

Summary

Replacing components file with individual files per component, but merging themes.

@lukasoppermann lukasoppermann requested review from a team as code owners December 11, 2024 10:58
@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Dec 11, 2024 •
edited
Loading

⚠️ No Changeset found

Latest commit: abfed9b

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@lukasoppermann lukasoppermann self-assigned this Dec 11, 2024
@lukasoppermann lukasoppermann added the skip changeset Apply to PRs that should not result in a version bump. label Dec 11, 2024
@lukasoppermann lukasoppermann changed the title Working on compnent tokens Working on component tokens Dec 11, 2024
@github-actions GitHub Actions
Copy link
Contributor

Design Token JSON errors:

src/tokens/component/diffBlob.json5 (1 errors)
Path Error Code
---------- Invalid input invalid_union

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 11, 2024 •
edited
Loading

Design Token Diff (CSS)

/css/functional/themes/dark-colorblind.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2024-12-11 12:28:18.471981512 +0000
@@ -2,30 +2,7 @@
[data-color-mode="dark"][data-dark-theme="dark_colorblind"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_colorblind"],
[data-color-mode="auto"][data-light-theme="dark_colorblind"] ::backdrop {
-  --topicTag-borderColor: #00000000;
-  --highlight-neutral-bgColor: #d2992266;
 --page-header-bgColor: #0d1117;
-  --diffBlob-additionLine-fgColor: #f0f6fc;
-  --diffBlob-additionLine-bgColor: #388bfd26;
-  --diffBlob-additionWord-fgColor: #f0f6fc;
-  --diffBlob-additionWord-bgColor: #388bfd66;
-  --diffBlob-additionNum-fgColor: #f0f6fc;
-  --diffBlob-additionNum-bgColor: #58a6ff4d;
-  --diffBlob-deletionLine-fgColor: #f0f6fc;
-  --diffBlob-deletionLine-bgColor: #db6d2826;
-  --diffBlob-deletionWord-fgColor: #f0f6fc;
-  --diffBlob-deletionWord-bgColor: #db6d2866;
-  --diffBlob-deletionNum-fgColor: #f0f6fc;
-  --diffBlob-deletionNum-bgColor: #db6d284d;
-  --diffBlob-hunkLine-fgColor: #9198a1;
-  --diffBlob-hunkLine-bgColor: #212830;
-  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
-  --diffBlob-hunkNum-fgColor-hover: #ffffff;
-  --diffBlob-hunkNum-bgColor-rest: #2f3742;
-  --diffBlob-hunkNum-bgColor-hover: #656c76;
-  --diffBlob-emptyNum-bgColor: #151b23;
-  --diffBlob-emptyLine-bgColor: #151b23;
-  --diffBlob-expander-iconColor: #9198a1;
 --codeMirror-fgColor: #f0f6fc;
 --codeMirror-bgColor: #0d1117;
 --codeMirror-gutters-bgColor: #0d1117;
@@ -166,6 +143,7 @@
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
+  --highlight-neutral-bgColor: #d2992266;
 --avatar-bgColor: #ffffff1a;
 --avatar-borderColor: #ffffff26;
 --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -577,34 +555,35 @@
 --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
 --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 --outline-focus: #1f6feb solid 2px;
+  --diffBlob-additionLine-fgColor: #f0f6fc;
+  --diffBlob-additionLine-bgColor: #388bfd26;
+  --diffBlob-additionWord-fgColor: #f0f6fc;
+  --diffBlob-additionWord-bgColor: #388bfd66;
+  --diffBlob-additionNum-fgColor: #f0f6fc;
+  --diffBlob-additionNum-bgColor: #58a6ff4d;
+  --diffBlob-deletionLine-fgColor: #f0f6fc;
+  --diffBlob-deletionLine-bgColor: #db6d2826;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
+  --diffBlob-deletionWord-bgColor: #db6d2866;
+  --diffBlob-deletionNum-fgColor: #f0f6fc;
+  --diffBlob-deletionNum-bgColor: #db6d284d;
+  --diffBlob-hunkLine-fgColor: #9198a1;
+  --diffBlob-hunkLine-bgColor: #212830;
+  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #2f3742;
+  --diffBlob-hunkNum-bgColor-hover: #656c76;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
+  --diffBlob-expander-iconColor: #9198a1;
+  --light-tritanopia-hunkNum-bgColor-rest: #212830;
+  --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+  --topicTag-borderColor: #00000000;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
 [data-color-mode="auto"][data-dark-theme="dark_colorblind"] ::backdrop {
-    --topicTag-borderColor: #00000000;
-    --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
-    --diffBlob-additionLine-fgColor: #f0f6fc;
-    --diffBlob-additionLine-bgColor: #388bfd26;
-    --diffBlob-additionWord-fgColor: #f0f6fc;
-    --diffBlob-additionWord-bgColor: #388bfd66;
-    --diffBlob-additionNum-fgColor: #f0f6fc;
-    --diffBlob-additionNum-bgColor: #58a6ff4d;
-    --diffBlob-deletionLine-fgColor: #f0f6fc;
-    --diffBlob-deletionLine-bgColor: #db6d2826;
-    --diffBlob-deletionWord-fgColor: #f0f6fc;
-    --diffBlob-deletionWord-bgColor: #db6d2866;
-    --diffBlob-deletionNum-fgColor: #f0f6fc;
-    --diffBlob-deletionNum-bgColor: #db6d284d;
-    --diffBlob-hunkLine-fgColor: #9198a1;
-    --diffBlob-hunkLine-bgColor: #212830;
-    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
-    --diffBlob-hunkNum-fgColor-hover: #ffffff;
-    --diffBlob-hunkNum-bgColor-rest: #2f3742;
-    --diffBlob-hunkNum-bgColor-hover: #656c76;
-    --diffBlob-emptyNum-bgColor: #151b23;
-    --diffBlob-emptyLine-bgColor: #151b23;
-    --diffBlob-expander-iconColor: #9198a1;
   --codeMirror-fgColor: #f0f6fc;
   --codeMirror-bgColor: #0d1117;
   --codeMirror-gutters-bgColor: #0d1117;
@@ -745,6 +724,7 @@
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;
+    --highlight-neutral-bgColor: #d2992266;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffff26;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1156,5 +1136,29 @@
   --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
   --outline-focus: #1f6feb solid 2px;
+    --diffBlob-additionLine-fgColor: #f0f6fc;
+    --diffBlob-additionLine-bgColor: #388bfd26;
+    --diffBlob-additionWord-fgColor: #f0f6fc;
+    --diffBlob-additionWord-bgColor: #388bfd66;
+    --diffBlob-additionNum-fgColor: #f0f6fc;
+    --diffBlob-additionNum-bgColor: #58a6ff4d;
+    --diffBlob-deletionLine-fgColor: #f0f6fc;
+    --diffBlob-deletionLine-bgColor: #db6d2826;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
+    --diffBlob-deletionWord-bgColor: #db6d2866;
+    --diffBlob-deletionNum-fgColor: #f0f6fc;
+    --diffBlob-deletionNum-bgColor: #db6d284d;
+    --diffBlob-hunkLine-fgColor: #9198a1;
+    --diffBlob-hunkLine-bgColor: #212830;
+    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #2f3742;
+    --diffBlob-hunkNum-bgColor-hover: #656c76;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
+    --diffBlob-expander-iconColor: #9198a1;
+    --light-tritanopia-hunkNum-bgColor-rest: #212830;
+    --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+    --topicTag-borderColor: #00000000;
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-dimmed.css	2024-12-11 12:28:16.623989459 +0000
@@ -2,30 +2,31 @@
[data-color-mode="dark"][data-dark-theme="dark_dimmed"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_dimmed"],
[data-color-mode="auto"][data-light-theme="dark_dimmed"] ::backdrop {
-  --topicTag-borderColor: #00000000;
-  --highlight-neutral-bgColor: #c6902666;
-  --page-header-bgColor: #212830;
 --diffBlob-additionLine-fgColor: #d1d7e0;
 --diffBlob-additionLine-bgColor: #46954a26;
 --diffBlob-additionWord-fgColor: #d1d7e0;
-  --diffBlob-additionWord-bgColor: #46954a66;
+  --diffBlob-additionWord-bgColor: #8ddb8c;
 --diffBlob-additionNum-fgColor: #d1d7e0;
-  --diffBlob-additionNum-bgColor: #57ab5a4d;
+  --diffBlob-additionNum-bgColor: #8ddb8c;
 --diffBlob-deletionLine-fgColor: #d1d7e0;
 --diffBlob-deletionLine-bgColor: #e5534b1a;
 --diffBlob-deletionWord-fgColor: #d1d7e0;
-  --diffBlob-deletionWord-bgColor: #e5534b66;
+  --diffBlob-deletionWord-bgColor: #ffb8b0;
 --diffBlob-deletionNum-fgColor: #d1d7e0;
-  --diffBlob-deletionNum-bgColor: #e5534b4d;
+  --diffBlob-deletionNum-bgColor: #ffb8b0;
 --diffBlob-hunkLine-fgColor: #9198a1;
 --diffBlob-hunkLine-bgColor: #4184e41a;
 --diffBlob-hunkNum-fgColor-rest: #d1d7e0;
 --diffBlob-hunkNum-fgColor-hover: #f0f6fc;
-  --diffBlob-hunkNum-bgColor-rest: #143d79;
+  --diffBlob-hunkNum-bgColor-rest: #96d0ff;
 --diffBlob-hunkNum-bgColor-hover: #316dca;
 --diffBlob-emptyNum-bgColor: #262c36;
 --diffBlob-emptyLine-bgColor: #262c36;
 --diffBlob-expander-iconColor: #9198a1;
+  --light-tritanopia-hunkNum-bgColor-rest: #212830;
+  --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+  --topicTag-borderColor: #00000000;
+  --page-header-bgColor: #212830;
 --codeMirror-fgColor: #d1d7e0;
 --codeMirror-bgColor: #212830;
 --codeMirror-gutters-bgColor: #212830;
@@ -166,6 +167,7 @@
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
+  --highlight-neutral-bgColor: #c6902666;
 --avatar-bgColor: #cdd9e51a;
 --avatar-borderColor: #cdd9e526;
 --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -581,30 +583,31 @@
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
 [data-color-mode="auto"][data-dark-theme="dark_dimmed"] ::backdrop {
-    --topicTag-borderColor: #00000000;
-    --highlight-neutral-bgColor: #c6902666;
-    --page-header-bgColor: #212830;
   --diffBlob-additionLine-fgColor: #d1d7e0;
   --diffBlob-additionLine-bgColor: #46954a26;
   --diffBlob-additionWord-fgColor: #d1d7e0;
-    --diffBlob-additionWord-bgColor: #46954a66;
+    --diffBlob-additionWord-bgColor: #8ddb8c;
   --diffBlob-additionNum-fgColor: #d1d7e0;
-    --diffBlob-additionNum-bgColor: #57ab5a4d;
+    --diffBlob-additionNum-bgColor: #8ddb8c;
   --diffBlob-deletionLine-fgColor: #d1d7e0;
   --diffBlob-deletionLine-bgColor: #e5534b1a;
   --diffBlob-deletionWord-fgColor: #d1d7e0;
-    --diffBlob-deletionWord-bgColor: #e5534b66;
+    --diffBlob-deletionWord-bgColor: #ffb8b0;
   --diffBlob-deletionNum-fgColor: #d1d7e0;
-    --diffBlob-deletionNum-bgColor: #e5534b4d;
+    --diffBlob-deletionNum-bgColor: #ffb8b0;
   --diffBlob-hunkLine-fgColor: #9198a1;
   --diffBlob-hunkLine-bgColor: #4184e41a;
   --diffBlob-hunkNum-fgColor-rest: #d1d7e0;
   --diffBlob-hunkNum-fgColor-hover: #f0f6fc;
-    --diffBlob-hunkNum-bgColor-rest: #143d79;
+    --diffBlob-hunkNum-bgColor-rest: #96d0ff;
   --diffBlob-hunkNum-bgColor-hover: #316dca;
   --diffBlob-emptyNum-bgColor: #262c36;
   --diffBlob-emptyLine-bgColor: #262c36;
   --diffBlob-expander-iconColor: #9198a1;
+    --light-tritanopia-hunkNum-bgColor-rest: #212830;
+    --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+    --topicTag-borderColor: #00000000;
+    --page-header-bgColor: #212830;
   --codeMirror-fgColor: #d1d7e0;
   --codeMirror-bgColor: #212830;
   --codeMirror-gutters-bgColor: #212830;
@@ -745,6 +748,7 @@
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;
+    --highlight-neutral-bgColor: #c6902666;
   --avatar-bgColor: #cdd9e51a;
   --avatar-borderColor: #cdd9e526;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2024-12-11 12:28:19.334978126 +0000
@@ -2,30 +2,7 @@
[data-color-mode="dark"][data-dark-theme="dark_high_contrast"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_high_contrast"],
[data-color-mode="auto"][data-light-theme="dark_high_contrast"] ::backdrop {
-  --topicTag-borderColor: #409eff;
-  --highlight-neutral-bgColor: #f0b72f66;
 --page-header-bgColor: #010409;
-  --diffBlob-additionLine-fgColor: #ffffff;
-  --diffBlob-additionLine-bgColor: #0ac74033;
-  --diffBlob-additionWord-fgColor: #ffffff;
-  --diffBlob-additionWord-bgColor: #006222;
-  --diffBlob-additionNum-fgColor: #ffffff;
-  --diffBlob-additionNum-bgColor: #28d7514d;
-  --diffBlob-deletionLine-fgColor: #ffffff;
-  --diffBlob-deletionLine-bgColor: #ff808033;
-  --diffBlob-deletionWord-fgColor: #ffffff;
-  --diffBlob-deletionWord-bgColor: #ad0116;
-  --diffBlob-deletionNum-fgColor: #ffffff;
-  --diffBlob-deletionNum-bgColor: #ff80804d;
-  --diffBlob-hunkLine-fgColor: #b7bdc8;
-  --diffBlob-hunkLine-bgColor: #5cacff33;
-  --diffBlob-hunkNum-fgColor-rest: #ffffff;
-  --diffBlob-hunkNum-fgColor-hover: #ffffff;
-  --diffBlob-hunkNum-bgColor-rest: #5cacff66;
-  --diffBlob-hunkNum-bgColor-hover: #194fb1;
-  --diffBlob-emptyNum-bgColor: #151b23;
-  --diffBlob-emptyLine-bgColor: #151b23;
-  --diffBlob-expander-iconColor: #ffffff;
 --codeMirror-fgColor: #ffffff;
 --codeMirror-bgColor: #010409;
 --codeMirror-gutters-bgColor: #010409;
@@ -166,6 +143,7 @@
 --display-pink-fgColor: #f4a9cd;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #e57bb2;
+  --highlight-neutral-bgColor: #f0b72f66;
 --avatar-bgColor: #ffffff1a;
 --avatar-borderColor: #ffffffe6;
 --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -577,34 +555,35 @@
 --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
 --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 --outline-focus: #409eff solid 2px;
+  --diffBlob-additionLine-fgColor: #ffffff;
+  --diffBlob-additionLine-bgColor: #0ac74033;
+  --diffBlob-additionWord-fgColor: #ffffff;
+  --diffBlob-additionWord-bgColor: #006222;
+  --diffBlob-additionNum-fgColor: #ffffff;
+  --diffBlob-additionNum-bgColor: #72f088;
+  --diffBlob-deletionLine-fgColor: #ffffff;
+  --diffBlob-deletionLine-bgColor: #ff808033;
+  --diffBlob-deletionWord-fgColor: #ffffff;
+  --diffBlob-deletionWord-bgColor: #ad0116;
+  --diffBlob-deletionNum-fgColor: #ffffff;
+  --diffBlob-deletionNum-bgColor: #ffc9c7;
+  --diffBlob-hunkLine-fgColor: #b7bdc8;
+  --diffBlob-hunkLine-bgColor: #5cacff33;
+  --diffBlob-hunkNum-fgColor-rest: #ffffff;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #5cacff66;
+  --diffBlob-hunkNum-bgColor-hover: #194fb1;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
+  --diffBlob-expander-iconColor: #ffffff;
+  --light-tritanopia-hunkNum-bgColor-rest: #212830;
+  --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+  --topicTag-borderColor: #409eff;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
 [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
-    --topicTag-borderColor: #409eff;
-    --highlight-neutral-bgColor: #f0b72f66;
   --page-header-bgColor: #010409;
-    --diffBlob-additionLine-fgColor: #ffffff;
-    --diffBlob-additionLine-bgColor: #0ac74033;
-    --diffBlob-additionWord-fgColor: #ffffff;
-    --diffBlob-additionWord-bgColor: #006222;
-    --diffBlob-additionNum-fgColor: #ffffff;
-    --diffBlob-additionNum-bgColor: #28d7514d;
-    --diffBlob-deletionLine-fgColor: #ffffff;
-    --diffBlob-deletionLine-bgColor: #ff808033;
-    --diffBlob-deletionWord-fgColor: #ffffff;
-    --diffBlob-deletionWord-bgColor: #ad0116;
-    --diffBlob-deletionNum-fgColor: #ffffff;
-    --diffBlob-deletionNum-bgColor: #ff80804d;
-    --diffBlob-hunkLine-fgColor: #b7bdc8;
-    --diffBlob-hunkLine-bgColor: #5cacff33;
-    --diffBlob-hunkNum-fgColor-rest: #ffffff;
-    --diffBlob-hunkNum-fgColor-hover: #ffffff;
-    --diffBlob-hunkNum-bgColor-rest: #5cacff66;
-    --diffBlob-hunkNum-bgColor-hover: #194fb1;
-    --diffBlob-emptyNum-bgColor: #151b23;
-    --diffBlob-emptyLine-bgColor: #151b23;
-    --diffBlob-expander-iconColor: #ffffff;
   --codeMirror-fgColor: #ffffff;
   --codeMirror-bgColor: #010409;
   --codeMirror-gutters-bgColor: #010409;
@@ -745,6 +724,7 @@
   --display-pink-fgColor: #f4a9cd;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #e57bb2;
+    --highlight-neutral-bgColor: #f0b72f66;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffffe6;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1156,5 +1136,29 @@
   --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
   --outline-focus: #409eff solid 2px;
+    --diffBlob-additionLine-fgColor: #ffffff;
+    --diffBlob-additionLine-bgColor: #0ac74033;
+    --diffBlob-additionWord-fgColor: #ffffff;
+    --diffBlob-additionWord-bgColor: #006222;
+    --diffBlob-additionNum-fgColor: #ffffff;
+    --diffBlob-additionNum-bgColor: #72f088;
+    --diffBlob-deletionLine-fgColor: #ffffff;
+    --diffBlob-deletionLine-bgColor: #ff808033;
+    --diffBlob-deletionWord-fgColor: #ffffff;
+    --diffBlob-deletionWord-bgColor: #ad0116;
+    --diffBlob-deletionNum-fgColor: #ffffff;
+    --diffBlob-deletionNum-bgColor: #ffc9c7;
+    --diffBlob-hunkLine-fgColor: #b7bdc8;
+    --diffBlob-hunkLine-bgColor: #5cacff33;
+    --diffBlob-hunkNum-fgColor-rest: #ffffff;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #5cacff66;
+    --diffBlob-hunkNum-bgColor-hover: #194fb1;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
+    --diffBlob-expander-iconColor: #ffffff;
+    --light-tritanopia-hunkNum-bgColor-rest: #212830;
+    --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+    --topicTag-borderColor: #409eff;
 }
}

/css/functional/themes/dark-tritanopia.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2024-12-11 12:28:17.530985385 +0000
@@ -2,30 +2,7 @@
[data-color-mode="dark"][data-dark-theme="dark_tritanopia"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_tritanopia"],
[data-color-mode="auto"][data-light-theme="dark_tritanopia"] ::backdrop {
-  --topicTag-borderColor: #00000000;
-  --highlight-neutral-bgColor: #d2992266;
 --page-header-bgColor: #0d1117;
-  --diffBlob-additionLine-fgColor: #f0f6fc;
-  --diffBlob-additionLine-bgColor: #388bfd26;
-  --diffBlob-additionWord-fgColor: #f0f6fc;
-  --diffBlob-additionWord-bgColor: #388bfd66;
-  --diffBlob-additionNum-fgColor: #f0f6fc;
-  --diffBlob-additionNum-bgColor: #58a6ff4d;
-  --diffBlob-deletionLine-fgColor: #f0f6fc;
-  --diffBlob-deletionLine-bgColor: #f851491a;
-  --diffBlob-deletionWord-fgColor: #f0f6fc;
-  --diffBlob-deletionWord-bgColor: #f8514966;
-  --diffBlob-deletionNum-fgColor: #f0f6fc;
-  --diffBlob-deletionNum-bgColor: #f851494d;
-  --diffBlob-hunkLine-fgColor: #9198a1;
-  --diffBlob-hunkLine-bgColor: #212830;
-  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
-  --diffBlob-hunkNum-fgColor-hover: #ffffff;
-  --diffBlob-hunkNum-bgColor-rest: #2f3742;
-  --diffBlob-hunkNum-bgColor-hover: #656c76;
-  --diffBlob-emptyNum-bgColor: #151b23;
-  --diffBlob-emptyLine-bgColor: #151b23;
-  --diffBlob-expander-iconColor: #9198a1;
 --codeMirror-fgColor: #f0f6fc;
 --codeMirror-bgColor: #0d1117;
 --codeMirror-gutters-bgColor: #0d1117;
@@ -166,6 +143,7 @@
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
+  --highlight-neutral-bgColor: #d2992266;
 --avatar-bgColor: #ffffff1a;
 --avatar-borderColor: #ffffff26;
 --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -577,34 +555,35 @@
 --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
 --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 --outline-focus: #1f6feb solid 2px;
+  --diffBlob-additionLine-fgColor: #f0f6fc;
+  --diffBlob-additionLine-bgColor: #388bfd26;
+  --diffBlob-additionWord-fgColor: #f0f6fc;
+  --diffBlob-additionWord-bgColor: #388bfd66;
+  --diffBlob-additionNum-fgColor: #f0f6fc;
+  --diffBlob-additionNum-bgColor: #58a6ff4d;
+  --diffBlob-deletionLine-fgColor: #f0f6fc;
+  --diffBlob-deletionLine-bgColor: #f851491a;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
+  --diffBlob-deletionWord-bgColor: #ffc1ba;
+  --diffBlob-deletionNum-fgColor: #f0f6fc;
+  --diffBlob-deletionNum-bgColor: #ffc1ba;
+  --diffBlob-hunkLine-fgColor: #9198a1;
+  --diffBlob-hunkLine-bgColor: #212830;
+  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #2f3742;
+  --diffBlob-hunkNum-bgColor-hover: #656c76;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
+  --diffBlob-expander-iconColor: #9198a1;
+  --light-tritanopia-hunkNum-bgColor-rest: #212830;
+  --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+  --topicTag-borderColor: #00000000;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
 [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
-    --topicTag-borderColor: #00000000;
-    --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
-    --diffBlob-additionLine-fgColor: #f0f6fc;
-    --diffBlob-additionLine-bgColor: #388bfd26;
-    --diffBlob-additionWord-fgColor: #f0f6fc;
-    --diffBlob-additionWord-bgColor: #388bfd66;
-    --diffBlob-additionNum-fgColor: #f0f6fc;
-    --diffBlob-additionNum-bgColor: #58a6ff4d;
-    --diffBlob-deletionLine-fgColor: #f0f6fc;
-    --diffBlob-deletionLine-bgColor: #f851491a;
-    --diffBlob-deletionWord-fgColor: #f0f6fc;
-    --diffBlob-deletionWord-bgColor: #f8514966;
-    --diffBlob-deletionNum-fgColor: #f0f6fc;
-    --diffBlob-deletionNum-bgColor: #f851494d;
-    --diffBlob-hunkLine-fgColor: #9198a1;
-    --diffBlob-hunkLine-bgColor: #212830;
-    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
-    --diffBlob-hunkNum-fgColor-hover: #ffffff;
-    --diffBlob-hunkNum-bgColor-rest: #2f3742;
-    --diffBlob-hunkNum-bgColor-hover: #656c76;
-    --diffBlob-emptyNum-bgColor: #151b23;
-    --diffBlob-emptyLine-bgColor: #151b23;
-    --diffBlob-expander-iconColor: #9198a1;
   --codeMirror-fgColor: #f0f6fc;
   --codeMirror-bgColor: #0d1117;
   --codeMirror-gutters-bgColor: #0d1117;
@@ -745,6 +724,7 @@
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;
+    --highlight-neutral-bgColor: #d2992266;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffff26;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1156,5 +1136,29 @@
   --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
   --outline-focus: #1f6feb solid 2px;
+    --diffBlob-additionLine-fgColor: #f0f6fc;
+    --diffBlob-additionLine-bgColor: #388bfd26;
+    --diffBlob-additionWord-fgColor: #f0f6fc;
+    --diffBlob-additionWord-bgColor: #388bfd66;
+    --diffBlob-additionNum-fgColor: #f0f6fc;
+    --diffBlob-additionNum-bgColor: #58a6ff4d;
+    --diffBlob-deletionLine-fgColor: #f0f6fc;
+    --diffBlob-deletionLine-bgColor: #f851491a;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
+    --diffBlob-deletionWord-bgColor: #ffc1ba;
+    --diffBlob-deletionNum-fgColor: #f0f6fc;
+    --diffBlob-deletionNum-bgColor: #ffc1ba;
+    --diffBlob-hunkLine-fgColor: #9198a1;
+    --diffBlob-hunkLine-bgColor: #212830;
+    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #2f3742;
+    --diffBlob-hunkNum-bgColor-hover: #656c76;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
+    --diffBlob-expander-iconColor: #9198a1;
+    --light-tritanopia-hunkNum-bgColor-rest: #212830;
+    --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+    --topicTag-borderColor: #00000000;
 }
}

/css/functional/themes/dark.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css	2024-12-11 12:28:15.650993830 +0000
@@ -2,30 +2,7 @@
[data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark"],
[data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
-  --topicTag-borderColor: #00000000;
-  --highlight-neutral-bgColor: #d2992266;
 --page-header-bgColor: #0d1117;
-  --diffBlob-additionLine-fgColor: #f0f6fc;
-  --diffBlob-additionLine-bgColor: #2ea04326;
-  --diffBlob-additionWord-fgColor: #f0f6fc;
-  --diffBlob-additionWord-bgColor: #2ea04366;
-  --diffBlob-additionNum-fgColor: #f0f6fc;
-  --diffBlob-additionNum-bgColor: #3fb9504d;
-  --diffBlob-deletionLine-fgColor: #f0f6fc;
-  --diffBlob-deletionLine-bgColor: #f851491a;
-  --diffBlob-deletionWord-fgColor: #f0f6fc;
-  --diffBlob-deletionWord-bgColor: #f8514966;
-  --diffBlob-deletionNum-fgColor: #f0f6fc;
-  --diffBlob-deletionNum-bgColor: #f851494d;
-  --diffBlob-hunkLine-fgColor: #9198a1;
-  --diffBlob-hunkLine-bgColor: #388bfd1a;
-  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
-  --diffBlob-hunkNum-fgColor-hover: #ffffff;
-  --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
-  --diffBlob-hunkNum-bgColor-hover: #1f6feb;
-  --diffBlob-emptyNum-bgColor: #151b23;
-  --diffBlob-emptyLine-bgColor: #151b23;
-  --diffBlob-expander-iconColor: #9198a1;
 --codeMirror-fgColor: #f0f6fc;
 --codeMirror-bgColor: #0d1117;
 --codeMirror-gutters-bgColor: #0d1117;
@@ -166,6 +143,7 @@
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
+  --highlight-neutral-bgColor: #d2992266;
 --avatar-bgColor: #ffffff1a;
 --avatar-borderColor: #ffffff26;
 --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -577,34 +555,35 @@
 --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
 --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 --outline-focus: #1f6feb solid 2px;
+  --diffBlob-additionLine-fgColor: #f0f6fc;
+  --diffBlob-additionLine-bgColor: #2ea04326;
+  --diffBlob-additionWord-fgColor: #f0f6fc;
+  --diffBlob-additionWord-bgColor: #2ea04366;
+  --diffBlob-additionNum-fgColor: #f0f6fc;
+  --diffBlob-additionNum-bgColor: #3fb9504d;
+  --diffBlob-deletionLine-fgColor: #f0f6fc;
+  --diffBlob-deletionLine-bgColor: #f851491a;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
+  --diffBlob-deletionWord-bgColor: #f8514966;
+  --diffBlob-deletionNum-fgColor: #f0f6fc;
+  --diffBlob-deletionNum-bgColor: #f851494d;
+  --diffBlob-hunkLine-fgColor: #9198a1;
+  --diffBlob-hunkLine-bgColor: #388bfd1a;
+  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
+  --diffBlob-hunkNum-bgColor-hover: #1f6feb;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
+  --diffBlob-expander-iconColor: #9198a1;
+  --light-tritanopia-hunkNum-bgColor-rest: #212830;
+  --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+  --topicTag-borderColor: #00000000;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark"],
 [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
-    --topicTag-borderColor: #00000000;
-    --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
-    --diffBlob-additionLine-fgColor: #f0f6fc;
-    --diffBlob-additionLine-bgColor: #2ea04326;
-    --diffBlob-additionWord-fgColor: #f0f6fc;
-    --diffBlob-additionWord-bgColor: #2ea04366;
-    --diffBlob-additionNum-fgColor: #f0f6fc;
-    --diffBlob-additionNum-bgColor: #3fb9504d;
-    --diffBlob-deletionLine-fgColor: #f0f6fc;
-    --diffBlob-deletionLine-bgColor: #f851491a;
-    --diffBlob-deletionWord-fgColor: #f0f6fc;
-    --diffBlob-deletionWord-bgColor: #f8514966;
-    --diffBlob-deletionNum-fgColor: #f0f6fc;
-    --diffBlob-deletionNum-bgColor: #f851494d;
-    --diffBlob-hunkLine-fgColor: #9198a1;
-    --diffBlob-hunkLine-bgColor: #388bfd1a;
-    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
-    --diffBlob-hunkNum-fgColor-hover: #ffffff;
-    --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
-    --diffBlob-hunkNum-bgColor-hover: #1f6feb;
-    --diffBlob-emptyNum-bgColor: #151b23;
-    --diffBlob-emptyLine-bgColor: #151b23;
-    --diffBlob-expander-iconColor: #9198a1;
   --codeMirror-fgColor: #f0f6fc;
   --codeMirror-bgColor: #0d1117;
   --codeMirror-gutters-bgColor: #0d1117;
@@ -745,6 +724,7 @@
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;
+    --highlight-neutral-bgColor: #d2992266;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffff26;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1156,5 +1136,29 @@
   --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
   --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
   --outline-focus: #1f6feb solid 2px;
+    --diffBlob-additionLine-fgColor: #f0f6fc;
+    --diffBlob-additionLine-bgColor: #2ea04326;
+    --diffBlob-additionWord-fgColor: #f0f6fc;
+    --diffBlob-additionWord-bgColor: #2ea04366;
+    --diffBlob-additionNum-fgColor: #f0f6fc;
+    --diffBlob-additionNum-bgColor: #3fb9504d;
+    --diffBlob-deletionLine-fgColor: #f0f6fc;
+    --diffBlob-deletionLine-bgColor: #f851491a;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
+    --diffBlob-deletionWord-bgColor: #f8514966;
+    --diffBlob-deletionNum-fgColor: #f0f6fc;
+    --diffBlob-deletionNum-bgColor: #f851494d;
+    --diffBlob-hunkLine-fgColor: #9198a1;
+    --diffBlob-hunkLine-bgColor: #388bfd1a;
+    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
+    --diffBlob-hunkNum-bgColor-hover: #1f6feb;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
+    --diffBlob-expander-iconColor: #9198a1;
+    --light-tritanopia-hunkNum-bgColor-rest: #212830;
+    --light-tritanopia-hunkNum-bgColor-hover: #3d444d;
+    --topicTag-borderColor: #00000000;
 }
}

/css/functional/themes/light-colorblind.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind.css	2024-12-11 12:28:13.750002369 +0000
@@ -2,30 +2,7 @@
[data-color-mode="light"][data-light-theme="light_colorblind"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_colorblind"],
[data-color-mode="auto"][data-light-theme="light_colorblind"] ::backdrop {
-  --topicTag-borderColor: #ffffff00;
-  --highlight-neutral-bgColor: #fff8c5;
 --page-header-bgColor: #f6f8fa;
-  --diffBlob-additionLine-fgColor: #1f2328;
-  --diffBlob-additionLine-bgColor: #ddf4ff;
-  --diffBlob-additionWord-fgColor: #1f2328;
-  --diffBlob-additionWord-bgColor: #b6e3ff;
-  --diffBlob-additionNum-fgColor: #1f2328;
-  --diffBlob-additionNum-bgColor: #b6e3ff;
-  --diffBlob-deletionLine-fgColor: #1f2328;
-  --diffBlob-deletionLine-bgColor: #fff1e5;
-  --diffBlob-deletionWord-fgColor: #1f2328;
-  --diffBlob-deletionWord-bgColor: #ffd8b5;
-  --diffBlob-deletionNum-fgColor: #1f2328;
-  --diffBlob-deletionNum-bgColor: #ffd8b5;
-  --diffBlob-hunkLine-bgColor: #f6f8fa;
-  --diffBlob-hunkLine-fgColor: #59636e;
-  --diffBlob-hunkNum-fgColor-rest: #1f2328;
-  --diffBlob-hunkNum-fgColor-hover: #1f2328;
-  --diffBlob-hunkNum-bgColor-rest: #e6eaef;
-  --diffBlob-hunkNum-bgColor-hover: #c8d1da;
-  --diffBlob-emptyNum-bgColor: #f6f8fa;
-  --diffBlob-emptyLine-bgColor: #f6f8fa;
-  --diffBlob-expander-iconColor: #59636e;
 --codeMirror-fgColor: #1f2328;
 --codeMirror-bgColor: #ffffff;
 --codeMirror-gutters-bgColor: #ffffff;
@@ -166,6 +143,7 @@
 --display-pink-fgColor: #b12f79;
 --display-pink-borderColor-muted: #fdc9e2;
 --display-pink-borderColor-emphasis: #ce2c85;
+  --highlight-neutral-bgColor: #fff8c5;
 --avatar-bgColor: #ffffff;
 --avatar-borderColor: #1f232826;
 --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -577,34 +555,35 @@
 --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
 --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
 --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+  --diffBlob-additionLine-fgColor: #1f2328;
+  --diffBlob-additionLine-bgColor: #ddf4ff;
+  --diffBlob-additionWord-fgColor: #1f2328;
+  --diffBlob-additionWord-bgColor: #b6e3ff;
+  --diffBlob-additionNum-fgColor: #1f2328;
+  --diffBlob-additionNum-bgColor: #b6e3ff;
+  --diffBlob-deletionLine-fgColor: #1f2328;
+  --diffBlob-deletionLine-bgColor: #fff1e5;
+  --diffBlob-deletionWord-fgColor: #1f2328;
+  --diffBlob-deletionWord-bgColor: #ffd8b5;
+  --diffBlob-deletionNum-fgColor: #1f2328;
+  --diffBlob-deletionNum-bgColor: #ffd8b5;
+  --diffBlob-hunkLine-fgColor: #59636e;
+  --diffBlob-hunkLine-bgColor: #f6f8fa;
+  --diffBlob-hunkNum-fgColor-rest: #1f2328;
+  --diffBlob-hunkNum-fgColor-hover: #1f2328;
+  --diffBlob-hunkNum-bgColor-rest: #e6eaef;
+  --diffBlob-hunkNum-bgColor-hover: #c8d1da;
+  --diffBlob-emptyNum-bgColor: #f6f8fa;
+  --diffBlob-emptyLine-bgColor: #f6f8fa;
+  --diffBlob-expander-iconColor: #59636e;
+  --light-tritanopia-hunkNum-bgColor-rest: #e6eaef;
+  --light-tritanopia-hunkNum-bgColor-hover: #c8d1da;
+  --topicTag-borderColor: #ffffff00;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light_colorblind"],
 [data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
-    --topicTag-borderColor: #ffffff00;
-    --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
-    --diffBlob-additionLine-fgColor: #1f2328;
-    --diffBlob-additionLine-bgColor: #ddf4ff;
-    --diffBlob-additionWord-fgColor: #1f2328;
-    --diffBlob-additionWord-bgColor: #b6e3ff;
-    --diffBlob-additionNum-fgColor: #1f2328;
-    --diffBlob-additionNum-bgColor: #b6e3ff;
-    --diffBlob-deletionLine-fgColor: #1f2328;
-    --diffBlob-deletionLine-bgColor: #fff1e5;
-    --diffBlob-deletionWord-fgColor: #1f2328;
-    --diffBlob-deletionWord-bgColor: #ffd8b5;
-    --diffBlob-deletionNum-fgColor: #1f2328;
-    --diffBlob-deletionNum-bgColor: #ffd8b5;
-    --diffBlob-hunkLine-bgColor: #f6f8fa;
-    --diffBlob-hunkLine-fgColor: #59636e;
-    --diffBlob-hunkNum-fgColor-rest: #1f2328;
-    --diffBlob-hunkNum-fgColor-hover: #1f2328;
-    --diffBlob-hunkNum-bgColor-rest: #e6eaef;
-    --diffBlob-hunkNum-bgColor-hover: #c8d1da;
-    --diffBlob-emptyNum-bgColor: #f6f8fa;
-    --diffBlob-emptyLine-bgColor: #f6f8fa;
-    --diffBlob-expander-iconColor: #59636e;
   --codeMirror-fgColor: #1f2328;
   --codeMirror-bgColor: #ffffff;
   --codeMirror-gutters-bgColor: #ffffff;
@@ -745,6 +724,7 @@
   --display-pink-fgColor: #b12f79;
   --display-pink-borderColor-muted: #fdc9e2;
   --display-pink-borderColor-emphasis: #ce2c85;
+    --highlight-neutral-bgColor: #fff8c5;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #1f232826;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1156,5 +1136,29 @@
   --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
   --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+    --diffBlob-additionLine-fgColor: #1f2328;
+    --diffBlob-additionLine-bgColor: #ddf4ff;
+    --diffBlob-additionWord-fgColor: #1f2328;
+    --diffBlob-additionWord-bgColor: #b6e3ff;
+    --diffBlob-additionNum-fgColor: #1f2328;
+    --diffBlob-additionNum-bgColor: #b6e3ff;
+    --diffBlob-deletionLine-fgColor: #1f2328;
+    --diffBlob-deletionLine-bgColor: #fff1e5;
+    --diffBlob-deletionWord-fgColor: #1f2328;
+    --diffBlob-deletionWord-bgColor: #ffd8b5;
+    --diffBlob-deletionNum-fgColor: #1f2328;
+    --diffBlob-deletionNum-bgColor: #ffd8b5;
+    --diffBlob-hunkLine-fgColor: #59636e;
+    --diffBlob-hunkLine-bgColor: #f6f8fa;
+    --diffBlob-hunkNum-fgColor-rest: #1f2328;
+    --diffBlob-hunkNum-fgColor-hover: #1f2328;
+    --diffBlob-hunkNum-bgColor-rest: #e6eaef;
+    --diffBlob-hunkNum-bgColor-hover: #c8d1da;
+    --diffBlob-emptyNum-bgColor: #f6f8fa;
+    --diffBlob-emptyLine-bgColor: #f6f8fa;
+    --diffBlob-expander-iconColor: #59636e;
+    --light-tritanopia-hunkNum-bgColor-rest: #e6eaef;
+    --light-tritanopia-hunkNum-bgColor-hover: #c8d1da;
+    --topicTag-borderColor: #ffffff00;
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-high-contrast.css	2024-12-11 12:28:14.693998129 +0000
@@ -2,30 +2,7 @@
[data-color-mode="light"][data-light-theme="light_high_contrast"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_high_contrast"],
[data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
-  --topicTag-borderColor: #0349b4;
-  --highlight-neutral-bgColor: #fcf7be;
 --page-header-bgColor: #e6eaef;
-  --diffBlob-additionLine-fgColor: #010409;
-  --diffBlob-additionLine-bgColor: #d2fedb;
-  --diffBlob-additionWord-fgColor: #ffffff;
-  --diffBlob-additionWord-bgColor: #055d20;
-  --diffBlob-additionNum-fgColor: #010409;
-  --diffBlob-additionNum-bgColor: #82e596;
-  --diffBlob-deletionLine-fgColor: #010409;
-  --diffBlob-deletionLine-bgColor: #fff0ee;
-  --diffBlob-deletionWord-fgColor: #ffffff;
-  --diffBlob-deletionWord-bgColor: #a0111f;
-  --diffBlob-deletionNum-fgColor: #010409;
-  --diffBlob-deletionNum-bgColor: #ffc1bc;
-  --diffBlob-hunkLine-bgColor: #dff7ff;
-  --diffBlob-hunkLine-fgColor: #454c54;
-  --diffBlob-hunkNum-fgColor-rest: #010409;
-  --diffBlob-hunkNum-fgColor-hover: #ffffff;
-  --diffBlob-hunkNum-bgColor-rest: #9cd7ff;
-  --diffBlob-hunkNum-bgColor-hover: #0349b4;
-  --diffBlob-emptyNum-bgColor: #e6eaef;
-  --diffBlob-emptyLine-bgColor: #e6eaef;
-  --diffBlob-expander-iconColor: #010409;
 --codeMirror-fgColor: #010409;
 --codeMirror-bgColor: #ffffff;
 --codeMirror-gutters-bgColor: #ffffff;
@@ -166,6 +143,7 @@
 --display-pink-fgColor: #6e2b53;
 --display-pink-borderColor-muted: #fdc9e2;
 --display-pink-borderColor-emphasis: #b12f79;
+  --highlight-neutral-bgColor: #fcf7be;
 --avatar-bgColor: #ffffff;
 --avatar-borderColor: #010409e6;
 --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -577,34 +555,35 @@
 --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
 --shadow-floating-xlarge: 0px 0px 0px 1px #454c54, 0px 56px 112px 0px #25292e52;
 --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+  --diffBlob-additionLine-fgColor: #010409;
+  --diffBlob-additionLine-bgColor: #d2fedb;
+  --diffBlob-additionWord-fgColor: #ffffff;
+  --diffBlob-additionWord-bgColor: #055d20;
+  --diffBlob-additionNum-fgColor: #010409;
+  --diffBlob-additionNum-bgColor: #82e596;
+  --diffBlob-deletionLine-fgColor: #010409;
+  --diffBlob-deletionLine-bgColor: #fff0ee;
+  --diffBlob-deletionWord-fgColor: #ffffff;
+  --diffBlob-deletionWord-bgColor: #a0111f;
+  --diffBlob-deletionNum-fgColor: #010409;
+  --diffBlob-deletionNum-bgColor: #ffc1bc;
+  --diffBlob-hunkLine-fgColor: #454c54;
+  --diffBlob-hunkLine-bgColor: #dff7ff;
+  --diffBlob-hunkNum-fgColor-rest: #010409;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #9cd7ff;
+  --diffBlob-hunkNum-bgColor-hover: #0349b4;
+  --diffBlob-emptyNum-bgColor: #e6eaef;
+  --diffBlob-emptyLine-bgColor: #e6eaef;
+  --diffBlob-expander-iconColor: #010409;
+  --light-tritanopia-hunkNum-bgColor-rest: #e6eaef;
+  --light-tritanopia-hunkNum-bgColor-hover: #c8d1da;
+  --topicTag-borderColor: #0349b4;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
 [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
-    --topicTag-borderColor: #0349b4;
-    --highlight-neutral-bgColor: #fcf7be;
   --page-header-bgColor: #e6eaef;
-    --diffBlob-additionLine-fgColor: #010409;
-    --diffBlob-additionLine-bgColor: #d2fedb;
-    --diffBlob-additionWord-fgColor: #ffffff;
-    --diffBlob-additionWord-bgColor: #055d20;
-    --diffBlob-additionNum-fgColor: #010409;
-    --diffBlob-additionNum-bgColor: #82e596;
-    --diffBlob-deletionLine-fgColor: #010409;
-    --diffBlob-deletionLine-bgColor: #fff0ee;
-    --diffBlob-deletionWord-fgColor: #ffffff;
-    --diffBlob-deletionWord-bgColor: #a0111f;
-    --diffBlob-deletionNum-fgColor: #010409;
-    --diffBlob-deletionNum-bgColor: #ffc1bc;
-    --diffBlob-hunkLine-bgColor: #dff7ff;
-    --diffBlob-hunkLine-fgColor: #454c54;
-    --diffBlob-hunkNum-fgColor-rest: #010409;
-    --diffBlob-hunkNum-fgColor-hover: #ffffff;
-    --diffBlob-hunkNum-bgColor-rest: #9cd7ff;
-    --diffBlob-hunkNum-bgColor-hover: #0349b4;
-    --diffBlob-emptyNum-bgColor: #e6eaef;
-    --diffBlob-emptyLine-bgColor: #e6eaef;
-    --diffBlob-expander-iconColor: #010409;
   --codeMirror-fgColor: #010409;
   --codeMirror-bgColor: #ffffff;
   --codeMirror-gutters-bgColor: #ffffff;
@@ -745,6 +724,7 @@
   --display-pink-fgColor: #6e2b53;
   --display-pink-borderColor-muted: #fdc9e2;
   --display-pink-borderColor-emphasis: #b12f79;
+    --highlight-neutral-bgColor: #fcf7be;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #010409e6;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1156,5 +1136,29 @@
   --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
   --shadow-floating-xlarge: 0px 0px 0px 1px #454c54, 0px 56px 112px 0px #25292e52;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+    --diffBlob-additionLine-fgColor: #010409;
+    --diffBlob-additionLine-bgColor: #d2fedb;
+    --diffBlob-additionWord-fgColor: #ffffff;
+    --diffBlob-additionWord-bgColor: #055d20;
+    --diffBlob-additionNum-fgColor: #010409;
+    --diffBlob-additionNum-bgColor: #82e596;
+    --diffBlob-deletionLine-fgColor: #010409;
+    --diffBlob-deletionLine-bgColor: #fff0ee;
+    --diffBlob-deletionWord-fgColor: #ffffff;
+    --diffBlob-deletionWord-bgColor: #a0111f;
+    --diffBlob-deletionNum-fgColor: #010409;
+    --diffBlob-deletionNum-bgColor: #ffc1bc;
+    --diffBlob-hunkLine-fgColor: #454c54;
+    --diffBlob-hunkLine-bgColor: #dff7ff;
+    --diffBlob-hunkNum-fgColor-rest: #010409;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #9cd7ff;
+    --diffBlob-hunkNum-bgColor-hover: #0349b4;
+    --diffBlob-emptyNum-bgColor: #e6eaef;
+    --diffBlob-emptyLine-bgColor: #e6eaef;
+    --diffBlob-expander-iconColor: #010409;
+    --light-tritanopia-hunkNum-bgColor-rest: #e6eaef;
+    --light-tritanopia-hunkNum-bgColor-hover: #c8d1da;
+    --topicTag-borderColor: #0349b4;
 }
}

/css/functional/themes/light-tritanopia.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia.css	2024-12-11 12:28:12.805006614 +0000
@@ -2,30 +2,7 @@
[data-color-mode="light"][data-light-theme="light_tritanopia"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_tritanopia"],
[data-color-mode="auto"][data-light-theme="light_tritanopia"] ::backdrop {
-  --topicTag-borderColor: #ffffff00;
-  --highlight-neutral-bgColor: #fff8c5;
 --page-header-bgColor: #f6f8fa;
-  --diffBlob-additionLine-fgColor: #1f2328;
-  --diffBlob-additionLine-bgColor: #ddf4ff;
-  --diffBlob-additionWord-fgColor: #1f2328;
-  --diffBlob-additionWord-bgColor: #b6e3ff;
-  --diffBlob-additionNum-fgColor: #1f2328;
-  --diffBlob-additionNum-bgColor: #b6e3ff;
-  --diffBlob-deletionLine-fgColor: #1f2328;
-  --diffBlob-deletionLine-bgColor: #ffebe9;
-  --diffBlob-deletionWord-fgColor: #1f2328;
-  --diffBlob-deletionWord-bgColor: #ffcecb;
-  --diffBlob-deletionNum-fgColor: #1f2328;
-  --diffBlob-deletionNum-bgColor: #ffcecb;
-  --diffBlob-hunkLine-bgColor: #f6f8fa;
-  --diffBlob-hunkLine-fgColor: #59636e;
-  --diffBlob-hunkNum-fgColor-rest: #1f2328;
-  --diffBlob-hunkNum-fgColor-hover: #1f2328;
-  --diffBlob-hunkNum-bgColor-rest: #e6eaef;
-  --diffBlob-hunkNum-bgColor-hover: #c8d1da;
-  --diffBlob-emptyNum-bgColor: #f6f8fa;
-  --diffBlob-emptyLine-bgColor: #f6f8fa;
-  --diffBlob-expander-iconColor: #59636e;
 --codeMirror-fgColor: #1f2328;
 --codeMirror-bgColor: #ffffff;
 --codeMirror-gutters-bgColor: #ffffff;
@@ -166,6 +143,7 @@
 --display-pink-fgColor: #b12f79;
 --display-pink-borderColor-muted: #fdc9e2;
 --display-pink-borderColor-emphasis: #ce2c85;
+  --highlight-neutral-bgColor: #fff8c5;
 --avatar-bgColor: #ffffff;
 --avatar-borderColor: #1f232826;
 --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -577,34 +555,35 @@
 --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
 --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
 --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+  --diffBlob-additionLine-fgColor: #1f2328;
+  --diffBlob-additionLine-bgColor: #ddf4ff;
+  --diffBlob-additionWord-fgColor: #1f2328;
+  --diffBlob-additionWord-bgColor: #b6e3ff;
+  --diffBlob-additionNum-fgColor: #1f2328;
+  --diffBlob-additionNum-bgColor: #b6e3ff;
+  --diffBlob-deletionLine-fgColor: #1f2328;
+  --diffBlob-deletionLine-bgColor: #ffebe9;
+  --diffBlob-deletionWord-fgColor: #1f2328;
+  --diffBlob-deletionWord-bgColor: #ffcecb;
+  --diffBlob-deletionNum-fgColor: #1f2328;
+  --diffBlob-deletionNum-bgColor: #ffcecb;
+  --diffBlob-hunkLine-fgColor: #59636e;
+  --diffBlob-hunkLine-bgColor: #f6f8fa;
+  --diffBlob-hunkNum-fgColor-rest: #1f2328;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
+  --diffBlob-hunkNum-bgColor-hover: #0969da;
+  --diffBlob-emptyNum-bgColor: #f6f8fa;
+  --diffBlob-emptyLine-bgColor: #f6f8fa;
+  --diffBlob-expander-iconColor: #59636e;
+  --light-tritanopia-hunkNum-bgColor-rest: #e6eaef;
+  --light-tritanopia-hunkNum-bgColor-hover: #c8d1da;
+  --topicTag-borderColor: #ffffff00;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
 [data-color-mode="auto"][data-dark-theme="light_tritanopia"] ::backdrop {
-    --topicTag-borderColor: #ffffff00;
-    --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
-    --diffBlob-additionLine-fgColor: #1f2328;
-    --diffBlob-additionLine-bgColor: #ddf4ff;
-    --diffBlob-additionWord-fgColor: #1f2328;
-    --diffBlob-additionWord-bgColor: #b6e3ff;
-    --diffBlob-additionNum-fgColor: #1f2328;
-    --diffBlob-additionNum-bgColor: #b6e3ff;
-    --diffBlob-deletionLine-fgColor: #1f2328;
-    --diffBlob-deletionLine-bgColor: #ffebe9;
-    --diffBlob-deletionWord-fgColor: #1f2328;
-    --diffBlob-deletionWord-bgColor: #ffcecb;
-    --diffBlob-deletionNum-fgColor: #1f2328;
-    --diffBlob-deletionNum-bgColor: #ffcecb;
-    --diffBlob-hunkLine-bgColor: #f6f8fa;
-    --diffBlob-hunkLine-fgColor: #59636e;
-    --diffBlob-hunkNum-fgColor-rest: #1f2328;
-    --diffBlob-hunkNum-fgColor-hover: #1f2328;
-    --diffBlob-hunkNum-bgColor-rest: #e6eaef;
-    --diffBlob-hunkNum-bgColor-hover: #c8d1da;
-    --diffBlob-emptyNum-bgColor: #f6f8fa;
-    --diffBlob-emptyLine-bgColor: #f6f8fa;
-    --diffBlob-expander-iconColor: #59636e;
   --codeMirror-fgColor: #1f2328;
   --codeMirror-bgColor: #ffffff;
   --codeMirror-gutters-bgColor: #ffffff;
@@ -745,6 +724,7 @@
   --display-pink-fgColor: #b12f79;
   --display-pink-borderColor-muted: #fdc9e2;
   --display-pink-borderColor-emphasis: #ce2c85;
+    --highlight-neutral-bgColor: #fff8c5;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #1f232826;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1156,5 +1136,29 @@
   --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
   --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+    --diffBlob-additionLine-fgColor: #1f2328;
+    --diffBlob-additionLine-bgColor: #ddf4ff;
+    --diffBlob-additionWord-fgColor: #1f2328;
+    --diffBlob-additionWord-bgColor: #b6e3ff;
+    --diffBlob-additionNum-fgColor: #1f2328;
+    --diffBlob-additionNum-bgColor: #b6e3ff;
+    --diffBlob-deletionLine-fgColor: #1f2328;
+    --diffBlob-deletionLine-bgColor: #ffebe9;
+    --diffBlob-deletionWord-fgColor: #1f2328;
+    --diffBlob-deletionWord-bgColor: #ffcecb;
+    --diffBlob-deletionNum-fgColor: #1f2328;
+    --diffBlob-deletionNum-bgColor: #ffcecb;
+    --diffBlob-hunkLine-fgColor: #59636e;
+    --diffBlob-hunkLine-bgColor: #f6f8fa;
+    --diffBlob-hunkNum-fgColor-rest: #1f2328;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
+    --diffBlob-hunkNum-bgColor-hover: #0969da;
+    --diffBlob-emptyNum-bgColor: #f6f8fa;
+    --diffBlob-emptyLine-bgColor: #f6f8fa;
+    --diffBlob-expander-iconColor: #59636e;
+    --light-tritanopia-hunkNum-bgColor-rest: #e6eaef;
+    --light-tritanopia-hunkNum-bgColor-hover: #c8d1da;
+    --topicTag-borderColor: #ffffff00;
 }
}

/css/functional/themes/light.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light.css	2024-12-11 12:28:11.766011281 +0000
@@ -2,30 +2,7 @@
[data-color-mode="light"][data-light-theme="light"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light"],
[data-color-mode="auto"][data-light-theme="light"] ::backdrop {
-  --topicTag-borderColor: #ffffff00;
-  --highlight-neutral-bgColor: #fff8c5;
 --page-header-bgColor: #f6f8fa;
-  --diffBlob-additionLine-fgColor: #1f2328;
-  --diffBlob-additionLine-bgColor: #dafbe1;
-  --diffBlob-additionWord-fgColor: #1f2328;
-  --diffBlob-additionWord-bgColor: #aceebb;
-  --diffBlob-additionNum-fgColor: #1f2328;
-  --diffBlob-additionNum-bgColor: #aceebb;
-  --diffBlob-deletionLine-fgColor: #1f2328;
-  --diffBlob-deletionLine-bgColor: #ffebe9;
-  --diffBlob-deletionWord-fgColor: #1f2328;
-  --diffBlob-deletionWord-bgColor: #ffcecb;
-  --diffBlob-deletionNum-fgColor: #1f2328;
-  --diffBlob-deletionNum-bgColor: #ffcecb;
-  --diffBlob-hunkLine-bgColor: #ddf4ff;
-  --diffBlob-hunkLine-fgColor: #59636e;
-  --diffBlob-hunkNum-fgColor-rest: #1f2328;
-  --diffBlob-hunkNum-fgColor-hover: #ffffff;
-  --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
-  --diffBlob-hunkNum-bgColor-hover: #0969da;
-  --diffBlob-emptyNum-bgColor: #f6f8fa;
-  --diffBlob-emptyLine-bgColor: #f6f8fa;
-  --diffBlob-expander-iconColor: #59636e;
 --codeMirror-fgColor: #1f2328;
 --codeMirror-bgColor: #ffffff;
 --codeMirror-gutters-bgColor: #ffffff;
@@ -166,6 +143,7 @@
 --display-pink-fgColor: #b12f79;
 --display-pink-borderColor-muted: #fdc9e2;
 --display-pink-borderColor-emphasis: #ce2c85;
+  --highlight-neutral-bgColor: #fff8c5;
 --avatar-bgColor: #ffffff;
 --avatar-borderColor: #1f232826;
 --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -577,34 +555,35 @@
 --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
 --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
 --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+  --diffBlob-additionLine-fgColor: #1f2328;
+  --diffBlob-additionLine-bgColor: #dafbe1;
+  --diffBlob-additionWord-fgColor: #1f2328;
+  --diffBlob-additionWord-bgColor: #aceebb;
+  --diffBlob-additionNum-fgColor: #1f2328;
+  --diffBlob-additionNum-bgColor: #aceebb;
+  --diffBlob-deletionLine-fgColor: #1f2328;
+  --diffBlob-deletionLine-bgColor: #ffebe9;
+  --diffBlob-deletionWord-fgColor: #1f2328;
+  --diffBlob-deletionWord-bgColor: #ffcecb;
+  --diffBlob-deletionNum-fgColor: #1f2328;
+  --diffBlob-deletionNum-bgColor: #ffcecb;
+  --diffBlob-hunkLine-fgColor: #59636e;
+  --diffBlob-hunkLine-bgColor: #ddf4ff;
+  --diffBlob-hunkNum-fgColor-rest: #1f2328;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
+  --diffBlob-hunkNum-bgColor-hover: #0969da;
+  --diffBlob-emptyNum-bgColor: #f6f8fa;
+  --diffBlob-emptyLine-bgColor: #f6f8fa;
+  --diffBlob-expander-iconColor: #59636e;
+  --light-tritanopia-hunkNum-bgColor-rest: #e6eaef;
+  --light-tritanopia-hunkNum-bgColor-hover: #c8d1da;
+  --topicTag-borderColor: #ffffff00;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light"],
 [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
-    --topicTag-borderColor: #ffffff00;
-    --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
-    --diffBlob-additionLine-fgColor: #1f2328;
-    --diffBlob-additionLine-bgColor: #dafbe1;
-    --diffBlob-additionWord-fgColor: #1f2328;
-    --diffBlob-additionWord-bgColor: #aceebb;
-    --diffBlob-additionNum-fgColor: #1f2328;
-    --diffBlob-additionNum-bgColor: #aceebb;
-    --diffBlob-deletionLine-fgColor: #1f2328;
-    --diffBlob-deletionLine-bgColor: #ffebe9;
-    --diffBlob-deletionWord-fgColor: #1f2328;
-    --diffBlob-deletionWord-bgColor: #ffcecb;
-    --diffBlob-deletionNum-fgColor: #1f2328;
-    --diffBlob-deletionNum-bgColor: #ffcecb;
-    --diffBlob-hunkLine-bgColor: #ddf4ff;
-    --diffBlob-hunkLine-fgColor: #59636e;
-    --diffBlob-hunkNum-fgColor-rest: #1f2328;
-    --diffBlob-hunkNum-fgColor-hover: #ffffff;
-    --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
-    --diffBlob-hunkNum-bgColor-hover: #0969da;
-    --diffBlob-emptyNum-bgColor: #f6f8fa;
-    --diffBlob-emptyLine-bgColor: #f6f8fa;
-    --diffBlob-expander-iconColor: #59636e;
   --codeMirror-fgColor: #1f2328;
   --codeMirror-bgColor: #ffffff;
   --codeMirror-gutters-bgColor: #ffffff;
@@ -745,6 +724,7 @@
   --display-pink-fgColor: #b12f79;
   --display-pink-borderColor-muted: #fdc9e2;
   --display-pink-borderColor-emphasis: #ce2c85;
+    --highlight-neutral-bgColor: #fff8c5;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #1f232826;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1156,5 +1136,29 @@
   --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
   --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
   --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
+    --diffBlob-additionLine-fgColor: #1f2328;
+    --diffBlob-additionLine-bgColor: #dafbe1;
+    --diffBlob-additionWord-fgColor: #1f2328;
+    --diffBlob-additionWord-bgColor: #aceebb;
+    --diffBlob-additionNum-fgColor: #1f2328;
+    --diffBlob-additionNum-bgColor: #aceebb;
+    --diffBlob-deletionLine-fgColor: #1f2328;
+    --diffBlob-deletionLine-bgColor: #ffebe9;
+    --diffBlob-deletionWord-fgColor: #1f2328;
+    --diffBlob-deletionWord-bgColor: #ffcecb;
+    --diffBlob-deletionNum-fgColor: #1f2328;
+    --diffBlob-deletionNum-bgColor: #ffcecb;
+    --diffBlob-hunkLine-fgColor: #59636e;
+    --diffBlob-hunkLine-bgColor: #ddf4ff;
+    --diffBlob-hunkNum-fgColor-rest: #1f2328;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
+    --diffBlob-hunkNum-bgColor-hover: #0969da;
+    --diffBlob-emptyNum-bgColor: #f6f8fa;
+    --diffBlob-emptyLine-bgColor: #f6f8fa;
+    --diffBlob-expander-iconColor: #59636e;
+    --light-tritanopia-hunkNum-bgColor-rest: #e6eaef;
+    --light-tritanopia-hunkNum-bgColor-hover: #c8d1da;
+    --topicTag-borderColor: #ffffff00;
 }
}

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 11, 2024 •
edited
Loading

Design Token Diff (StyleLint)

The message is too long to be displayed here. For more details, please check the job summary.

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 11, 2024 •
edited
Loading

Design Token Diff (Figma)

The message is too long to be displayed here. For more details, please check the job summary.

@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 11:00 Inactive
@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 11, 2024 12:29 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@langermank langermank Awaiting requested review from langermank langermank is a code owner automatically assigned from primer/css-reviewers

At least 1 approving review is required to merge this pull request.

Assignees

@lukasoppermann lukasoppermann

Labels
skip changeset Apply to PRs that should not result in a version bump.
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@lukasoppermann