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.

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

adding display colors to contrast:check #939

Merged
merged 7 commits into from
Jun 20, 2024
Merged

Conversation

lukasoppermann
Copy link
Contributor

@lukasoppermann lukasoppermann commented Apr 26, 2024

Summary

  • added test for display tokens:
    • display fgColor on dispaly bgColor muted
    • fgColor-emphasis on dispaly bgColor emphasis
    • display border emphasis on bgColor-default and bgColor-muted
    • display border on display bgColor muted
  • updated display bgColor emphasis tokens for dark mode to assure contrast is met.

Copy link

changeset-bot bot commented Apr 26, 2024

⚠️ No Changeset found

Latest commit: 294c921

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

Copy link
Contributor

github-actions bot commented Jun 20, 2024

Design Token Contrast Check

light: ✅ all checks passed

Show results table for theme: light
contrastPair pass contrastRatio minimumContrastRatio
fgColor-default vs. bgColor-default 15.79:1 4.5:1
fgColor-muted vs. bgColor-default 5.33:1 4.5:1
fgColor-default vs. bgColor-muted 14.83:1 4.5:1
fgColor-muted vs. bgColor-muted 5.01:1 4.5:1
fgColor-default vs. bgColor-inset 14.83:1 4.5:1
fgColor-muted vs. bgColor-inset 5.01:1 4.5:1
control-fgColor-rest vs. bgColor-default 14.65:1 4.5:1
control-fgColor-rest vs. bgColor-muted 13.76:1 4.5:1
control-fgColor-rest vs. bgColor-inset 13.76:1 4.5:1
control-fgColor-rest vs. control-bgColor-rest 13.76:1 4.5:1
control-fgColor-placeholder vs. control-bgColor-rest 4.58:1 4.5:1
control-fgColor-rest vs. control-bgColor-active 12.22:1 4.5:1
control-fgColor-rest vs. control-bgColor-selected 13.76:1 4.5:1
fgColor-default vs. bgColor-accent-muted 13.88:1 4.5:1
fgColor-default vs. bgColor-success-muted 14.19:1 4.5:1
fgColor-default vs. bgColor-open-muted 14.19:1 4.5:1
fgColor-default vs. bgColor-danger-muted 13.77:1 4.5:1
fgColor-default vs. bgColor-closed-muted 13.77:1 4.5:1
fgColor-default vs. bgColor-attention-muted 14.65:1 4.5:1
fgColor-default vs. bgColor-severe-muted 14.26:1 4.5:1
fgColor-default vs. bgColor-done-muted 14.21:1 4.5:1
fgColor-default vs. bgColor-sponsors-muted 14.24:1 4.5:1
fgColor-accent vs. bgColor-default 5.19:1 4.5:1
fgColor-accent vs. bgColor-muted 4.87:1 4.5:1
fgColor-accent vs. bgColor-inset 4.87:1 4.5:1
fgColor-success vs. bgColor-default 5.07:1 4.5:1
fgColor-success vs. bgColor-muted 4.77:1 4.5:1
fgColor-success vs. bgColor-inset 4.77:1 4.5:1
fgColor-open vs. bgColor-default 5.07:1 4.5:1
fgColor-open vs. bgColor-muted 4.77:1 4.5:1
fgColor-open vs. bgColor-inset 4.77:1 4.5:1
fgColor-danger vs. bgColor-default 5.24:1 4.5:1
fgColor-danger vs. bgColor-muted 4.92:1 4.5:1
fgColor-danger vs. bgColor-inset 4.92:1 4.5:1
fgColor-closed vs. bgColor-default 5.24:1 4.5:1
fgColor-closed vs. bgColor-muted 4.92:1 4.5:1
fgColor-closed vs. bgColor-inset 4.92:1 4.5:1
fgColor-attention vs. bgColor-default 4.86:1 4.5:1
fgColor-attention vs. bgColor-muted 4.57:1 4.5:1
fgColor-attention vs. bgColor-inset 4.57:1 4.5:1
fgColor-severe vs. bgColor-default 5.03:1 4.5:1
fgColor-severe vs. bgColor-muted 4.72:1 4.5:1
fgColor-severe vs. bgColor-inset 4.72:1 4.5:1
fgColor-done vs. bgColor-default 5.04:1 4.5:1
fgColor-done vs. bgColor-muted 4.73:1 4.5:1
fgColor-done vs. bgColor-inset 4.73:1 4.5:1
fgColor-sponsors vs. bgColor-default 5.04:1 4.5:1
fgColor-sponsors vs. bgColor-muted 4.73:1 4.5:1
fgColor-sponsors vs. bgColor-inset 4.73:1 4.5:1
fgColor-accent vs. bgColor-accent-muted 4.56:1 4.5:1
fgColor-success vs. bgColor-success-muted 4.56:1 4.5:1
fgColor-open vs. bgColor-open-muted 4.56:1 4.5:1
fgColor-danger vs. bgColor-danger-muted 4.57:1 4.5:1
fgColor-closed vs. bgColor-closed-muted 4.57:1 4.5:1
fgColor-attention vs. bgColor-attention-muted 4.51:1 4.5:1
fgColor-severe vs. bgColor-severe-muted 4.54:1 4.5:1
fgColor-done vs. bgColor-done-muted 4.53:1 4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted 4.55:1 4.5:1
fgColor-onEmphasis vs. bgColor-neutral-emphasis 4.54:1 4.5:1
fgColor-onEmphasis vs. bgColor-accent-emphasis 5.19:1 4.5:1
fgColor-onEmphasis vs. bgColor-success-emphasis 4.51:1 4.5:1
fgColor-onEmphasis vs. bgColor-open-emphasis 4.51:1 4.5:1
fgColor-onEmphasis vs. bgColor-danger-emphasis 5.35:1 4.5:1
fgColor-onEmphasis vs. bgColor-closed-emphasis 5.35:1 4.5:1
fgColor-onEmphasis vs. bgColor-attention-emphasis 4.86:1 4.5:1
fgColor-onEmphasis vs. bgColor-severe-emphasis 5.03:1 4.5:1
fgColor-onEmphasis vs. bgColor-done-emphasis 5.04:1 4.5:1
fgColor-onEmphasis vs. bgColor-sponsors-emphasis 5.04:1 4.5:1
control-borderColor-emphasis vs. bgColor-default 3.27:1 3:1
control-borderColor-emphasis vs. bgColor-muted 3.08:1 3:1
display-gray-fgColor vs. display-gray-bgColor-muted 4.98:1 4.5:1
display-indigo-fgColor vs. display-indigo-bgColor-muted 5.06:1 4.5:1
display-blue-fgColor vs. display-blue-bgColor-muted 5.02:1 4.5:1
display-cyan-fgColor vs. display-cyan-bgColor-muted 5.2:1 4.5:1
display-teal-fgColor vs. display-teal-bgColor-muted 5.05:1 4.5:1
display-pine-fgColor vs. display-pine-bgColor-muted 5.18:1 4.5:1
display-green-fgColor vs. display-green-bgColor-muted 5.18:1 4.5:1
display-lime-fgColor vs. display-lime-bgColor-muted 5.12:1 4.5:1
display-olive-fgColor vs. display-olive-bgColor-muted 5.2:1 4.5:1
display-lemon-fgColor vs. display-lemon-bgColor-muted 5.09:1 4.5:1
display-yellow-fgColor vs. display-yellow-bgColor-muted 5.3:1 4.5:1
display-orange-fgColor vs. display-orange-bgColor-muted 5.14:1 4.5:1
display-red-fgColor vs. display-red-bgColor-muted 4.96:1 4.5:1
display-coral-fgColor vs. display-coral-bgColor-muted 5.01:1 4.5:1
display-pink-fgColor vs. display-pink-bgColor-muted 4.99:1 4.5:1
display-plum-fgColor vs. display-plum-bgColor-muted 5.01:1 4.5:1
display-purple-fgColor vs. display-purple-bgColor-muted 4.93:1 4.5:1
display-brown-fgColor vs. display-brown-bgColor-muted 5.03:1 4.5:1
display-auburn-fgColor vs. display-auburn-bgColor-muted 5.03:1 4.5:1
fgColor-onEmphasis vs. display-gray-bgColor-emphasis 4.96:1 4.5:1
fgColor-onEmphasis vs. display-indigo-bgColor-emphasis 4.88:1 4.5:1
fgColor-onEmphasis vs. display-blue-bgColor-emphasis 4.93:1 4.5:1
fgColor-onEmphasis vs. display-cyan-bgColor-emphasis 4.92:1 4.5:1
fgColor-onEmphasis vs. display-teal-bgColor-emphasis 4.85:1 4.5:1
fgColor-onEmphasis vs. display-pine-bgColor-emphasis 5.06:1 4.5:1
fgColor-onEmphasis vs. display-green-bgColor-emphasis 4.85:1 4.5:1
fgColor-onEmphasis vs. display-lime-bgColor-emphasis 5.03:1 4.5:1
fgColor-onEmphasis vs. display-olive-bgColor-emphasis 5.03:1 4.5:1
fgColor-onEmphasis vs. display-lemon-bgColor-emphasis 4.94:1 4.5:1
fgColor-onEmphasis vs. display-yellow-bgColor-emphasis 4.86:1 4.5:1
fgColor-onEmphasis vs. display-orange-bgColor-emphasis 5:1 4.5:1
fgColor-onEmphasis vs. display-red-bgColor-emphasis 4.98:1 4.5:1
fgColor-onEmphasis vs. display-coral-bgColor-emphasis 4.86:1 4.5:1
fgColor-onEmphasis vs. display-pink-bgColor-emphasis 4.85:1 4.5:1
fgColor-onEmphasis vs. display-plum-bgColor-emphasis 4.93:1 4.5:1
fgColor-onEmphasis vs. display-purple-bgColor-emphasis 4.88:1 4.5:1
fgColor-onEmphasis vs. display-brown-bgColor-emphasis 4.89:1 4.5:1
fgColor-onEmphasis vs. display-auburn-bgColor-emphasis 4.88:1 4.5:1
bgColor-default vs. display-gray-borderColor-emphasis 4.96:1 3:1
bgColor-default vs. display-indigo-borderColor-emphasis 4.88:1 3:1
bgColor-default vs. display-blue-borderColor-emphasis 4.93:1 3:1
bgColor-default vs. display-cyan-borderColor-emphasis 4.92:1 3:1
bgColor-default vs. display-teal-borderColor-emphasis 4.85:1 3:1
bgColor-default vs. display-pine-borderColor-emphasis 5.06:1 3:1
bgColor-default vs. display-green-borderColor-emphasis 4.85:1 3:1
bgColor-default vs. display-lime-borderColor-emphasis 5.03:1 3:1
bgColor-default vs. display-olive-borderColor-emphasis 5.03:1 3:1
bgColor-default vs. display-lemon-borderColor-emphasis 4.94:1 3:1
bgColor-default vs. display-yellow-borderColor-emphasis 4.86:1 3:1
bgColor-default vs. display-orange-borderColor-emphasis 5:1 3:1
bgColor-default vs. display-red-borderColor-emphasis 4.98:1 3:1
bgColor-default vs. display-coral-borderColor-emphasis 4.86:1 3:1
bgColor-default vs. display-pink-borderColor-emphasis 4.85:1 3:1
bgColor-default vs. display-plum-borderColor-emphasis 4.93:1 3:1
bgColor-default vs. display-purple-borderColor-emphasis 4.88:1 3:1
bgColor-default vs. display-brown-borderColor-emphasis 4.89:1 3:1
bgColor-default vs. display-auburn-borderColor-emphasis 4.88:1 3:1
bgColor-muted vs. display-gray-borderColor-emphasis 4.66:1 3:1
bgColor-muted vs. display-indigo-borderColor-emphasis 4.58:1 3:1
bgColor-muted vs. display-blue-borderColor-emphasis 4.63:1 3:1
bgColor-muted vs. display-cyan-borderColor-emphasis 4.62:1 3:1
bgColor-muted vs. display-teal-borderColor-emphasis 4.55:1 3:1
bgColor-muted vs. display-pine-borderColor-emphasis 4.76:1 3:1
bgColor-muted vs. display-green-borderColor-emphasis 4.56:1 3:1
bgColor-muted vs. display-lime-borderColor-emphasis 4.72:1 3:1
bgColor-muted vs. display-olive-borderColor-emphasis 4.72:1 3:1
bgColor-muted vs. display-lemon-borderColor-emphasis 4.64:1 3:1
bgColor-muted vs. display-yellow-borderColor-emphasis 4.56:1 3:1
bgColor-muted vs. display-orange-borderColor-emphasis 4.7:1 3:1
bgColor-muted vs. display-red-borderColor-emphasis 4.67:1 3:1
bgColor-muted vs. display-coral-borderColor-emphasis 4.56:1 3:1
bgColor-muted vs. display-pink-borderColor-emphasis 4.56:1 3:1
bgColor-muted vs. display-plum-borderColor-emphasis 4.63:1 3:1
bgColor-muted vs. display-purple-borderColor-emphasis 4.59:1 3:1
bgColor-muted vs. display-brown-borderColor-emphasis 4.59:1 3:1
bgColor-muted vs. display-auburn-borderColor-emphasis 4.58:1 3:1
display-gray-borderColor-emphasis vs. display-gray-bgColor-muted 4.19:1 3:1
display-indigo-borderColor-emphasis vs. display-indigo-bgColor-muted 4.05:1 3:1
display-blue-borderColor-emphasis vs. display-blue-bgColor-muted 4.14:1 3:1
display-cyan-borderColor-emphasis vs. display-cyan-bgColor-muted 4.11:1 3:1
display-teal-borderColor-emphasis vs. display-teal-bgColor-muted 4.09:1 3:1
display-pine-borderColor-emphasis vs. display-pine-bgColor-muted 4.26:1 3:1
display-green-borderColor-emphasis vs. display-green-bgColor-muted 4.08:1 3:1
display-lime-borderColor-emphasis vs. display-lime-bgColor-muted 4.22:1 3:1
display-olive-borderColor-emphasis vs. display-olive-bgColor-muted 4.26:1 3:1
display-lemon-borderColor-emphasis vs. display-lemon-bgColor-muted 4.16:1 3:1
display-yellow-borderColor-emphasis vs. display-yellow-bgColor-muted 4.1:1 3:1
display-orange-borderColor-emphasis vs. display-orange-bgColor-muted 4.19:1 3:1
display-red-borderColor-emphasis vs. display-red-bgColor-muted 4.08:1 3:1
display-coral-borderColor-emphasis vs. display-coral-bgColor-muted 4.04:1 3:1
display-pink-borderColor-emphasis vs. display-pink-bgColor-muted 4.1:1 3:1
display-plum-borderColor-emphasis vs. display-plum-bgColor-muted 4.14:1 3:1
display-purple-borderColor-emphasis vs. display-purple-bgColor-muted 4.04:1 3:1
display-brown-borderColor-emphasis vs. display-brown-bgColor-muted 4.08:1 3:1
display-auburn-borderColor-emphasis vs. display-auburn-bgColor-muted 4.09:1 3:1

dark: ✅ all checks passed

Show results table for theme: dark
contrastPair pass contrastRatio minimumContrastRatio
fgColor-default vs. bgColor-default 16.01:1 4.5:1
fgColor-muted vs. bgColor-default 6.31:1 4.5:1
fgColor-default vs. bgColor-muted 14.63:1 4.5:1
fgColor-muted vs. bgColor-muted 5.76:1 4.5:1
fgColor-default vs. bgColor-inset 17.37:1 4.5:1
fgColor-muted vs. bgColor-inset 6.84:1 4.5:1
control-fgColor-rest vs. bgColor-default 12.26:1 4.5:1
control-fgColor-rest vs. bgColor-muted 11.2:1 4.5:1
control-fgColor-rest vs. bgColor-inset 13.3:1 4.5:1
control-fgColor-rest vs. control-bgColor-rest 9.86:1 4.5:1
control-fgColor-placeholder vs. control-bgColor-rest 4.58:1 4.5:1
control-fgColor-rest vs. control-bgColor-active 7.87:1 4.5:1
control-fgColor-rest vs. control-bgColor-selected 11.2:1 4.5:1
fgColor-default vs. bgColor-accent-muted on bgColor-default 14.34:1 4.5:1
fgColor-default vs. bgColor-accent-muted on bgColor-muted 12.91:1 4.5:1
fgColor-default vs. bgColor-success-muted on bgColor-default 13.44:1 4.5:1
fgColor-default vs. bgColor-success-muted on bgColor-muted 12:1 4.5:1
fgColor-default vs. bgColor-open-muted on bgColor-default 14.28:1 4.5:1
fgColor-default vs. bgColor-open-muted on bgColor-muted 12.85:1 4.5:1
fgColor-default vs. bgColor-danger-muted on bgColor-default 14.49:1 4.5:1
fgColor-default vs. bgColor-danger-muted on bgColor-muted 13.09:1 4.5:1
fgColor-default vs. bgColor-closed-muted on bgColor-default 13.65:1 4.5:1
fgColor-default vs. bgColor-closed-muted on bgColor-muted 12.34:1 4.5:1
fgColor-default vs. bgColor-attention-muted on bgColor-default 13.4:1 4.5:1
fgColor-default vs. bgColor-attention-muted on bgColor-muted 12.08:1 4.5:1
fgColor-default vs. bgColor-severe-muted on bgColor-default 14.45:1 4.5:1
fgColor-default vs. bgColor-severe-muted on bgColor-muted 13.03:1 4.5:1
fgColor-default vs. bgColor-done-muted on bgColor-default 13.11:1 4.5:1
fgColor-default vs. bgColor-done-muted on bgColor-muted 11.71:1 4.5:1
fgColor-default vs. bgColor-sponsors-muted on bgColor-default 14.4:1 4.5:1
fgColor-default vs. bgColor-sponsors-muted on bgColor-muted 12.98:1 4.5:1
fgColor-accent vs. bgColor-default 6.1:1 4.5:1
fgColor-accent vs. bgColor-muted 5.58:1 4.5:1
fgColor-accent vs. bgColor-inset 6.62:1 4.5:1
fgColor-success vs. bgColor-default 7.44:1 4.5:1
fgColor-success vs. bgColor-muted 6.8:1 4.5:1
fgColor-success vs. bgColor-inset 8.08:1 4.5:1
fgColor-open vs. bgColor-default 7.44:1 4.5:1
fgColor-open vs. bgColor-muted 6.8:1 4.5:1
fgColor-open vs. bgColor-inset 8.08:1 4.5:1
fgColor-danger vs. bgColor-default 5.64:1 4.5:1
fgColor-danger vs. bgColor-muted 5.16:1 4.5:1
fgColor-danger vs. bgColor-inset 6.12:1 4.5:1
fgColor-closed vs. bgColor-default 5.64:1 4.5:1
fgColor-closed vs. bgColor-muted 5.16:1 4.5:1
fgColor-closed vs. bgColor-inset 6.12:1 4.5:1
fgColor-attention vs. bgColor-default 7.49:1 4.5:1
fgColor-attention vs. bgColor-muted 6.85:1 4.5:1
fgColor-attention vs. bgColor-inset 8.13:1 4.5:1
fgColor-severe vs. bgColor-default 5.61:1 4.5:1
fgColor-severe vs. bgColor-muted 5.13:1 4.5:1
fgColor-severe vs. bgColor-inset 6.09:1 4.5:1
fgColor-done vs. bgColor-default 6.32:1 4.5:1
fgColor-done vs. bgColor-muted 5.78:1 4.5:1
fgColor-done vs. bgColor-inset 6.86:1 4.5:1
fgColor-sponsors vs. bgColor-default 5.62:1 4.5:1
fgColor-sponsors vs. bgColor-muted 5.14:1 4.5:1
fgColor-sponsors vs. bgColor-inset 6.1:1 4.5:1
fgColor-accent vs. bgColor-accent-muted on bgColor-default 5.46:1 4.5:1
fgColor-success vs. bgColor-success-muted on bgColor-default 6.25:1 4.5:1
fgColor-success vs. bgColor-success-muted on bgColor-muted 5.58:1 4.5:1
fgColor-open vs. bgColor-open-muted on bgColor-default 6.64:1 4.5:1
fgColor-open vs. bgColor-open-muted on bgColor-muted 5.97:1 4.5:1
fgColor-danger vs. bgColor-danger-muted on bgColor-default 5.1:1 4.5:1
fgColor-danger vs. bgColor-danger-muted on bgColor-muted 4.61:1 4.5:1
fgColor-closed vs. bgColor-closed-muted on bgColor-default 4.81:1 4.5:1
fgColor-attention vs. bgColor-attention-muted on bgColor-default 6.27:1 4.5:1
fgColor-attention vs. bgColor-attention-muted on bgColor-muted 5.65:1 4.5:1
fgColor-severe vs. bgColor-severe-muted on bgColor-default 5.06:1 4.5:1
fgColor-severe vs. bgColor-severe-muted on bgColor-muted 4.57:1 4.5:1
fgColor-done vs. bgColor-done-muted on bgColor-default 5.18:1 4.5:1
fgColor-done vs. bgColor-done-muted on bgColor-muted 4.62:1 4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-default 5.06:1 4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-muted 4.56:1 4.5:1
fgColor-onEmphasis vs. bgColor-neutral-emphasis 4.59:1 4.5:1
fgColor-onEmphasis vs. bgColor-accent-emphasis 4.63:1 4.5:1
fgColor-onEmphasis vs. bgColor-success-emphasis 4.63:1 4.5:1
fgColor-onEmphasis vs. bgColor-open-emphasis 4.63:1 4.5:1
fgColor-onEmphasis vs. bgColor-danger-emphasis 4.6:1 4.5:1
fgColor-onEmphasis vs. bgColor-closed-emphasis 4.6:1 4.5:1
fgColor-onEmphasis vs. bgColor-attention-emphasis 4.64:1 4.5:1
fgColor-onEmphasis vs. bgColor-severe-emphasis 4.65:1 4.5:1
fgColor-onEmphasis vs. bgColor-done-emphasis 4.6:1 4.5:1
fgColor-onEmphasis vs. bgColor-sponsors-emphasis 4.57:1 4.5:1
control-borderColor-emphasis vs. bgColor-default 3.66:1 3:1
control-borderColor-emphasis vs. bgColor-muted 3.35:1 3:1
display-gray-fgColor vs. display-gray-bgColor-muted 6.48:1 4.5:1
display-indigo-fgColor vs. display-indigo-bgColor-muted 6.48:1 4.5:1
display-blue-fgColor vs. display-blue-bgColor-muted 6.28:1 4.5:1
display-cyan-fgColor vs. display-cyan-bgColor-muted 6.53:1 4.5:1
display-teal-fgColor vs. display-teal-bgColor-muted 6.39:1 4.5:1
display-pine-fgColor vs. display-pine-bgColor-muted 6.42:1 4.5:1
display-green-fgColor vs. display-green-bgColor-muted 6.24:1 4.5:1
display-lime-fgColor vs. display-lime-bgColor-muted 6.47:1 4.5:1
display-olive-fgColor vs. display-olive-bgColor-muted 6.53:1 4.5:1
display-lemon-fgColor vs. display-lemon-bgColor-muted 6.12:1 4.5:1
display-yellow-fgColor vs. display-yellow-bgColor-muted 6.19:1 4.5:1
display-orange-fgColor vs. display-orange-bgColor-muted 6.26:1 4.5:1
display-red-fgColor vs. display-red-bgColor-muted 6.54:1 4.5:1
display-coral-fgColor vs. display-coral-bgColor-muted 6.54:1 4.5:1
display-pink-fgColor vs. display-pink-bgColor-muted 6.27:1 4.5:1
display-plum-fgColor vs. display-plum-bgColor-muted 6.49:1 4.5:1
display-purple-fgColor vs. display-purple-bgColor-muted 6.34:1 4.5:1
display-brown-fgColor vs. display-brown-bgColor-muted 6.25:1 4.5:1
display-auburn-fgColor vs. display-auburn-bgColor-muted 6.45:1 4.5:1
fgColor-onEmphasis vs. display-gray-bgColor-emphasis 6.2:1 4.5:1
fgColor-onEmphasis vs. display-indigo-bgColor-emphasis 6.19:1 4.5:1
fgColor-onEmphasis vs. display-blue-bgColor-emphasis 6.14:1 4.5:1
fgColor-onEmphasis vs. display-cyan-bgColor-emphasis 6.09:1 4.5:1
fgColor-onEmphasis vs. display-teal-bgColor-emphasis 6.17:1 4.5:1
fgColor-onEmphasis vs. display-pine-bgColor-emphasis 6:1 4.5:1
fgColor-onEmphasis vs. display-green-bgColor-emphasis 6.08:1 4.5:1
fgColor-onEmphasis vs. display-lime-bgColor-emphasis 6.07:1 4.5:1
fgColor-onEmphasis vs. display-olive-bgColor-emphasis 6.04:1 4.5:1
fgColor-onEmphasis vs. display-lemon-bgColor-emphasis 6.04:1 4.5:1
fgColor-onEmphasis vs. display-yellow-bgColor-emphasis 6:1 4.5:1
fgColor-onEmphasis vs. display-orange-bgColor-emphasis 6.27:1 4.5:1
fgColor-onEmphasis vs. display-red-bgColor-emphasis 6.09:1 4.5:1
fgColor-onEmphasis vs. display-coral-bgColor-emphasis 6.09:1 4.5:1
fgColor-onEmphasis vs. display-pink-bgColor-emphasis 6.15:1 4.5:1
fgColor-onEmphasis vs. display-plum-bgColor-emphasis 6.17:1 4.5:1
fgColor-onEmphasis vs. display-purple-bgColor-emphasis 6.22:1 4.5:1
fgColor-onEmphasis vs. display-brown-bgColor-emphasis 6.12:1 4.5:1
fgColor-onEmphasis vs. display-auburn-bgColor-emphasis 6.21:1 4.5:1
bgColor-default vs. display-gray-borderColor-emphasis 4.63:1 3:1
bgColor-default vs. display-indigo-borderColor-emphasis 4.59:1 3:1
bgColor-default vs. display-blue-borderColor-emphasis 4.54:1 3:1
bgColor-default vs. display-cyan-borderColor-emphasis 4.61:1 3:1
bgColor-default vs. display-teal-borderColor-emphasis 4.53:1 3:1
bgColor-default vs. display-pine-borderColor-emphasis 4.73:1 3:1
bgColor-default vs. display-green-borderColor-emphasis 4.65:1 3:1
bgColor-default vs. display-lime-borderColor-emphasis 4.6:1 3:1
bgColor-default vs. display-olive-borderColor-emphasis 4.59:1 3:1
bgColor-default vs. display-lemon-borderColor-emphasis 4.64:1 3:1
bgColor-default vs. display-yellow-borderColor-emphasis 4.57:1 3:1
bgColor-default vs. display-orange-borderColor-emphasis 4.59:1 3:1
bgColor-default vs. display-red-borderColor-emphasis 4.58:1 3:1
bgColor-default vs. display-coral-borderColor-emphasis 4.58:1 3:1
bgColor-default vs. display-pink-borderColor-emphasis 4.53:1 3:1
bgColor-default vs. display-plum-borderColor-emphasis 4.54:1 3:1
bgColor-default vs. display-purple-borderColor-emphasis 4.58:1 3:1
bgColor-default vs. display-brown-borderColor-emphasis 4.5:1 3:1
bgColor-default vs. display-auburn-borderColor-emphasis 4.64:1 3:1
bgColor-muted vs. display-gray-borderColor-emphasis 4.23:1 3:1
bgColor-muted vs. display-indigo-borderColor-emphasis 4.19:1 3:1
bgColor-muted vs. display-blue-borderColor-emphasis 4.15:1 3:1
bgColor-muted vs. display-cyan-borderColor-emphasis 4.21:1 3:1
bgColor-muted vs. display-teal-borderColor-emphasis 4.14:1 3:1
bgColor-muted vs. display-pine-borderColor-emphasis 4.32:1 3:1
bgColor-muted vs. display-green-borderColor-emphasis 4.25:1 3:1
bgColor-muted vs. display-lime-borderColor-emphasis 4.2:1 3:1
bgColor-muted vs. display-olive-borderColor-emphasis 4.19:1 3:1
bgColor-muted vs. display-lemon-borderColor-emphasis 4.24:1 3:1
bgColor-muted vs. display-yellow-borderColor-emphasis 4.18:1 3:1
bgColor-muted vs. display-orange-borderColor-emphasis 4.2:1 3:1
bgColor-muted vs. display-red-borderColor-emphasis 4.18:1 3:1
bgColor-muted vs. display-coral-borderColor-emphasis 4.18:1 3:1
bgColor-muted vs. display-pink-borderColor-emphasis 4.14:1 3:1
bgColor-muted vs. display-plum-borderColor-emphasis 4.15:1 3:1
bgColor-muted vs. display-purple-borderColor-emphasis 4.18:1 3:1
bgColor-muted vs. display-brown-borderColor-emphasis 4.12:1 3:1
bgColor-muted vs. display-auburn-borderColor-emphasis 4.24:1 3:1
display-gray-borderColor-emphasis vs. display-gray-bgColor-muted 4.17:1 3:1
display-indigo-borderColor-emphasis vs. display-indigo-bgColor-muted 4.07:1 3:1
display-blue-borderColor-emphasis vs. display-blue-bgColor-muted 4.07:1 3:1
display-cyan-borderColor-emphasis vs. display-cyan-bgColor-muted 4.17:1 3:1
display-teal-borderColor-emphasis vs. display-teal-bgColor-muted 4.1:1 3:1
display-pine-borderColor-emphasis vs. display-pine-bgColor-muted 4.22:1 3:1
display-green-borderColor-emphasis vs. display-green-bgColor-muted 4.11:1 3:1
display-lime-borderColor-emphasis vs. display-lime-bgColor-muted 4.14:1 3:1
display-olive-borderColor-emphasis vs. display-olive-bgColor-muted 4.15:1 3:1
display-lemon-borderColor-emphasis vs. display-lemon-bgColor-muted 4.05:1 3:1
display-yellow-borderColor-emphasis vs. display-yellow-bgColor-muted 4.01:1 3:1
display-orange-borderColor-emphasis vs. display-orange-bgColor-muted 4.06:1 3:1
display-red-borderColor-emphasis vs. display-red-bgColor-muted 4.13:1 3:1
display-coral-borderColor-emphasis vs. display-coral-bgColor-muted 4.13:1 3:1
display-pink-borderColor-emphasis vs. display-pink-bgColor-muted 4.04:1 3:1
display-plum-borderColor-emphasis vs. display-plum-bgColor-muted 4.08:1 3:1
display-purple-borderColor-emphasis vs. display-purple-bgColor-muted 4.13:1 3:1
display-brown-borderColor-emphasis vs. display-brown-bgColor-muted 3.99:1 3:1
display-auburn-borderColor-emphasis vs. display-auburn-bgColor-muted 4.19:1 3:1

Copy link
Contributor

github-actions bot commented Jun 20, 2024

Design Token Diff

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2024-06-20 11:11:46.853704773 +0000
@@ -63,97 +63,97 @@
 --data-gray-color: #576270;
 --data-gray-color-muted: #1c1c1c;
 --display-blue-bgColor-muted: #001a47;
-  --display-blue-bgColor-emphasis: #0576ff;
+  --display-blue-bgColor-emphasis: #005bd1;
 --display-blue-fgColor: #4da0ff;
 --display-blue-borderColor-muted: #002766;
 --display-blue-borderColor-emphasis: #0576ff;
 --display-green-bgColor-muted: #122117;
-  --display-green-bgColor-emphasis: #388f3f;
+  --display-green-bgColor-emphasis: #2f6f37;
 --display-green-fgColor: #41b445;
 --display-green-borderColor-muted: #182f1f;
 --display-green-borderColor-emphasis: #388f3f;
 --display-orange-bgColor-muted: #311708;
-  --display-orange-bgColor-emphasis: #c46212;
+  --display-orange-bgColor-emphasis: #984b10;
 --display-orange-fgColor: #ed8326;
 --display-orange-borderColor-muted: #43200a;
 --display-orange-borderColor-emphasis: #c46212;
 --display-purple-bgColor-muted: #211047;
-  --display-purple-bgColor-emphasis: #975bf1;
+  --display-purple-bgColor-emphasis: #7730e8;
 --display-purple-fgColor: #b687f7;
 --display-purple-borderColor-muted: #31146b;
 --display-purple-borderColor-emphasis: #975bf1;
 --display-plum-bgColor-muted: #2a0e3f;
-  --display-plum-bgColor-emphasis: #b643ef;
+  --display-plum-bgColor-emphasis: #9518d8;
 --display-plum-fgColor: #d07ef7;
 --display-plum-borderColor-muted: #40125e;
 --display-plum-borderColor-emphasis: #b643ef;
 --display-red-bgColor-muted: #3c0614;
-  --display-red-bgColor-emphasis: #eb3342;
+  --display-red-bgColor-emphasis: #c31328;
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
 --display-coral-bgColor-muted: #3c0614;
-  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-bgColor-emphasis: #c31328;
 --display-coral-fgColor: #f27d83;
 --display-coral-borderColor-muted: #58091a;
 --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
-  --display-yellow-bgColor-emphasis: #aa7109;
+  --display-yellow-bgColor-emphasis: #895906;
 --display-yellow-fgColor: #d3910d;
 --display-yellow-borderColor-muted: #3d2401;
 --display-yellow-borderColor-emphasis: #aa7109;
 --display-gray-bgColor-muted: #1c1c1c;
-  --display-gray-bgColor-emphasis: #6e7f96;
+  --display-gray-bgColor-emphasis: #576270;
 --display-gray-fgColor: #92a1b5;
 --display-gray-borderColor-muted: #2a2b2d;
 --display-gray-borderColor-emphasis: #6e7f96;
 --display-auburn-bgColor-muted: #271817;
-  --display-auburn-bgColor-emphasis: #a86f6b;
+  --display-auburn-bgColor-emphasis: #87534f;
 --display-auburn-fgColor: #bf9592;
 --display-auburn-borderColor-muted: #3a2422;
 --display-auburn-borderColor-emphasis: #a86f6b;
 --display-brown-bgColor-muted: #241c14;
-  --display-brown-bgColor-emphasis: #94774c;
+  --display-brown-bgColor-emphasis: #755e3e;
 --display-brown-fgColor: #b69a6d;
 --display-brown-borderColor-muted: #342a1d;
 --display-brown-borderColor-emphasis: #94774c;
 --display-lemon-bgColor-muted: #291d00;
-  --display-lemon-bgColor-emphasis: #977b0c;
+  --display-lemon-bgColor-emphasis: #786008;
 --display-lemon-fgColor: #ba9b12;
 --display-lemon-borderColor-muted: #372901;
 --display-lemon-borderColor-emphasis: #977b0c;
 --display-olive-bgColor-muted: #171e0b;
-  --display-olive-bgColor-emphasis: #7a8321;
+  --display-olive-bgColor-emphasis: #5e681d;
 --display-olive-fgColor: #a2a626;
 --display-olive-borderColor-muted: #252d10;
 --display-olive-borderColor-emphasis: #7a8321;
 --display-lime-bgColor-muted: #141f0f;
-  --display-lime-bgColor-emphasis: #5f892f;
+  --display-lime-bgColor-emphasis: #496c28;
 --display-lime-fgColor: #7dae37;
 --display-lime-borderColor-muted: #1f3116;
 --display-lime-borderColor-emphasis: #5f892f;
 --display-pine-bgColor-muted: #082119;
-  --display-pine-bgColor-emphasis: #18915e;
+  --display-pine-bgColor-emphasis: #14714c;
 --display-pine-fgColor: #1bb673;
 --display-pine-borderColor-muted: #0b3224;
 --display-pine-borderColor-emphasis: #18915e;
 --display-teal-bgColor-muted: #041f25;
-  --display-teal-bgColor-emphasis: #158a8a;
+  --display-teal-bgColor-emphasis: #106c70;
 --display-teal-fgColor: #1cb0ab;
 --display-teal-borderColor-muted: #073036;
 --display-teal-borderColor-emphasis: #158a8a;
 --display-cyan-bgColor-muted: #001f29;
-  --display-cyan-bgColor-emphasis: #0587b3;
+  --display-cyan-bgColor-emphasis: #036a8c;
 --display-cyan-fgColor: #07ace4;
 --display-cyan-borderColor-muted: #002e3d;
 --display-cyan-borderColor-emphasis: #0587b3;
 --display-indigo-bgColor-muted: #1b183f;
-  --display-indigo-bgColor-emphasis: #7070e1;
+  --display-indigo-bgColor-emphasis: #514ed4;
 --display-indigo-fgColor: #9899ec;
 --display-indigo-borderColor-muted: #25215f;
 --display-indigo-borderColor-emphasis: #7070e1;
 --display-pink-bgColor-muted: #2d1524;
-  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-bgColor-emphasis: #ac2f74;
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
@@ -627,97 +627,97 @@
   --data-gray-color: #576270;
   --data-gray-color-muted: #1c1c1c;
   --display-blue-bgColor-muted: #001a47;
-    --display-blue-bgColor-emphasis: #0576ff;
+    --display-blue-bgColor-emphasis: #005bd1;
   --display-blue-fgColor: #4da0ff;
   --display-blue-borderColor-muted: #002766;
   --display-blue-borderColor-emphasis: #0576ff;
   --display-green-bgColor-muted: #122117;
-    --display-green-bgColor-emphasis: #388f3f;
+    --display-green-bgColor-emphasis: #2f6f37;
   --display-green-fgColor: #41b445;
   --display-green-borderColor-muted: #182f1f;
   --display-green-borderColor-emphasis: #388f3f;
   --display-orange-bgColor-muted: #311708;
-    --display-orange-bgColor-emphasis: #c46212;
+    --display-orange-bgColor-emphasis: #984b10;
   --display-orange-fgColor: #ed8326;
   --display-orange-borderColor-muted: #43200a;
   --display-orange-borderColor-emphasis: #c46212;
   --display-purple-bgColor-muted: #211047;
-    --display-purple-bgColor-emphasis: #975bf1;
+    --display-purple-bgColor-emphasis: #7730e8;
   --display-purple-fgColor: #b687f7;
   --display-purple-borderColor-muted: #31146b;
   --display-purple-borderColor-emphasis: #975bf1;
   --display-plum-bgColor-muted: #2a0e3f;
-    --display-plum-bgColor-emphasis: #b643ef;
+    --display-plum-bgColor-emphasis: #9518d8;
   --display-plum-fgColor: #d07ef7;
   --display-plum-borderColor-muted: #40125e;
   --display-plum-borderColor-emphasis: #b643ef;
   --display-red-bgColor-muted: #3c0614;
-    --display-red-bgColor-emphasis: #eb3342;
+    --display-red-bgColor-emphasis: #c31328;
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
   --display-coral-bgColor-muted: #3c0614;
-    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-bgColor-emphasis: #c31328;
   --display-coral-fgColor: #f27d83;
   --display-coral-borderColor-muted: #58091a;
   --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
-    --display-yellow-bgColor-emphasis: #aa7109;
+    --display-yellow-bgColor-emphasis: #895906;
   --display-yellow-fgColor: #d3910d;
   --display-yellow-borderColor-muted: #3d2401;
   --display-yellow-borderColor-emphasis: #aa7109;
   --display-gray-bgColor-muted: #1c1c1c;
-    --display-gray-bgColor-emphasis: #6e7f96;
+    --display-gray-bgColor-emphasis: #576270;
   --display-gray-fgColor: #92a1b5;
   --display-gray-borderColor-muted: #2a2b2d;
   --display-gray-borderColor-emphasis: #6e7f96;
   --display-auburn-bgColor-muted: #271817;
-    --display-auburn-bgColor-emphasis: #a86f6b;
+    --display-auburn-bgColor-emphasis: #87534f;
   --display-auburn-fgColor: #bf9592;
   --display-auburn-borderColor-muted: #3a2422;
   --display-auburn-borderColor-emphasis: #a86f6b;
   --display-brown-bgColor-muted: #241c14;
-    --display-brown-bgColor-emphasis: #94774c;
+    --display-brown-bgColor-emphasis: #755e3e;
   --display-brown-fgColor: #b69a6d;
   --display-brown-borderColor-muted: #342a1d;
   --display-brown-borderColor-emphasis: #94774c;
   --display-lemon-bgColor-muted: #291d00;
-    --display-lemon-bgColor-emphasis: #977b0c;
+    --display-lemon-bgColor-emphasis: #786008;
   --display-lemon-fgColor: #ba9b12;
   --display-lemon-borderColor-muted: #372901;
   --display-lemon-borderColor-emphasis: #977b0c;
   --display-olive-bgColor-muted: #171e0b;
-    --display-olive-bgColor-emphasis: #7a8321;
+    --display-olive-bgColor-emphasis: #5e681d;
   --display-olive-fgColor: #a2a626;
   --display-olive-borderColor-muted: #252d10;
   --display-olive-borderColor-emphasis: #7a8321;
   --display-lime-bgColor-muted: #141f0f;
-    --display-lime-bgColor-emphasis: #5f892f;
+    --display-lime-bgColor-emphasis: #496c28;
   --display-lime-fgColor: #7dae37;
   --display-lime-borderColor-muted: #1f3116;
   --display-lime-borderColor-emphasis: #5f892f;
   --display-pine-bgColor-muted: #082119;
-    --display-pine-bgColor-emphasis: #18915e;
+    --display-pine-bgColor-emphasis: #14714c;
   --display-pine-fgColor: #1bb673;
   --display-pine-borderColor-muted: #0b3224;
   --display-pine-borderColor-emphasis: #18915e;
   --display-teal-bgColor-muted: #041f25;
-    --display-teal-bgColor-emphasis: #158a8a;
+    --display-teal-bgColor-emphasis: #106c70;
   --display-teal-fgColor: #1cb0ab;
   --display-teal-borderColor-muted: #073036;
   --display-teal-borderColor-emphasis: #158a8a;
   --display-cyan-bgColor-muted: #001f29;
-    --display-cyan-bgColor-emphasis: #0587b3;
+    --display-cyan-bgColor-emphasis: #036a8c;
   --display-cyan-fgColor: #07ace4;
   --display-cyan-borderColor-muted: #002e3d;
   --display-cyan-borderColor-emphasis: #0587b3;
   --display-indigo-bgColor-muted: #1b183f;
-    --display-indigo-bgColor-emphasis: #7070e1;
+    --display-indigo-bgColor-emphasis: #514ed4;
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
   --display-pink-bgColor-muted: #2d1524;
-    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-bgColor-emphasis: #ac2f74;
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-dimmed.css	2024-06-20 11:11:45.577681331 +0000
@@ -63,97 +63,97 @@
 --data-gray-color: #576270;
 --data-gray-color-muted: #1c1c1c;
 --display-blue-bgColor-muted: #001a47;
-  --display-blue-bgColor-emphasis: #0576ff;
+  --display-blue-bgColor-emphasis: #005bd1;
 --display-blue-fgColor: #4da0ff;
 --display-blue-borderColor-muted: #002766;
 --display-blue-borderColor-emphasis: #0576ff;
 --display-green-bgColor-muted: #122117;
-  --display-green-bgColor-emphasis: #388f3f;
+  --display-green-bgColor-emphasis: #2f6f37;
 --display-green-fgColor: #41b445;
 --display-green-borderColor-muted: #182f1f;
 --display-green-borderColor-emphasis: #388f3f;
 --display-orange-bgColor-muted: #311708;
-  --display-orange-bgColor-emphasis: #c46212;
+  --display-orange-bgColor-emphasis: #984b10;
 --display-orange-fgColor: #ed8326;
 --display-orange-borderColor-muted: #43200a;
 --display-orange-borderColor-emphasis: #c46212;
 --display-purple-bgColor-muted: #211047;
-  --display-purple-bgColor-emphasis: #975bf1;
+  --display-purple-bgColor-emphasis: #7730e8;
 --display-purple-fgColor: #b687f7;
 --display-purple-borderColor-muted: #31146b;
 --display-purple-borderColor-emphasis: #975bf1;
 --display-plum-bgColor-muted: #2a0e3f;
-  --display-plum-bgColor-emphasis: #b643ef;
+  --display-plum-bgColor-emphasis: #9518d8;
 --display-plum-fgColor: #d07ef7;
 --display-plum-borderColor-muted: #40125e;
 --display-plum-borderColor-emphasis: #b643ef;
 --display-red-bgColor-muted: #3c0614;
-  --display-red-bgColor-emphasis: #eb3342;
+  --display-red-bgColor-emphasis: #c31328;
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
 --display-coral-bgColor-muted: #3c0614;
-  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-bgColor-emphasis: #c31328;
 --display-coral-fgColor: #f27d83;
 --display-coral-borderColor-muted: #58091a;
 --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
-  --display-yellow-bgColor-emphasis: #aa7109;
+  --display-yellow-bgColor-emphasis: #895906;
 --display-yellow-fgColor: #d3910d;
 --display-yellow-borderColor-muted: #3d2401;
 --display-yellow-borderColor-emphasis: #aa7109;
 --display-gray-bgColor-muted: #1c1c1c;
-  --display-gray-bgColor-emphasis: #6e7f96;
+  --display-gray-bgColor-emphasis: #576270;
 --display-gray-fgColor: #92a1b5;
 --display-gray-borderColor-muted: #2a2b2d;
 --display-gray-borderColor-emphasis: #6e7f96;
 --display-auburn-bgColor-muted: #271817;
-  --display-auburn-bgColor-emphasis: #a86f6b;
+  --display-auburn-bgColor-emphasis: #87534f;
 --display-auburn-fgColor: #bf9592;
 --display-auburn-borderColor-muted: #3a2422;
 --display-auburn-borderColor-emphasis: #a86f6b;
 --display-brown-bgColor-muted: #241c14;
-  --display-brown-bgColor-emphasis: #94774c;
+  --display-brown-bgColor-emphasis: #755e3e;
 --display-brown-fgColor: #b69a6d;
 --display-brown-borderColor-muted: #342a1d;
 --display-brown-borderColor-emphasis: #94774c;
 --display-lemon-bgColor-muted: #291d00;
-  --display-lemon-bgColor-emphasis: #977b0c;
+  --display-lemon-bgColor-emphasis: #786008;
 --display-lemon-fgColor: #ba9b12;
 --display-lemon-borderColor-muted: #372901;
 --display-lemon-borderColor-emphasis: #977b0c;
 --display-olive-bgColor-muted: #171e0b;
-  --display-olive-bgColor-emphasis: #7a8321;
+  --display-olive-bgColor-emphasis: #5e681d;
 --display-olive-fgColor: #a2a626;
 --display-olive-borderColor-muted: #252d10;
 --display-olive-borderColor-emphasis: #7a8321;
 --display-lime-bgColor-muted: #141f0f;
-  --display-lime-bgColor-emphasis: #5f892f;
+  --display-lime-bgColor-emphasis: #496c28;
 --display-lime-fgColor: #7dae37;
 --display-lime-borderColor-muted: #1f3116;
 --display-lime-borderColor-emphasis: #5f892f;
 --display-pine-bgColor-muted: #082119;
-  --display-pine-bgColor-emphasis: #18915e;
+  --display-pine-bgColor-emphasis: #14714c;
 --display-pine-fgColor: #1bb673;
 --display-pine-borderColor-muted: #0b3224;
 --display-pine-borderColor-emphasis: #18915e;
 --display-teal-bgColor-muted: #041f25;
-  --display-teal-bgColor-emphasis: #158a8a;
+  --display-teal-bgColor-emphasis: #106c70;
 --display-teal-fgColor: #1cb0ab;
 --display-teal-borderColor-muted: #073036;
 --display-teal-borderColor-emphasis: #158a8a;
 --display-cyan-bgColor-muted: #001f29;
-  --display-cyan-bgColor-emphasis: #0587b3;
+  --display-cyan-bgColor-emphasis: #036a8c;
 --display-cyan-fgColor: #07ace4;
 --display-cyan-borderColor-muted: #002e3d;
 --display-cyan-borderColor-emphasis: #0587b3;
 --display-indigo-bgColor-muted: #1b183f;
-  --display-indigo-bgColor-emphasis: #7070e1;
+  --display-indigo-bgColor-emphasis: #514ed4;
 --display-indigo-fgColor: #9899ec;
 --display-indigo-borderColor-muted: #25215f;
 --display-indigo-borderColor-emphasis: #7070e1;
 --display-pink-bgColor-muted: #2d1524;
-  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-bgColor-emphasis: #ac2f74;
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
@@ -627,97 +627,97 @@
   --data-gray-color: #576270;
   --data-gray-color-muted: #1c1c1c;
   --display-blue-bgColor-muted: #001a47;
-    --display-blue-bgColor-emphasis: #0576ff;
+    --display-blue-bgColor-emphasis: #005bd1;
   --display-blue-fgColor: #4da0ff;
   --display-blue-borderColor-muted: #002766;
   --display-blue-borderColor-emphasis: #0576ff;
   --display-green-bgColor-muted: #122117;
-    --display-green-bgColor-emphasis: #388f3f;
+    --display-green-bgColor-emphasis: #2f6f37;
   --display-green-fgColor: #41b445;
   --display-green-borderColor-muted: #182f1f;
   --display-green-borderColor-emphasis: #388f3f;
   --display-orange-bgColor-muted: #311708;
-    --display-orange-bgColor-emphasis: #c46212;
+    --display-orange-bgColor-emphasis: #984b10;
   --display-orange-fgColor: #ed8326;
   --display-orange-borderColor-muted: #43200a;
   --display-orange-borderColor-emphasis: #c46212;
   --display-purple-bgColor-muted: #211047;
-    --display-purple-bgColor-emphasis: #975bf1;
+    --display-purple-bgColor-emphasis: #7730e8;
   --display-purple-fgColor: #b687f7;
   --display-purple-borderColor-muted: #31146b;
   --display-purple-borderColor-emphasis: #975bf1;
   --display-plum-bgColor-muted: #2a0e3f;
-    --display-plum-bgColor-emphasis: #b643ef;
+    --display-plum-bgColor-emphasis: #9518d8;
   --display-plum-fgColor: #d07ef7;
   --display-plum-borderColor-muted: #40125e;
   --display-plum-borderColor-emphasis: #b643ef;
   --display-red-bgColor-muted: #3c0614;
-    --display-red-bgColor-emphasis: #eb3342;
+    --display-red-bgColor-emphasis: #c31328;
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
   --display-coral-bgColor-muted: #3c0614;
-    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-bgColor-emphasis: #c31328;
   --display-coral-fgColor: #f27d83;
   --display-coral-borderColor-muted: #58091a;
   --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
-    --display-yellow-bgColor-emphasis: #aa7109;
+    --display-yellow-bgColor-emphasis: #895906;
   --display-yellow-fgColor: #d3910d;
   --display-yellow-borderColor-muted: #3d2401;
   --display-yellow-borderColor-emphasis: #aa7109;
   --display-gray-bgColor-muted: #1c1c1c;
-    --display-gray-bgColor-emphasis: #6e7f96;
+    --display-gray-bgColor-emphasis: #576270;
   --display-gray-fgColor: #92a1b5;
   --display-gray-borderColor-muted: #2a2b2d;
   --display-gray-borderColor-emphasis: #6e7f96;
   --display-auburn-bgColor-muted: #271817;
-    --display-auburn-bgColor-emphasis: #a86f6b;
+    --display-auburn-bgColor-emphasis: #87534f;
   --display-auburn-fgColor: #bf9592;
   --display-auburn-borderColor-muted: #3a2422;
   --display-auburn-borderColor-emphasis: #a86f6b;
   --display-brown-bgColor-muted: #241c14;
-    --display-brown-bgColor-emphasis: #94774c;
+    --display-brown-bgColor-emphasis: #755e3e;
   --display-brown-fgColor: #b69a6d;
   --display-brown-borderColor-muted: #342a1d;
   --display-brown-borderColor-emphasis: #94774c;
   --display-lemon-bgColor-muted: #291d00;
-    --display-lemon-bgColor-emphasis: #977b0c;
+    --display-lemon-bgColor-emphasis: #786008;
   --display-lemon-fgColor: #ba9b12;
   --display-lemon-borderColor-muted: #372901;
   --display-lemon-borderColor-emphasis: #977b0c;
   --display-olive-bgColor-muted: #171e0b;
-    --display-olive-bgColor-emphasis: #7a8321;
+    --display-olive-bgColor-emphasis: #5e681d;
   --display-olive-fgColor: #a2a626;
   --display-olive-borderColor-muted: #252d10;
   --display-olive-borderColor-emphasis: #7a8321;
   --display-lime-bgColor-muted: #141f0f;
-    --display-lime-bgColor-emphasis: #5f892f;
+    --display-lime-bgColor-emphasis: #496c28;
   --display-lime-fgColor: #7dae37;
   --display-lime-borderColor-muted: #1f3116;
   --display-lime-borderColor-emphasis: #5f892f;
   --display-pine-bgColor-muted: #082119;
-    --display-pine-bgColor-emphasis: #18915e;
+    --display-pine-bgColor-emphasis: #14714c;
   --display-pine-fgColor: #1bb673;
   --display-pine-borderColor-muted: #0b3224;
   --display-pine-borderColor-emphasis: #18915e;
   --display-teal-bgColor-muted: #041f25;
-    --display-teal-bgColor-emphasis: #158a8a;
+    --display-teal-bgColor-emphasis: #106c70;
   --display-teal-fgColor: #1cb0ab;
   --display-teal-borderColor-muted: #073036;
   --display-teal-borderColor-emphasis: #158a8a;
   --display-cyan-bgColor-muted: #001f29;
-    --display-cyan-bgColor-emphasis: #0587b3;
+    --display-cyan-bgColor-emphasis: #036a8c;
   --display-cyan-fgColor: #07ace4;
   --display-cyan-borderColor-muted: #002e3d;
   --display-cyan-borderColor-emphasis: #0587b3;
   --display-indigo-bgColor-muted: #1b183f;
-    --display-indigo-bgColor-emphasis: #7070e1;
+    --display-indigo-bgColor-emphasis: #514ed4;
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
   --display-pink-bgColor-muted: #2d1524;
-    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-bgColor-emphasis: #ac2f74;
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2024-06-20 11:11:47.513716898 +0000
@@ -63,97 +63,97 @@
 --data-gray-color: #576270;
 --data-gray-color-muted: #1c1c1c;
 --display-blue-bgColor-muted: #001a47;
-  --display-blue-bgColor-emphasis: #0576ff;
+  --display-blue-bgColor-emphasis: #005bd1;
 --display-blue-fgColor: #4da0ff;
 --display-blue-borderColor-muted: #002766;
 --display-blue-borderColor-emphasis: #0576ff;
 --display-green-bgColor-muted: #122117;
-  --display-green-bgColor-emphasis: #388f3f;
+  --display-green-bgColor-emphasis: #2f6f37;
 --display-green-fgColor: #41b445;
 --display-green-borderColor-muted: #182f1f;
 --display-green-borderColor-emphasis: #388f3f;
 --display-orange-bgColor-muted: #311708;
-  --display-orange-bgColor-emphasis: #c46212;
+  --display-orange-bgColor-emphasis: #984b10;
 --display-orange-fgColor: #ed8326;
 --display-orange-borderColor-muted: #43200a;
 --display-orange-borderColor-emphasis: #c46212;
 --display-purple-bgColor-muted: #211047;
-  --display-purple-bgColor-emphasis: #975bf1;
+  --display-purple-bgColor-emphasis: #7730e8;
 --display-purple-fgColor: #b687f7;
 --display-purple-borderColor-muted: #31146b;
 --display-purple-borderColor-emphasis: #975bf1;
 --display-plum-bgColor-muted: #2a0e3f;
-  --display-plum-bgColor-emphasis: #b643ef;
+  --display-plum-bgColor-emphasis: #9518d8;
 --display-plum-fgColor: #d07ef7;
 --display-plum-borderColor-muted: #40125e;
 --display-plum-borderColor-emphasis: #b643ef;
 --display-red-bgColor-muted: #3c0614;
-  --display-red-bgColor-emphasis: #eb3342;
+  --display-red-bgColor-emphasis: #c31328;
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
 --display-coral-bgColor-muted: #3c0614;
-  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-bgColor-emphasis: #c31328;
 --display-coral-fgColor: #f27d83;
 --display-coral-borderColor-muted: #58091a;
 --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
-  --display-yellow-bgColor-emphasis: #aa7109;
+  --display-yellow-bgColor-emphasis: #895906;
 --display-yellow-fgColor: #d3910d;
 --display-yellow-borderColor-muted: #3d2401;
 --display-yellow-borderColor-emphasis: #aa7109;
 --display-gray-bgColor-muted: #1c1c1c;
-  --display-gray-bgColor-emphasis: #6e7f96;
+  --display-gray-bgColor-emphasis: #576270;
 --display-gray-fgColor: #92a1b5;
 --display-gray-borderColor-muted: #2a2b2d;
 --display-gray-borderColor-emphasis: #6e7f96;
 --display-auburn-bgColor-muted: #271817;
-  --display-auburn-bgColor-emphasis: #a86f6b;
+  --display-auburn-bgColor-emphasis: #87534f;
 --display-auburn-fgColor: #bf9592;
 --display-auburn-borderColor-muted: #3a2422;
 --display-auburn-borderColor-emphasis: #a86f6b;
 --display-brown-bgColor-muted: #241c14;
-  --display-brown-bgColor-emphasis: #94774c;
+  --display-brown-bgColor-emphasis: #755e3e;
 --display-brown-fgColor: #b69a6d;
 --display-brown-borderColor-muted: #342a1d;
 --display-brown-borderColor-emphasis: #94774c;
 --display-lemon-bgColor-muted: #291d00;
-  --display-lemon-bgColor-emphasis: #977b0c;
+  --display-lemon-bgColor-emphasis: #786008;
 --display-lemon-fgColor: #ba9b12;
 --display-lemon-borderColor-muted: #372901;
 --display-lemon-borderColor-emphasis: #977b0c;
 --display-olive-bgColor-muted: #171e0b;
-  --display-olive-bgColor-emphasis: #7a8321;
+  --display-olive-bgColor-emphasis: #5e681d;
 --display-olive-fgColor: #a2a626;
 --display-olive-borderColor-muted: #252d10;
 --display-olive-borderColor-emphasis: #7a8321;
 --display-lime-bgColor-muted: #141f0f;
-  --display-lime-bgColor-emphasis: #5f892f;
+  --display-lime-bgColor-emphasis: #496c28;
 --display-lime-fgColor: #7dae37;
 --display-lime-borderColor-muted: #1f3116;
 --display-lime-borderColor-emphasis: #5f892f;
 --display-pine-bgColor-muted: #082119;
-  --display-pine-bgColor-emphasis: #18915e;
+  --display-pine-bgColor-emphasis: #14714c;
 --display-pine-fgColor: #1bb673;
 --display-pine-borderColor-muted: #0b3224;
 --display-pine-borderColor-emphasis: #18915e;
 --display-teal-bgColor-muted: #041f25;
-  --display-teal-bgColor-emphasis: #158a8a;
+  --display-teal-bgColor-emphasis: #106c70;
 --display-teal-fgColor: #1cb0ab;
 --display-teal-borderColor-muted: #073036;
 --display-teal-borderColor-emphasis: #158a8a;
 --display-cyan-bgColor-muted: #001f29;
-  --display-cyan-bgColor-emphasis: #0587b3;
+  --display-cyan-bgColor-emphasis: #036a8c;
 --display-cyan-fgColor: #07ace4;
 --display-cyan-borderColor-muted: #002e3d;
 --display-cyan-borderColor-emphasis: #0587b3;
 --display-indigo-bgColor-muted: #1b183f;
-  --display-indigo-bgColor-emphasis: #7070e1;
+  --display-indigo-bgColor-emphasis: #514ed4;
 --display-indigo-fgColor: #9899ec;
 --display-indigo-borderColor-muted: #25215f;
 --display-indigo-borderColor-emphasis: #7070e1;
 --display-pink-bgColor-muted: #2d1524;
-  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-bgColor-emphasis: #ac2f74;
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
@@ -627,97 +627,97 @@
   --data-gray-color: #576270;
   --data-gray-color-muted: #1c1c1c;
   --display-blue-bgColor-muted: #001a47;
-    --display-blue-bgColor-emphasis: #0576ff;
+    --display-blue-bgColor-emphasis: #005bd1;
   --display-blue-fgColor: #4da0ff;
   --display-blue-borderColor-muted: #002766;
   --display-blue-borderColor-emphasis: #0576ff;
   --display-green-bgColor-muted: #122117;
-    --display-green-bgColor-emphasis: #388f3f;
+    --display-green-bgColor-emphasis: #2f6f37;
   --display-green-fgColor: #41b445;
   --display-green-borderColor-muted: #182f1f;
   --display-green-borderColor-emphasis: #388f3f;
   --display-orange-bgColor-muted: #311708;
-    --display-orange-bgColor-emphasis: #c46212;
+    --display-orange-bgColor-emphasis: #984b10;
   --display-orange-fgColor: #ed8326;
   --display-orange-borderColor-muted: #43200a;
   --display-orange-borderColor-emphasis: #c46212;
   --display-purple-bgColor-muted: #211047;
-    --display-purple-bgColor-emphasis: #975bf1;
+    --display-purple-bgColor-emphasis: #7730e8;
   --display-purple-fgColor: #b687f7;
   --display-purple-borderColor-muted: #31146b;
   --display-purple-borderColor-emphasis: #975bf1;
   --display-plum-bgColor-muted: #2a0e3f;
-    --display-plum-bgColor-emphasis: #b643ef;
+    --display-plum-bgColor-emphasis: #9518d8;
   --display-plum-fgColor: #d07ef7;
   --display-plum-borderColor-muted: #40125e;
   --display-plum-borderColor-emphasis: #b643ef;
   --display-red-bgColor-muted: #3c0614;
-    --display-red-bgColor-emphasis: #eb3342;
+    --display-red-bgColor-emphasis: #c31328;
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
   --display-coral-bgColor-muted: #3c0614;
-    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-bgColor-emphasis: #c31328;
   --display-coral-fgColor: #f27d83;
   --display-coral-borderColor-muted: #58091a;
   --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
-    --display-yellow-bgColor-emphasis: #aa7109;
+    --display-yellow-bgColor-emphasis: #895906;
   --display-yellow-fgColor: #d3910d;
   --display-yellow-borderColor-muted: #3d2401;
   --display-yellow-borderColor-emphasis: #aa7109;
   --display-gray-bgColor-muted: #1c1c1c;
-    --display-gray-bgColor-emphasis: #6e7f96;
+    --display-gray-bgColor-emphasis: #576270;
   --display-gray-fgColor: #92a1b5;
   --display-gray-borderColor-muted: #2a2b2d;
   --display-gray-borderColor-emphasis: #6e7f96;
   --display-auburn-bgColor-muted: #271817;
-    --display-auburn-bgColor-emphasis: #a86f6b;
+    --display-auburn-bgColor-emphasis: #87534f;
   --display-auburn-fgColor: #bf9592;
   --display-auburn-borderColor-muted: #3a2422;
   --display-auburn-borderColor-emphasis: #a86f6b;
   --display-brown-bgColor-muted: #241c14;
-    --display-brown-bgColor-emphasis: #94774c;
+    --display-brown-bgColor-emphasis: #755e3e;
   --display-brown-fgColor: #b69a6d;
   --display-brown-borderColor-muted: #342a1d;
   --display-brown-borderColor-emphasis: #94774c;
   --display-lemon-bgColor-muted: #291d00;
-    --display-lemon-bgColor-emphasis: #977b0c;
+    --display-lemon-bgColor-emphasis: #786008;
   --display-lemon-fgColor: #ba9b12;
   --display-lemon-borderColor-muted: #372901;
   --display-lemon-borderColor-emphasis: #977b0c;
   --display-olive-bgColor-muted: #171e0b;
-    --display-olive-bgColor-emphasis: #7a8321;
+    --display-olive-bgColor-emphasis: #5e681d;
   --display-olive-fgColor: #a2a626;
   --display-olive-borderColor-muted: #252d10;
   --display-olive-borderColor-emphasis: #7a8321;
   --display-lime-bgColor-muted: #141f0f;
-    --display-lime-bgColor-emphasis: #5f892f;
+    --display-lime-bgColor-emphasis: #496c28;
   --display-lime-fgColor: #7dae37;
   --display-lime-borderColor-muted: #1f3116;
   --display-lime-borderColor-emphasis: #5f892f;
   --display-pine-bgColor-muted: #082119;
-    --display-pine-bgColor-emphasis: #18915e;
+    --display-pine-bgColor-emphasis: #14714c;
   --display-pine-fgColor: #1bb673;
   --display-pine-borderColor-muted: #0b3224;
   --display-pine-borderColor-emphasis: #18915e;
   --display-teal-bgColor-muted: #041f25;
-    --display-teal-bgColor-emphasis: #158a8a;
+    --display-teal-bgColor-emphasis: #106c70;
   --display-teal-fgColor: #1cb0ab;
   --display-teal-borderColor-muted: #073036;
   --display-teal-borderColor-emphasis: #158a8a;
   --display-cyan-bgColor-muted: #001f29;
-    --display-cyan-bgColor-emphasis: #0587b3;
+    --display-cyan-bgColor-emphasis: #036a8c;
   --display-cyan-fgColor: #07ace4;
   --display-cyan-borderColor-muted: #002e3d;
   --display-cyan-borderColor-emphasis: #0587b3;
   --display-indigo-bgColor-muted: #1b183f;
-    --display-indigo-bgColor-emphasis: #7070e1;
+    --display-indigo-bgColor-emphasis: #514ed4;
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
   --display-pink-bgColor-muted: #2d1524;
-    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-bgColor-emphasis: #ac2f74;
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2024-06-20 11:11:46.213693016 +0000
@@ -63,97 +63,97 @@
 --data-gray-color: #576270;
 --data-gray-color-muted: #1c1c1c;
 --display-blue-bgColor-muted: #001a47;
-  --display-blue-bgColor-emphasis: #0576ff;
+  --display-blue-bgColor-emphasis: #005bd1;
 --display-blue-fgColor: #4da0ff;
 --display-blue-borderColor-muted: #002766;
 --display-blue-borderColor-emphasis: #0576ff;
 --display-green-bgColor-muted: #122117;
-  --display-green-bgColor-emphasis: #388f3f;
+  --display-green-bgColor-emphasis: #2f6f37;
 --display-green-fgColor: #41b445;
 --display-green-borderColor-muted: #182f1f;
 --display-green-borderColor-emphasis: #388f3f;
 --display-orange-bgColor-muted: #311708;
-  --display-orange-bgColor-emphasis: #c46212;
+  --display-orange-bgColor-emphasis: #984b10;
 --display-orange-fgColor: #ed8326;
 --display-orange-borderColor-muted: #43200a;
 --display-orange-borderColor-emphasis: #c46212;
 --display-purple-bgColor-muted: #211047;
-  --display-purple-bgColor-emphasis: #975bf1;
+  --display-purple-bgColor-emphasis: #7730e8;
 --display-purple-fgColor: #b687f7;
 --display-purple-borderColor-muted: #31146b;
 --display-purple-borderColor-emphasis: #975bf1;
 --display-plum-bgColor-muted: #2a0e3f;
-  --display-plum-bgColor-emphasis: #b643ef;
+  --display-plum-bgColor-emphasis: #9518d8;
 --display-plum-fgColor: #d07ef7;
 --display-plum-borderColor-muted: #40125e;
 --display-plum-borderColor-emphasis: #b643ef;
 --display-red-bgColor-muted: #3c0614;
-  --display-red-bgColor-emphasis: #eb3342;
+  --display-red-bgColor-emphasis: #c31328;
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
 --display-coral-bgColor-muted: #3c0614;
-  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-bgColor-emphasis: #c31328;
 --display-coral-fgColor: #f27d83;
 --display-coral-borderColor-muted: #58091a;
 --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
-  --display-yellow-bgColor-emphasis: #aa7109;
+  --display-yellow-bgColor-emphasis: #895906;
 --display-yellow-fgColor: #d3910d;
 --display-yellow-borderColor-muted: #3d2401;
 --display-yellow-borderColor-emphasis: #aa7109;
 --display-gray-bgColor-muted: #1c1c1c;
-  --display-gray-bgColor-emphasis: #6e7f96;
+  --display-gray-bgColor-emphasis: #576270;
 --display-gray-fgColor: #92a1b5;
 --display-gray-borderColor-muted: #2a2b2d;
 --display-gray-borderColor-emphasis: #6e7f96;
 --display-auburn-bgColor-muted: #271817;
-  --display-auburn-bgColor-emphasis: #a86f6b;
+  --display-auburn-bgColor-emphasis: #87534f;
 --display-auburn-fgColor: #bf9592;
 --display-auburn-borderColor-muted: #3a2422;
 --display-auburn-borderColor-emphasis: #a86f6b;
 --display-brown-bgColor-muted: #241c14;
-  --display-brown-bgColor-emphasis: #94774c;
+  --display-brown-bgColor-emphasis: #755e3e;
 --display-brown-fgColor: #b69a6d;
 --display-brown-borderColor-muted: #342a1d;
 --display-brown-borderColor-emphasis: #94774c;
 --display-lemon-bgColor-muted: #291d00;
-  --display-lemon-bgColor-emphasis: #977b0c;
+  --display-lemon-bgColor-emphasis: #786008;
 --display-lemon-fgColor: #ba9b12;
 --display-lemon-borderColor-muted: #372901;
 --display-lemon-borderColor-emphasis: #977b0c;
 --display-olive-bgColor-muted: #171e0b;
-  --display-olive-bgColor-emphasis: #7a8321;
+  --display-olive-bgColor-emphasis: #5e681d;
 --display-olive-fgColor: #a2a626;
 --display-olive-borderColor-muted: #252d10;
 --display-olive-borderColor-emphasis: #7a8321;
 --display-lime-bgColor-muted: #141f0f;
-  --display-lime-bgColor-emphasis: #5f892f;
+  --display-lime-bgColor-emphasis: #496c28;
 --display-lime-fgColor: #7dae37;
 --display-lime-borderColor-muted: #1f3116;
 --display-lime-borderColor-emphasis: #5f892f;
 --display-pine-bgColor-muted: #082119;
-  --display-pine-bgColor-emphasis: #18915e;
+  --display-pine-bgColor-emphasis: #14714c;
 --display-pine-fgColor: #1bb673;
 --display-pine-borderColor-muted: #0b3224;
 --display-pine-borderColor-emphasis: #18915e;
 --display-teal-bgColor-muted: #041f25;
-  --display-teal-bgColor-emphasis: #158a8a;
+  --display-teal-bgColor-emphasis: #106c70;
 --display-teal-fgColor: #1cb0ab;
 --display-teal-borderColor-muted: #073036;
 --display-teal-borderColor-emphasis: #158a8a;
 --display-cyan-bgColor-muted: #001f29;
-  --display-cyan-bgColor-emphasis: #0587b3;
+  --display-cyan-bgColor-emphasis: #036a8c;
 --display-cyan-fgColor: #07ace4;
 --display-cyan-borderColor-muted: #002e3d;
 --display-cyan-borderColor-emphasis: #0587b3;
 --display-indigo-bgColor-muted: #1b183f;
-  --display-indigo-bgColor-emphasis: #7070e1;
+  --display-indigo-bgColor-emphasis: #514ed4;
 --display-indigo-fgColor: #9899ec;
 --display-indigo-borderColor-muted: #25215f;
 --display-indigo-borderColor-emphasis: #7070e1;
 --display-pink-bgColor-muted: #2d1524;
-  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-bgColor-emphasis: #ac2f74;
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
@@ -627,97 +627,97 @@
   --data-gray-color: #576270;
   --data-gray-color-muted: #1c1c1c;
   --display-blue-bgColor-muted: #001a47;
-    --display-blue-bgColor-emphasis: #0576ff;
+    --display-blue-bgColor-emphasis: #005bd1;
   --display-blue-fgColor: #4da0ff;
   --display-blue-borderColor-muted: #002766;
   --display-blue-borderColor-emphasis: #0576ff;
   --display-green-bgColor-muted: #122117;
-    --display-green-bgColor-emphasis: #388f3f;
+    --display-green-bgColor-emphasis: #2f6f37;
   --display-green-fgColor: #41b445;
   --display-green-borderColor-muted: #182f1f;
   --display-green-borderColor-emphasis: #388f3f;
   --display-orange-bgColor-muted: #311708;
-    --display-orange-bgColor-emphasis: #c46212;
+    --display-orange-bgColor-emphasis: #984b10;
   --display-orange-fgColor: #ed8326;
   --display-orange-borderColor-muted: #43200a;
   --display-orange-borderColor-emphasis: #c46212;
   --display-purple-bgColor-muted: #211047;
-    --display-purple-bgColor-emphasis: #975bf1;
+    --display-purple-bgColor-emphasis: #7730e8;
   --display-purple-fgColor: #b687f7;
   --display-purple-borderColor-muted: #31146b;
   --display-purple-borderColor-emphasis: #975bf1;
   --display-plum-bgColor-muted: #2a0e3f;
-    --display-plum-bgColor-emphasis: #b643ef;
+    --display-plum-bgColor-emphasis: #9518d8;
   --display-plum-fgColor: #d07ef7;
   --display-plum-borderColor-muted: #40125e;
   --display-plum-borderColor-emphasis: #b643ef;
   --display-red-bgColor-muted: #3c0614;
-    --display-red-bgColor-emphasis: #eb3342;
+    --display-red-bgColor-emphasis: #c31328;
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
   --display-coral-bgColor-muted: #3c0614;
-    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-bgColor-emphasis: #c31328;
   --display-coral-fgColor: #f27d83;
   --display-coral-borderColor-muted: #58091a;
   --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
-    --display-yellow-bgColor-emphasis: #aa7109;
+    --display-yellow-bgColor-emphasis: #895906;
   --display-yellow-fgColor: #d3910d;
   --display-yellow-borderColor-muted: #3d2401;
   --display-yellow-borderColor-emphasis: #aa7109;
   --display-gray-bgColor-muted: #1c1c1c;
-    --display-gray-bgColor-emphasis: #6e7f96;
+    --display-gray-bgColor-emphasis: #576270;
   --display-gray-fgColor: #92a1b5;
   --display-gray-borderColor-muted: #2a2b2d;
   --display-gray-borderColor-emphasis: #6e7f96;
   --display-auburn-bgColor-muted: #271817;
-    --display-auburn-bgColor-emphasis: #a86f6b;
+    --display-auburn-bgColor-emphasis: #87534f;
   --display-auburn-fgColor: #bf9592;
   --display-auburn-borderColor-muted: #3a2422;
   --display-auburn-borderColor-emphasis: #a86f6b;
   --display-brown-bgColor-muted: #241c14;
-    --display-brown-bgColor-emphasis: #94774c;
+    --display-brown-bgColor-emphasis: #755e3e;
   --display-brown-fgColor: #b69a6d;
   --display-brown-borderColor-muted: #342a1d;
   --display-brown-borderColor-emphasis: #94774c;
   --display-lemon-bgColor-muted: #291d00;
-    --display-lemon-bgColor-emphasis: #977b0c;
+    --display-lemon-bgColor-emphasis: #786008;
   --display-lemon-fgColor: #ba9b12;
   --display-lemon-borderColor-muted: #372901;
   --display-lemon-borderColor-emphasis: #977b0c;
   --display-olive-bgColor-muted: #171e0b;
-    --display-olive-bgColor-emphasis: #7a8321;
+    --display-olive-bgColor-emphasis: #5e681d;
   --display-olive-fgColor: #a2a626;
   --display-olive-borderColor-muted: #252d10;
   --display-olive-borderColor-emphasis: #7a8321;
   --display-lime-bgColor-muted: #141f0f;
-    --display-lime-bgColor-emphasis: #5f892f;
+    --display-lime-bgColor-emphasis: #496c28;
   --display-lime-fgColor: #7dae37;
   --display-lime-borderColor-muted: #1f3116;
   --display-lime-borderColor-emphasis: #5f892f;
   --display-pine-bgColor-muted: #082119;
-    --display-pine-bgColor-emphasis: #18915e;
+    --display-pine-bgColor-emphasis: #14714c;
   --display-pine-fgColor: #1bb673;
   --display-pine-borderColor-muted: #0b3224;
   --display-pine-borderColor-emphasis: #18915e;
   --display-teal-bgColor-muted: #041f25;
-    --display-teal-bgColor-emphasis: #158a8a;
+    --display-teal-bgColor-emphasis: #106c70;
   --display-teal-fgColor: #1cb0ab;
   --display-teal-borderColor-muted: #073036;
   --display-teal-borderColor-emphasis: #158a8a;
   --display-cyan-bgColor-muted: #001f29;
-    --display-cyan-bgColor-emphasis: #0587b3;
+    --display-cyan-bgColor-emphasis: #036a8c;
   --display-cyan-fgColor: #07ace4;
   --display-cyan-borderColor-muted: #002e3d;
   --display-cyan-borderColor-emphasis: #0587b3;
   --display-indigo-bgColor-muted: #1b183f;
-    --display-indigo-bgColor-emphasis: #7070e1;
+    --display-indigo-bgColor-emphasis: #514ed4;
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
   --display-pink-bgColor-muted: #2d1524;
-    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-bgColor-emphasis: #ac2f74;
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;

/css/functional/themes/dark.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css	2024-06-20 11:11:44.941670532 +0000
@@ -63,97 +63,97 @@
 --data-gray-color: #576270;
 --data-gray-color-muted: #1c1c1c;
 --display-blue-bgColor-muted: #001a47;
-  --display-blue-bgColor-emphasis: #0576ff;
+  --display-blue-bgColor-emphasis: #005bd1;
 --display-blue-fgColor: #4da0ff;
 --display-blue-borderColor-muted: #002766;
 --display-blue-borderColor-emphasis: #0576ff;
 --display-green-bgColor-muted: #122117;
-  --display-green-bgColor-emphasis: #388f3f;
+  --display-green-bgColor-emphasis: #2f6f37;
 --display-green-fgColor: #41b445;
 --display-green-borderColor-muted: #182f1f;
 --display-green-borderColor-emphasis: #388f3f;
 --display-orange-bgColor-muted: #311708;
-  --display-orange-bgColor-emphasis: #c46212;
+  --display-orange-bgColor-emphasis: #984b10;
 --display-orange-fgColor: #ed8326;
 --display-orange-borderColor-muted: #43200a;
 --display-orange-borderColor-emphasis: #c46212;
 --display-purple-bgColor-muted: #211047;
-  --display-purple-bgColor-emphasis: #975bf1;
+  --display-purple-bgColor-emphasis: #7730e8;
 --display-purple-fgColor: #b687f7;
 --display-purple-borderColor-muted: #31146b;
 --display-purple-borderColor-emphasis: #975bf1;
 --display-plum-bgColor-muted: #2a0e3f;
-  --display-plum-bgColor-emphasis: #b643ef;
+  --display-plum-bgColor-emphasis: #9518d8;
 --display-plum-fgColor: #d07ef7;
 --display-plum-borderColor-muted: #40125e;
 --display-plum-borderColor-emphasis: #b643ef;
 --display-red-bgColor-muted: #3c0614;
-  --display-red-bgColor-emphasis: #eb3342;
+  --display-red-bgColor-emphasis: #c31328;
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
 --display-coral-bgColor-muted: #3c0614;
-  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-bgColor-emphasis: #c31328;
 --display-coral-fgColor: #f27d83;
 --display-coral-borderColor-muted: #58091a;
 --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
-  --display-yellow-bgColor-emphasis: #aa7109;
+  --display-yellow-bgColor-emphasis: #895906;
 --display-yellow-fgColor: #d3910d;
 --display-yellow-borderColor-muted: #3d2401;
 --display-yellow-borderColor-emphasis: #aa7109;
 --display-gray-bgColor-muted: #1c1c1c;
-  --display-gray-bgColor-emphasis: #6e7f96;
+  --display-gray-bgColor-emphasis: #576270;
 --display-gray-fgColor: #92a1b5;
 --display-gray-borderColor-muted: #2a2b2d;
 --display-gray-borderColor-emphasis: #6e7f96;
 --display-auburn-bgColor-muted: #271817;
-  --display-auburn-bgColor-emphasis: #a86f6b;
+  --display-auburn-bgColor-emphasis: #87534f;
 --display-auburn-fgColor: #bf9592;
 --display-auburn-borderColor-muted: #3a2422;
 --display-auburn-borderColor-emphasis: #a86f6b;
 --display-brown-bgColor-muted: #241c14;
-  --display-brown-bgColor-emphasis: #94774c;
+  --display-brown-bgColor-emphasis: #755e3e;
 --display-brown-fgColor: #b69a6d;
 --display-brown-borderColor-muted: #342a1d;
 --display-brown-borderColor-emphasis: #94774c;
 --display-lemon-bgColor-muted: #291d00;
-  --display-lemon-bgColor-emphasis: #977b0c;
+  --display-lemon-bgColor-emphasis: #786008;
 --display-lemon-fgColor: #ba9b12;
 --display-lemon-borderColor-muted: #372901;
 --display-lemon-borderColor-emphasis: #977b0c;
 --display-olive-bgColor-muted: #171e0b;
-  --display-olive-bgColor-emphasis: #7a8321;
+  --display-olive-bgColor-emphasis: #5e681d;
 --display-olive-fgColor: #a2a626;
 --display-olive-borderColor-muted: #252d10;
 --display-olive-borderColor-emphasis: #7a8321;
 --display-lime-bgColor-muted: #141f0f;
-  --display-lime-bgColor-emphasis: #5f892f;
+  --display-lime-bgColor-emphasis: #496c28;
 --display-lime-fgColor: #7dae37;
 --display-lime-borderColor-muted: #1f3116;
 --display-lime-borderColor-emphasis: #5f892f;
 --display-pine-bgColor-muted: #082119;
-  --display-pine-bgColor-emphasis: #18915e;
+  --display-pine-bgColor-emphasis: #14714c;
 --display-pine-fgColor: #1bb673;
 --display-pine-borderColor-muted: #0b3224;
 --display-pine-borderColor-emphasis: #18915e;
 --display-teal-bgColor-muted: #041f25;
-  --display-teal-bgColor-emphasis: #158a8a;
+  --display-teal-bgColor-emphasis: #106c70;
 --display-teal-fgColor: #1cb0ab;
 --display-teal-borderColor-muted: #073036;
 --display-teal-borderColor-emphasis: #158a8a;
 --display-cyan-bgColor-muted: #001f29;
-  --display-cyan-bgColor-emphasis: #0587b3;
+  --display-cyan-bgColor-emphasis: #036a8c;
 --display-cyan-fgColor: #07ace4;
 --display-cyan-borderColor-muted: #002e3d;
 --display-cyan-borderColor-emphasis: #0587b3;
 --display-indigo-bgColor-muted: #1b183f;
-  --display-indigo-bgColor-emphasis: #7070e1;
+  --display-indigo-bgColor-emphasis: #514ed4;
 --display-indigo-fgColor: #9899ec;
 --display-indigo-borderColor-muted: #25215f;
 --display-indigo-borderColor-emphasis: #7070e1;
 --display-pink-bgColor-muted: #2d1524;
-  --display-pink-bgColor-emphasis: #d34591;
+  --display-pink-bgColor-emphasis: #ac2f74;
 --display-pink-fgColor: #e57bb2;
 --display-pink-borderColor-muted: #451c35;
 --display-pink-borderColor-emphasis: #d34591;
@@ -627,97 +627,97 @@
   --data-gray-color: #576270;
   --data-gray-color-muted: #1c1c1c;
   --display-blue-bgColor-muted: #001a47;
-    --display-blue-bgColor-emphasis: #0576ff;
+    --display-blue-bgColor-emphasis: #005bd1;
   --display-blue-fgColor: #4da0ff;
   --display-blue-borderColor-muted: #002766;
   --display-blue-borderColor-emphasis: #0576ff;
   --display-green-bgColor-muted: #122117;
-    --display-green-bgColor-emphasis: #388f3f;
+    --display-green-bgColor-emphasis: #2f6f37;
   --display-green-fgColor: #41b445;
   --display-green-borderColor-muted: #182f1f;
   --display-green-borderColor-emphasis: #388f3f;
   --display-orange-bgColor-muted: #311708;
-    --display-orange-bgColor-emphasis: #c46212;
+    --display-orange-bgColor-emphasis: #984b10;
   --display-orange-fgColor: #ed8326;
   --display-orange-borderColor-muted: #43200a;
   --display-orange-borderColor-emphasis: #c46212;
   --display-purple-bgColor-muted: #211047;
-    --display-purple-bgColor-emphasis: #975bf1;
+    --display-purple-bgColor-emphasis: #7730e8;
   --display-purple-fgColor: #b687f7;
   --display-purple-borderColor-muted: #31146b;
   --display-purple-borderColor-emphasis: #975bf1;
   --display-plum-bgColor-muted: #2a0e3f;
-    --display-plum-bgColor-emphasis: #b643ef;
+    --display-plum-bgColor-emphasis: #9518d8;
   --display-plum-fgColor: #d07ef7;
   --display-plum-borderColor-muted: #40125e;
   --display-plum-borderColor-emphasis: #b643ef;
   --display-red-bgColor-muted: #3c0614;
-    --display-red-bgColor-emphasis: #eb3342;
+    --display-red-bgColor-emphasis: #c31328;
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
   --display-coral-bgColor-muted: #3c0614;
-    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-bgColor-emphasis: #c31328;
   --display-coral-fgColor: #f27d83;
   --display-coral-borderColor-muted: #58091a;
   --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
-    --display-yellow-bgColor-emphasis: #aa7109;
+    --display-yellow-bgColor-emphasis: #895906;
   --display-yellow-fgColor: #d3910d;
   --display-yellow-borderColor-muted: #3d2401;
   --display-yellow-borderColor-emphasis: #aa7109;
   --display-gray-bgColor-muted: #1c1c1c;
-    --display-gray-bgColor-emphasis: #6e7f96;
+    --display-gray-bgColor-emphasis: #576270;
   --display-gray-fgColor: #92a1b5;
   --display-gray-borderColor-muted: #2a2b2d;
   --display-gray-borderColor-emphasis: #6e7f96;
   --display-auburn-bgColor-muted: #271817;
-    --display-auburn-bgColor-emphasis: #a86f6b;
+    --display-auburn-bgColor-emphasis: #87534f;
   --display-auburn-fgColor: #bf9592;
   --display-auburn-borderColor-muted: #3a2422;
   --display-auburn-borderColor-emphasis: #a86f6b;
   --display-brown-bgColor-muted: #241c14;
-    --display-brown-bgColor-emphasis: #94774c;
+    --display-brown-bgColor-emphasis: #755e3e;
   --display-brown-fgColor: #b69a6d;
   --display-brown-borderColor-muted: #342a1d;
   --display-brown-borderColor-emphasis: #94774c;
   --display-lemon-bgColor-muted: #291d00;
-    --display-lemon-bgColor-emphasis: #977b0c;
+    --display-lemon-bgColor-emphasis: #786008;
   --display-lemon-fgColor: #ba9b12;
   --display-lemon-borderColor-muted: #372901;
   --display-lemon-borderColor-emphasis: #977b0c;
   --display-olive-bgColor-muted: #171e0b;
-    --display-olive-bgColor-emphasis: #7a8321;
+    --display-olive-bgColor-emphasis: #5e681d;
   --display-olive-fgColor: #a2a626;
   --display-olive-borderColor-muted: #252d10;
   --display-olive-borderColor-emphasis: #7a8321;
   --display-lime-bgColor-muted: #141f0f;
-    --display-lime-bgColor-emphasis: #5f892f;
+    --display-lime-bgColor-emphasis: #496c28;
   --display-lime-fgColor: #7dae37;
   --display-lime-borderColor-muted: #1f3116;
   --display-lime-borderColor-emphasis: #5f892f;
   --display-pine-bgColor-muted: #082119;
-    --display-pine-bgColor-emphasis: #18915e;
+    --display-pine-bgColor-emphasis: #14714c;
   --display-pine-fgColor: #1bb673;
   --display-pine-borderColor-muted: #0b3224;
   --display-pine-borderColor-emphasis: #18915e;
   --display-teal-bgColor-muted: #041f25;
-    --display-teal-bgColor-emphasis: #158a8a;
+    --display-teal-bgColor-emphasis: #106c70;
   --display-teal-fgColor: #1cb0ab;
   --display-teal-borderColor-muted: #073036;
   --display-teal-borderColor-emphasis: #158a8a;
   --display-cyan-bgColor-muted: #001f29;
-    --display-cyan-bgColor-emphasis: #0587b3;
+    --display-cyan-bgColor-emphasis: #036a8c;
   --display-cyan-fgColor: #07ace4;
   --display-cyan-borderColor-muted: #002e3d;
   --display-cyan-borderColor-emphasis: #0587b3;
   --display-indigo-bgColor-muted: #1b183f;
-    --display-indigo-bgColor-emphasis: #7070e1;
+    --display-indigo-bgColor-emphasis: #514ed4;
   --display-indigo-fgColor: #9899ec;
   --display-indigo-borderColor-muted: #25215f;
   --display-indigo-borderColor-emphasis: #7070e1;
   --display-pink-bgColor-muted: #2d1524;
-    --display-pink-bgColor-emphasis: #d34591;
+    --display-pink-bgColor-emphasis: #ac2f74;
   --display-pink-fgColor: #e57bb2;
   --display-pink-borderColor-muted: #451c35;
   --display-pink-borderColor-emphasis: #d34591;

@lukasoppermann lukasoppermann merged commit 4b5eb67 into main Jun 20, 2024
21 checks passed
@lukasoppermann lukasoppermann deleted the display-contrast-check branch June 20, 2024 16:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
skip changeset Apply to PRs that should not result in a version bump.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants