Enable contrast check for display colors in HC #991

lukasoppermann · 2024-06-27T12:46:47Z

Summary

This PR fixes display colors for high contrast mode.

Theme	Old	New
Light High Contrast
Dark High Contrast
Light
Dark
Dark Dimmed

changeset-bot · 2024-06-27T12:46:50Z

🦋 Changeset detected

Latest commit: a7d5668

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/primitives	Patch

Not sure what this means? Click here to learn what changesets are.

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

github-actions · 2024-06-27T13:25:22Z

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-hover	✅	12.92:1	4.5:1
control-fgColor-rest vs. control-bgColor-selected	✅	13.76:1	4.5:1
fgColor-default vs. bgColor-neutral-muted on bgColor-default	✅	13.95:1	4.5:1
fgColor-default vs. bgColor-neutral-muted on bgColor-muted	✅	13.21: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-neutral vs. bgColor-default	✅	6.38:1	4.5:1
fgColor-neutral vs. bgColor-muted	✅	6:1	4.5:1
fgColor-neutral vs. bgColor-inset	✅	6: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-upsell vs. bgColor-default	✅	5.04:1	4.5:1
fgColor-upsell vs. bgColor-muted	✅	4.73:1	4.5:1
fgColor-upsell 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-neutral vs. bgColor-neutral-muted on bgColor-default	✅	5.64:1	4.5:1
fgColor-neutral vs. bgColor-neutral-muted on bgColor-muted	✅	5.34: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-upsell vs. bgColor-upsell-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-upsell-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-hover	✅	8.84:1	4.5:1
control-fgColor-rest vs. control-bgColor-selected	✅	11.2:1	4.5:1
fgColor-default vs. bgColor-neutral-muted on bgColor-default	✅	9.83:1	4.5:1
fgColor-default vs. bgColor-neutral-muted on bgColor-muted	✅	8.98: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	✅	13.44:1	4.5:1
fgColor-default vs. bgColor-open-muted on bgColor-muted	✅	12: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	✅	14.49:1	4.5:1
fgColor-default vs. bgColor-closed-muted on bgColor-muted	✅	13.09: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-neutral vs. bgColor-default	✅	9.63:1	4.5:1
fgColor-neutral vs. bgColor-muted	✅	8.8:1	4.5:1
fgColor-neutral vs. bgColor-inset	✅	10.45: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-upsell vs. bgColor-default	✅	6.32:1	4.5:1
fgColor-upsell vs. bgColor-muted	✅	5.78:1	4.5:1
fgColor-upsell 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-neutral vs. bgColor-neutral-muted on bgColor-default	✅	5.91:1	4.5:1
fgColor-neutral vs. bgColor-neutral-muted on bgColor-muted	✅	5.4:1	4.5:1
fgColor-accent vs. bgColor-accent-muted on bgColor-default	✅	5.46:1	4.5:1
fgColor-accent vs. bgColor-accent-muted on bgColor-muted	✅	4.92: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.25:1	4.5:1
fgColor-open vs. bgColor-open-muted on bgColor-muted	✅	5.58: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	✅	5.1:1	4.5:1
fgColor-closed vs. bgColor-closed-muted on bgColor-muted	✅	4.61: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-upsell vs. bgColor-upsell-muted on bgColor-default	✅	5.18:1	4.5:1
fgColor-upsell vs. bgColor-upsell-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-upsell-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

`light_high_contrast`: ✅ all checks passed

Show results table for theme: light_high_contrast

contrastPair	pass	contrastRatio	minimumContrastRatio
fgColor-default vs. bgColor-default	✅	20.53:1	7:1
fgColor-muted vs. bgColor-default	✅	18.91:1	7:1
fgColor-default vs. bgColor-muted	✅	17.26:1	7:1
fgColor-muted vs. bgColor-muted	✅	15.89:1	7:1
fgColor-default vs. bgColor-inset	✅	20.53:1	7:1
fgColor-muted vs. bgColor-inset	✅	18.91:1	7:1
control-fgColor-rest vs. bgColor-default	✅	18.91:1	7:1
control-fgColor-rest vs. bgColor-muted	✅	15.89:1	7:1
control-fgColor-rest vs. bgColor-inset	✅	18.91:1	7:1
control-fgColor-rest vs. control-bgColor-rest	✅	15.89:1	7:1
control-fgColor-placeholder vs. control-bgColor-rest	✅	7.08:1	7:1
control-fgColor-rest vs. control-bgColor-active	✅	12.89:1	7:1
control-fgColor-rest vs. control-bgColor-hover	✅	14.34:1	7:1
control-fgColor-rest vs. control-bgColor-selected	✅	9.19:1	7:1
fgColor-default vs. bgColor-neutral-muted	✅	17.26:1	7:1
fgColor-default vs. bgColor-accent-muted	✅	18.46:1	7:1
fgColor-default vs. bgColor-success-muted	✅	18.52:1	7:1
fgColor-default vs. bgColor-open-muted	✅	18.52:1	7:1
fgColor-default vs. bgColor-danger-muted	✅	18.53:1	7:1
fgColor-default vs. bgColor-closed-muted	✅	18.53:1	7:1
fgColor-default vs. bgColor-attention-muted	✅	18.76:1	7:1
fgColor-default vs. bgColor-severe-muted	✅	18.49:1	7:1
fgColor-default vs. bgColor-done-muted	✅	18.54:1	7:1
fgColor-default vs. bgColor-sponsors-muted	✅	18.48:1	7:1
fgColor-neutral vs. bgColor-default	✅	11.33:1	7:1
fgColor-neutral vs. bgColor-muted	✅	9.52:1	7:1
fgColor-neutral vs. bgColor-inset	✅	11.33:1	7:1
fgColor-accent vs. bgColor-default	✅	10.18:1	7:1
fgColor-accent vs. bgColor-muted	✅	8.56:1	7:1
fgColor-accent vs. bgColor-inset	✅	10.18:1	7:1
fgColor-success vs. bgColor-default	✅	10.23:1	7:1
fgColor-success vs. bgColor-muted	✅	8.6:1	7:1
fgColor-success vs. bgColor-inset	✅	10.23:1	7:1
fgColor-open vs. bgColor-default	✅	10.23:1	7:1
fgColor-open vs. bgColor-muted	✅	8.6:1	7:1
fgColor-open vs. bgColor-inset	✅	10.23:1	7:1
fgColor-danger vs. bgColor-default	✅	9.86:1	7:1
fgColor-danger vs. bgColor-muted	✅	8.28:1	7:1
fgColor-danger vs. bgColor-inset	✅	9.86:1	7:1
fgColor-closed vs. bgColor-default	✅	9.86:1	7:1
fgColor-closed vs. bgColor-muted	✅	8.28:1	7:1
fgColor-closed vs. bgColor-inset	✅	9.86:1	7:1
fgColor-attention vs. bgColor-default	✅	10.27:1	7:1
fgColor-attention vs. bgColor-muted	✅	8.63:1	7:1
fgColor-attention vs. bgColor-inset	✅	10.27:1	7:1
fgColor-severe vs. bgColor-default	✅	10.24:1	7:1
fgColor-severe vs. bgColor-muted	✅	8.61:1	7:1
fgColor-severe vs. bgColor-inset	✅	10.24:1	7:1
fgColor-done vs. bgColor-default	✅	10.15:1	7:1
fgColor-done vs. bgColor-muted	✅	8.53:1	7:1
fgColor-done vs. bgColor-inset	✅	10.15:1	7:1
fgColor-upsell vs. bgColor-default	✅	10.15:1	7:1
fgColor-upsell vs. bgColor-muted	✅	8.53:1	7:1
fgColor-upsell vs. bgColor-inset	✅	10.15:1	7:1
fgColor-sponsors vs. bgColor-default	✅	10.18:1	7:1
fgColor-sponsors vs. bgColor-muted	✅	8.56:1	7:1
fgColor-sponsors vs. bgColor-inset	✅	10.18:1	7:1
fgColor-neutral vs. bgColor-neutral-muted	✅	9.52:1	7:1
fgColor-accent vs. bgColor-accent-muted	✅	9.15:1	7:1
fgColor-success vs. bgColor-success-muted	✅	9.23:1	7:1
fgColor-open vs. bgColor-open-muted	✅	9.23:1	7:1
fgColor-danger vs. bgColor-danger-muted	✅	8.89:1	7:1
fgColor-closed vs. bgColor-closed-muted	✅	8.89:1	7:1
fgColor-attention vs. bgColor-attention-muted	✅	9.38:1	7:1
fgColor-severe vs. bgColor-severe-muted	✅	9.22:1	7:1
fgColor-done vs. bgColor-done-muted	✅	9.16:1	7:1
fgColor-upsell vs. bgColor-upsell-muted	✅	9.16:1	7:1
fgColor-sponsors vs. bgColor-sponsors-muted	✅	9.16:1	7:1
fgColor-onEmphasis vs. bgColor-neutral-emphasis	✅	7.79:1	7:1
fgColor-onEmphasis vs. bgColor-accent-emphasis	✅	8.02:1	7:1
fgColor-onEmphasis vs. bgColor-success-emphasis	✅	8.09:1	7:1
fgColor-onEmphasis vs. bgColor-open-emphasis	✅	8.09:1	7:1
fgColor-onEmphasis vs. bgColor-danger-emphasis	✅	8.09:1	7:1
fgColor-onEmphasis vs. bgColor-closed-emphasis	✅	8.09:1	7:1
fgColor-onEmphasis vs. bgColor-attention-emphasis	✅	8.09:1	7:1
fgColor-onEmphasis vs. bgColor-severe-emphasis	✅	8.08:1	7:1
fgColor-onEmphasis vs. bgColor-done-emphasis	✅	8.05:1	7:1
fgColor-onEmphasis vs. bgColor-upsell-emphasis	✅	8.05:1	7:1
fgColor-onEmphasis vs. bgColor-sponsors-emphasis	✅	8.04:1	7:1
control-borderColor-emphasis vs. bgColor-default	✅	15.41:1	4.5:1
control-borderColor-emphasis vs. bgColor-muted	✅	12.95:1	4.5:1
display-gray-fgColor vs. display-gray-bgColor-muted	✅	8.22:1	7:1
display-indigo-fgColor vs. display-indigo-bgColor-muted	✅	8.12:1	7:1
display-blue-fgColor vs. display-blue-bgColor-muted	✅	8.28:1	7:1
display-cyan-fgColor vs. display-cyan-bgColor-muted	✅	8.49:1	7:1
display-teal-fgColor vs. display-teal-bgColor-muted	✅	8.6:1	7:1
display-pine-fgColor vs. display-pine-bgColor-muted	✅	8.47:1	7:1
display-green-fgColor vs. display-green-bgColor-muted	✅	8.27:1	7:1
display-lime-fgColor vs. display-lime-bgColor-muted	✅	8.3:1	7:1
display-olive-fgColor vs. display-olive-bgColor-muted	✅	8.19:1	7:1
display-lemon-fgColor vs. display-lemon-bgColor-muted	✅	8.55:1	7:1
display-yellow-fgColor vs. display-yellow-bgColor-muted	✅	8.35:1	7:1
display-orange-fgColor vs. display-orange-bgColor-muted	✅	8.3:1	7:1
display-red-fgColor vs. display-red-bgColor-muted	✅	8.08:1	7:1
display-coral-fgColor vs. display-coral-bgColor-muted	✅	8.31:1	7:1
display-pink-fgColor vs. display-pink-bgColor-muted	✅	8.31:1	7:1
display-plum-fgColor vs. display-plum-bgColor-muted	✅	8.13:1	7:1
display-purple-fgColor vs. display-purple-bgColor-muted	✅	8.13:1	7:1
display-brown-fgColor vs. display-brown-bgColor-muted	✅	8.15:1	7:1
display-auburn-fgColor vs. display-auburn-bgColor-muted	✅	8.36:1	7:1
fgColor-onEmphasis vs. display-gray-bgColor-emphasis	✅	7.75:1	7:1
fgColor-onEmphasis vs. display-indigo-bgColor-emphasis	✅	7.55:1	7:1
fgColor-onEmphasis vs. display-blue-bgColor-emphasis	✅	7.74:1	7:1
fgColor-onEmphasis vs. display-cyan-bgColor-emphasis	✅	7.95:1	7:1
fgColor-onEmphasis vs. display-teal-bgColor-emphasis	✅	7.79:1	7:1
fgColor-onEmphasis vs. display-pine-bgColor-emphasis	✅	7.86:1	7:1
fgColor-onEmphasis vs. display-green-bgColor-emphasis	✅	7.82:1	7:1
fgColor-onEmphasis vs. display-lime-bgColor-emphasis	✅	7.76:1	7:1
fgColor-onEmphasis vs. display-olive-bgColor-emphasis	✅	7.55:1	7:1
fgColor-onEmphasis vs. display-lemon-bgColor-emphasis	✅	7.85:1	7:1
fgColor-onEmphasis vs. display-yellow-bgColor-emphasis	✅	7.63:1	7:1
fgColor-onEmphasis vs. display-orange-bgColor-emphasis	✅	7.53:1	7:1
fgColor-onEmphasis vs. display-red-bgColor-emphasis	✅	7.76:1	7:1
fgColor-onEmphasis vs. display-coral-bgColor-emphasis	✅	7.79:1	7:1
fgColor-onEmphasis vs. display-pink-bgColor-emphasis	✅	7.68:1	7:1
fgColor-onEmphasis vs. display-plum-bgColor-emphasis	✅	7.63:1	7:1
fgColor-onEmphasis vs. display-purple-bgColor-emphasis	✅	7.66:1	7:1
fgColor-onEmphasis vs. display-brown-bgColor-emphasis	✅	7.55:1	7:1
fgColor-onEmphasis vs. display-auburn-bgColor-emphasis	✅	7.69:1	7:1
bgColor-default vs. display-gray-borderColor-emphasis	✅	5.91:1	4.5:1
bgColor-default vs. display-indigo-borderColor-emphasis	✅	6.1:1	4.5:1
bgColor-default vs. display-blue-borderColor-emphasis	✅	5.98:1	4.5:1
bgColor-default vs. display-cyan-borderColor-emphasis	✅	6.22:1	4.5:1
bgColor-default vs. display-teal-borderColor-emphasis	✅	5.98:1	4.5:1
bgColor-default vs. display-pine-borderColor-emphasis	✅	6.16:1	4.5:1
bgColor-default vs. display-green-borderColor-emphasis	✅	6.16:1	4.5:1
bgColor-default vs. display-lime-borderColor-emphasis	✅	6.09:1	4.5:1
bgColor-default vs. display-olive-borderColor-emphasis	✅	6.15:1	4.5:1
bgColor-default vs. display-lemon-borderColor-emphasis	✅	6.04:1	4.5:1
bgColor-default vs. display-yellow-borderColor-emphasis	✅	6.27:1	4.5:1
bgColor-default vs. display-orange-borderColor-emphasis	✅	6.14:1	4.5:1
bgColor-default vs. display-red-borderColor-emphasis	✅	6.06:1	4.5:1
bgColor-default vs. display-coral-borderColor-emphasis	✅	6.02:1	4.5:1
bgColor-default vs. display-pink-borderColor-emphasis	✅	5.91:1	4.5:1
bgColor-default vs. display-plum-borderColor-emphasis	✅	5.97:1	4.5:1
bgColor-default vs. display-purple-borderColor-emphasis	✅	5.95:1	4.5:1
bgColor-default vs. display-brown-borderColor-emphasis	✅	6.04:1	4.5:1
bgColor-default vs. display-auburn-borderColor-emphasis	✅	6:1	4.5:1
bgColor-muted vs. display-gray-borderColor-emphasis	✅	4.97:1	4.5:1
bgColor-muted vs. display-indigo-borderColor-emphasis	✅	5.13:1	4.5:1
bgColor-muted vs. display-blue-borderColor-emphasis	✅	5.03:1	4.5:1
bgColor-muted vs. display-cyan-borderColor-emphasis	✅	5.23:1	4.5:1
bgColor-muted vs. display-teal-borderColor-emphasis	✅	5.03:1	4.5:1
bgColor-muted vs. display-pine-borderColor-emphasis	✅	5.18:1	4.5:1
bgColor-muted vs. display-green-borderColor-emphasis	✅	5.18:1	4.5:1
bgColor-muted vs. display-lime-borderColor-emphasis	✅	5.12:1	4.5:1
bgColor-muted vs. display-olive-borderColor-emphasis	✅	5.17:1	4.5:1
bgColor-muted vs. display-lemon-borderColor-emphasis	✅	5.08:1	4.5:1
bgColor-muted vs. display-yellow-borderColor-emphasis	✅	5.27:1	4.5:1
bgColor-muted vs. display-orange-borderColor-emphasis	✅	5.16:1	4.5:1
bgColor-muted vs. display-red-borderColor-emphasis	✅	5.09:1	4.5:1
bgColor-muted vs. display-coral-borderColor-emphasis	✅	5.06:1	4.5:1
bgColor-muted vs. display-pink-borderColor-emphasis	✅	4.97:1	4.5:1
bgColor-muted vs. display-plum-borderColor-emphasis	✅	5.02:1	4.5:1
bgColor-muted vs. display-purple-borderColor-emphasis	✅	5:1	4.5:1
bgColor-muted vs. display-brown-borderColor-emphasis	✅	5.08:1	4.5:1
bgColor-muted vs. display-auburn-borderColor-emphasis	✅	5.04:1	4.5:1
display-gray-borderColor-emphasis vs. display-gray-bgColor-muted	✅	4.98:1	4.5:1
display-indigo-borderColor-emphasis vs. display-indigo-bgColor-muted	✅	5.06:1	4.5:1
display-blue-borderColor-emphasis vs. display-blue-bgColor-muted	✅	5.02:1	4.5:1
display-cyan-borderColor-emphasis vs. display-cyan-bgColor-muted	✅	5.2:1	4.5:1
display-teal-borderColor-emphasis vs. display-teal-bgColor-muted	✅	5.05:1	4.5:1
display-pine-borderColor-emphasis vs. display-pine-bgColor-muted	✅	5.18:1	4.5:1
display-green-borderColor-emphasis vs. display-green-bgColor-muted	✅	5.18:1	4.5:1
display-lime-borderColor-emphasis vs. display-lime-bgColor-muted	✅	5.12:1	4.5:1
display-olive-borderColor-emphasis vs. display-olive-bgColor-muted	✅	5.2:1	4.5:1
display-lemon-borderColor-emphasis vs. display-lemon-bgColor-muted	✅	5.09:1	4.5:1
display-yellow-borderColor-emphasis vs. display-yellow-bgColor-muted	✅	5.3:1	4.5:1
display-orange-borderColor-emphasis vs. display-orange-bgColor-muted	✅	5.14:1	4.5:1
display-red-borderColor-emphasis vs. display-red-bgColor-muted	✅	4.96:1	4.5:1
display-coral-borderColor-emphasis vs. display-coral-bgColor-muted	✅	5.01:1	4.5:1
display-pink-borderColor-emphasis vs. display-pink-bgColor-muted	✅	4.99:1	4.5:1
display-plum-borderColor-emphasis vs. display-plum-bgColor-muted	✅	5.01:1	4.5:1
display-purple-borderColor-emphasis vs. display-purple-bgColor-muted	✅	4.93:1	4.5:1
display-brown-borderColor-emphasis vs. display-brown-bgColor-muted	✅	5.03:1	4.5:1
display-auburn-borderColor-emphasis vs. display-auburn-bgColor-muted	✅	5.03:1	4.5:1

`dark_high_contrast`: ✅ all checks passed

Show results table for theme: dark_high_contrast

contrastPair	pass	contrastRatio	minimumContrastRatio
fgColor-default vs. bgColor-default	✅	19.05:1	7:1
fgColor-muted vs. bgColor-default	✅	17.57:1	7:1
fgColor-default vs. bgColor-muted	✅	16.61:1	7:1
fgColor-muted vs. bgColor-muted	✅	15.32:1	7:1
fgColor-default vs. bgColor-inset	✅	19.99:1	7:1
fgColor-muted vs. bgColor-inset	✅	18.43:1	7:1
control-fgColor-rest vs. bgColor-default	✅	17.57:1	7:1
control-fgColor-rest vs. bgColor-muted	✅	15.32:1	7:1
control-fgColor-rest vs. bgColor-inset	✅	18.43:1	7:1
control-fgColor-rest vs. control-bgColor-rest	✅	9.04:1	7:1
control-fgColor-placeholder vs. control-bgColor-rest	✅	8.23:1	7:1
control-fgColor-rest vs. control-bgColor-active	✅	9.74:1	7:1
control-fgColor-rest vs. control-bgColor-hover	✅	7.39:1	7:1
control-fgColor-rest vs. control-bgColor-selected	✅	12.74:1	7:1
fgColor-default vs. bgColor-neutral-muted on bgColor-default	✅	17.32:1	7:1
fgColor-default vs. bgColor-neutral-muted on bgColor-muted	✅	14.74:1	7:1
fgColor-default vs. bgColor-accent-muted on bgColor-default	✅	16.9:1	7:1
fgColor-default vs. bgColor-accent-muted on bgColor-muted	✅	14.31:1	7:1
fgColor-default vs. bgColor-success-muted on bgColor-default	✅	15.69:1	7:1
fgColor-default vs. bgColor-success-muted on bgColor-muted	✅	13.14:1	7:1
fgColor-default vs. bgColor-open-muted on bgColor-default	✅	15.69:1	7:1
fgColor-default vs. bgColor-open-muted on bgColor-muted	✅	13.14:1	7:1
fgColor-default vs. bgColor-danger-muted on bgColor-default	✅	17.16:1	7:1
fgColor-default vs. bgColor-danger-muted on bgColor-muted	✅	14.45:1	7:1
fgColor-default vs. bgColor-closed-muted on bgColor-default	✅	17.16:1	7:1
fgColor-default vs. bgColor-closed-muted on bgColor-muted	✅	14.45:1	7:1
fgColor-default vs. bgColor-attention-muted on bgColor-default	✅	14.93:1	7:1
fgColor-default vs. bgColor-attention-muted on bgColor-muted	✅	12.48:1	7:1
fgColor-default vs. bgColor-severe-muted on bgColor-default	✅	17.23:1	7:1
fgColor-default vs. bgColor-severe-muted on bgColor-muted	✅	14.52:1	7:1
fgColor-default vs. bgColor-done-muted on bgColor-default	✅	17.22:1	7:1
fgColor-default vs. bgColor-done-muted on bgColor-muted	✅	14.55:1	7:1
fgColor-default vs. bgColor-sponsors-muted on bgColor-default	✅	17.24:1	7:1
fgColor-default vs. bgColor-sponsors-muted on bgColor-muted	✅	14.72:1	7:1
fgColor-neutral vs. bgColor-default	✅	11.12:1	7:1
fgColor-neutral vs. bgColor-muted	✅	9.69:1	7:1
fgColor-neutral vs. bgColor-inset	✅	11.66:1	7:1
fgColor-accent vs. bgColor-default	✅	9.34:1	7:1
fgColor-accent vs. bgColor-muted	✅	8.15:1	7:1
fgColor-accent vs. bgColor-inset	✅	9.8:1	7:1
fgColor-success vs. bgColor-default	✅	10.18:1	7:1
fgColor-success vs. bgColor-muted	✅	8.88:1	7:1
fgColor-success vs. bgColor-inset	✅	10.68:1	7:1
fgColor-open vs. bgColor-default	✅	10.18:1	7:1
fgColor-open vs. bgColor-muted	✅	8.88:1	7:1
fgColor-open vs. bgColor-inset	✅	10.68:1	7:1
fgColor-danger vs. bgColor-default	✅	9.22:1	7:1
fgColor-danger vs. bgColor-muted	✅	8.04:1	7:1
fgColor-danger vs. bgColor-inset	✅	9.68:1	7:1
fgColor-closed vs. bgColor-default	✅	9.22:1	7:1
fgColor-closed vs. bgColor-muted	✅	8.04:1	7:1
fgColor-closed vs. bgColor-inset	✅	9.68:1	7:1
fgColor-attention vs. bgColor-default	✅	10.73:1	7:1
fgColor-attention vs. bgColor-muted	✅	9.36:1	7:1
fgColor-attention vs. bgColor-inset	✅	11.26:1	7:1
fgColor-severe vs. bgColor-default	✅	9.2:1	7:1
fgColor-severe vs. bgColor-muted	✅	8.02:1	7:1
fgColor-severe vs. bgColor-inset	✅	9.65:1	7:1
fgColor-done vs. bgColor-default	✅	9.2:1	7:1
fgColor-done vs. bgColor-muted	✅	8.02:1	7:1
fgColor-done vs. bgColor-inset	✅	9.65:1	7:1
fgColor-upsell vs. bgColor-default	✅	9.2:1	7:1
fgColor-upsell vs. bgColor-muted	✅	8.02:1	7:1
fgColor-upsell vs. bgColor-inset	✅	9.65:1	7:1
fgColor-sponsors vs. bgColor-default	✅	9.21:1	7:1
fgColor-sponsors vs. bgColor-muted	✅	8.03:1	7:1
fgColor-sponsors vs. bgColor-inset	✅	9.66:1	7:1
fgColor-neutral vs. bgColor-neutral-muted on bgColor-default	✅	10.1:1	7:1
fgColor-neutral vs. bgColor-neutral-muted on bgColor-muted	✅	8.6:1	7:1
fgColor-accent vs. bgColor-accent-muted on bgColor-default	✅	8.29:1	7:1
fgColor-accent vs. bgColor-accent-muted on bgColor-muted	✅	7.02:1	7:1
fgColor-success vs. bgColor-success-muted on bgColor-default	✅	8.39:1	7:1
fgColor-success vs. bgColor-success-muted on bgColor-muted	✅	7.02:1	7:1
fgColor-open vs. bgColor-open-muted on bgColor-default	✅	8.39:1	7:1
fgColor-open vs. bgColor-open-muted on bgColor-muted	✅	7.02:1	7:1
fgColor-danger vs. bgColor-danger-muted on bgColor-default	✅	8.31:1	7:1
fgColor-danger vs. bgColor-danger-muted on bgColor-muted	✅	7:1	7:1
fgColor-closed vs. bgColor-closed-muted on bgColor-default	✅	8.31:1	7:1
fgColor-closed vs. bgColor-closed-muted on bgColor-muted	✅	7:1	7:1
fgColor-attention vs. bgColor-attention-muted on bgColor-default	✅	8.41:1	7:1
fgColor-attention vs. bgColor-attention-muted on bgColor-muted	✅	7.03:1	7:1
fgColor-severe vs. bgColor-severe-muted on bgColor-default	✅	8.32:1	7:1
fgColor-severe vs. bgColor-severe-muted on bgColor-muted	✅	7.01:1	7:1
fgColor-done vs. bgColor-done-muted on bgColor-default	✅	8.32:1	7:1
fgColor-done vs. bgColor-done-muted on bgColor-muted	✅	7.03:1	7:1
fgColor-upsell vs. bgColor-upsell-muted on bgColor-default	✅	8.32:1	7:1
fgColor-upsell vs. bgColor-upsell-muted on bgColor-muted	✅	7.03:1	7:1
fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-default	✅	8.34:1	7:1
fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-muted	✅	7.12:1	7:1
fgColor-onEmphasis vs. bgColor-neutral-emphasis	✅	8.04:1	7:1
fgColor-onEmphasis vs. bgColor-accent-emphasis	✅	8.2:1	7:1
fgColor-onEmphasis vs. bgColor-success-emphasis	✅	8.62:1	7:1
fgColor-onEmphasis vs. bgColor-open-emphasis	✅	8.62:1	7:1
fgColor-onEmphasis vs. bgColor-danger-emphasis	✅	8.06:1	7:1
fgColor-onEmphasis vs. bgColor-closed-emphasis	✅	8.06:1	7:1
fgColor-onEmphasis vs. bgColor-attention-emphasis	✅	9.67:1	7:1
fgColor-onEmphasis vs. bgColor-severe-emphasis	✅	7.98:1	7:1
fgColor-onEmphasis vs. bgColor-done-emphasis	✅	8:1	7:1
fgColor-onEmphasis vs. bgColor-upsell-emphasis	✅	8:1	7:1
fgColor-onEmphasis vs. bgColor-sponsors-emphasis	✅	8.02:1	7:1
control-borderColor-emphasis vs. bgColor-default	✅	8.04:1	4.5:1
control-borderColor-emphasis vs. bgColor-muted	✅	7.01:1	4.5:1
display-gray-fgColor vs. display-gray-bgColor-muted	✅	9.23:1	7:1
display-indigo-fgColor vs. display-indigo-bgColor-muted	✅	9.1:1	7:1
display-blue-fgColor vs. display-blue-bgColor-muted	✅	9:1	7:1
display-cyan-fgColor vs. display-cyan-bgColor-muted	✅	9.07:1	7:1
display-teal-fgColor vs. display-teal-bgColor-muted	✅	9.35:1	7:1
display-pine-fgColor vs. display-pine-bgColor-muted	✅	9.17:1	7:1
display-green-fgColor vs. display-green-bgColor-muted	✅	9:1	7:1
display-lime-fgColor vs. display-lime-bgColor-muted	✅	9.07:1	7:1
display-olive-fgColor vs. display-olive-bgColor-muted	✅	9.05:1	7:1
display-lemon-fgColor vs. display-lemon-bgColor-muted	✅	8.74:1	7:1
display-yellow-fgColor vs. display-yellow-bgColor-muted	✅	8.84:1	7:1
display-orange-fgColor vs. display-orange-bgColor-muted	✅	9.02:1	7:1
display-red-fgColor vs. display-red-bgColor-muted	✅	9.37:1	7:1
display-coral-fgColor vs. display-coral-bgColor-muted	✅	9.17:1	7:1
display-pink-fgColor vs. display-pink-bgColor-muted	✅	9.16:1	7:1
display-plum-fgColor vs. display-plum-bgColor-muted	✅	9:1	7:1
display-purple-fgColor vs. display-purple-bgColor-muted	✅	9.18:1	7:1
display-brown-fgColor vs. display-brown-bgColor-muted	✅	8.91:1	7:1
display-auburn-fgColor vs. display-auburn-bgColor-muted	✅	9.14:1	7:1
fgColor-onEmphasis vs. display-gray-bgColor-emphasis	✅	7.44:1	7:1
fgColor-onEmphasis vs. display-indigo-bgColor-emphasis	✅	7.55:1	7:1
fgColor-onEmphasis vs. display-blue-bgColor-emphasis	✅	7.25:1	7:1
fgColor-onEmphasis vs. display-cyan-bgColor-emphasis	✅	7.48:1	7:1
fgColor-onEmphasis vs. display-teal-bgColor-emphasis	✅	7.31:1	7:1
fgColor-onEmphasis vs. display-pine-bgColor-emphasis	✅	7.44:1	7:1
fgColor-onEmphasis vs. display-green-bgColor-emphasis	✅	7.3:1	7:1
fgColor-onEmphasis vs. display-lime-bgColor-emphasis	✅	7.43:1	7:1
fgColor-onEmphasis vs. display-olive-bgColor-emphasis	✅	7.47:1	7:1
fgColor-onEmphasis vs. display-lemon-bgColor-emphasis	✅	7.25:1	7:1
fgColor-onEmphasis vs. display-yellow-bgColor-emphasis	✅	7.29:1	7:1
fgColor-onEmphasis vs. display-orange-bgColor-emphasis	✅	7.33:1	7:1
fgColor-onEmphasis vs. display-red-bgColor-emphasis	✅	7.49:1	7:1
fgColor-onEmphasis vs. display-coral-bgColor-emphasis	✅	7.26:1	7:1
fgColor-onEmphasis vs. display-pink-bgColor-emphasis	✅	7.27:1	7:1
fgColor-onEmphasis vs. display-plum-bgColor-emphasis	✅	7.46:1	7:1
fgColor-onEmphasis vs. display-purple-bgColor-emphasis	✅	7.26:1	7:1
fgColor-onEmphasis vs. display-brown-bgColor-emphasis	✅	7.29:1	7:1
fgColor-onEmphasis vs. display-auburn-bgColor-emphasis	✅	7.39:1	7:1
bgColor-default vs. display-gray-borderColor-emphasis	✅	7.44:1	4.5:1
bgColor-default vs. display-indigo-borderColor-emphasis	✅	7.55:1	4.5:1
bgColor-default vs. display-blue-borderColor-emphasis	✅	7.25:1	4.5:1
bgColor-default vs. display-cyan-borderColor-emphasis	✅	7.48:1	4.5:1
bgColor-default vs. display-teal-borderColor-emphasis	✅	7.31:1	4.5:1
bgColor-default vs. display-pine-borderColor-emphasis	✅	7.44:1	4.5:1
bgColor-default vs. display-green-borderColor-emphasis	✅	7.3:1	4.5:1
bgColor-default vs. display-lime-borderColor-emphasis	✅	7.43:1	4.5:1
bgColor-default vs. display-olive-borderColor-emphasis	✅	7.47:1	4.5:1
bgColor-default vs. display-lemon-borderColor-emphasis	✅	7.25:1	4.5:1
bgColor-default vs. display-yellow-borderColor-emphasis	✅	7.29:1	4.5:1
bgColor-default vs. display-orange-borderColor-emphasis	✅	7.33:1	4.5:1
bgColor-default vs. display-red-borderColor-emphasis	✅	7.49:1	4.5:1
bgColor-default vs. display-coral-borderColor-emphasis	✅	7.26:1	4.5:1
bgColor-default vs. display-pink-borderColor-emphasis	✅	7.27:1	4.5:1
bgColor-default vs. display-plum-borderColor-emphasis	✅	7.46:1	4.5:1
bgColor-default vs. display-purple-borderColor-emphasis	✅	7.26:1	4.5:1
bgColor-default vs. display-brown-borderColor-emphasis	✅	7.29:1	4.5:1
bgColor-default vs. display-auburn-borderColor-emphasis	✅	7.39:1	4.5:1
bgColor-muted vs. display-gray-borderColor-emphasis	✅	6.49:1	4.5:1
bgColor-muted vs. display-indigo-borderColor-emphasis	✅	6.58:1	4.5:1
bgColor-muted vs. display-blue-borderColor-emphasis	✅	6.32:1	4.5:1
bgColor-muted vs. display-cyan-borderColor-emphasis	✅	6.52:1	4.5:1
bgColor-muted vs. display-teal-borderColor-emphasis	✅	6.37:1	4.5:1
bgColor-muted vs. display-pine-borderColor-emphasis	✅	6.48:1	4.5:1
bgColor-muted vs. display-green-borderColor-emphasis	✅	6.37:1	4.5:1
bgColor-muted vs. display-lime-borderColor-emphasis	✅	6.48:1	4.5:1
bgColor-muted vs. display-olive-borderColor-emphasis	✅	6.51:1	4.5:1
bgColor-muted vs. display-lemon-borderColor-emphasis	✅	6.32:1	4.5:1
bgColor-muted vs. display-yellow-borderColor-emphasis	✅	6.35:1	4.5:1
bgColor-muted vs. display-orange-borderColor-emphasis	✅	6.39:1	4.5:1
bgColor-muted vs. display-red-borderColor-emphasis	✅	6.53:1	4.5:1
bgColor-muted vs. display-coral-borderColor-emphasis	✅	6.33:1	4.5:1
bgColor-muted vs. display-pink-borderColor-emphasis	✅	6.34:1	4.5:1
bgColor-muted vs. display-plum-borderColor-emphasis	✅	6.5:1	4.5:1
bgColor-muted vs. display-purple-borderColor-emphasis	✅	6.33:1	4.5:1
bgColor-muted vs. display-brown-borderColor-emphasis	✅	6.36:1	4.5:1
bgColor-muted vs. display-auburn-borderColor-emphasis	✅	6.44:1	4.5:1
display-gray-borderColor-emphasis vs. display-gray-bgColor-muted	✅	6.48:1	4.5:1
display-indigo-borderColor-emphasis vs. display-indigo-bgColor-muted	✅	6.48:1	4.5:1
display-blue-borderColor-emphasis vs. display-blue-bgColor-muted	✅	6.28:1	4.5:1
display-cyan-borderColor-emphasis vs. display-cyan-bgColor-muted	✅	6.53:1	4.5:1
display-teal-borderColor-emphasis vs. display-teal-bgColor-muted	✅	6.39:1	4.5:1
display-pine-borderColor-emphasis vs. display-pine-bgColor-muted	✅	6.42:1	4.5:1
display-green-borderColor-emphasis vs. display-green-bgColor-muted	✅	6.24:1	4.5:1
display-lime-borderColor-emphasis vs. display-lime-bgColor-muted	✅	6.47:1	4.5:1
display-olive-borderColor-emphasis vs. display-olive-bgColor-muted	✅	6.53:1	4.5:1
display-lemon-borderColor-emphasis vs. display-lemon-bgColor-muted	✅	6.12:1	4.5:1
display-yellow-borderColor-emphasis vs. display-yellow-bgColor-muted	✅	6.19:1	4.5:1
display-orange-borderColor-emphasis vs. display-orange-bgColor-muted	✅	6.26:1	4.5:1
display-red-borderColor-emphasis vs. display-red-bgColor-muted	✅	6.54:1	4.5:1
display-coral-borderColor-emphasis vs. display-coral-bgColor-muted	✅	6.34:1	4.5:1
display-pink-borderColor-emphasis vs. display-pink-bgColor-muted	✅	6.27:1	4.5:1
display-plum-borderColor-emphasis vs. display-plum-bgColor-muted	✅	6.49:1	4.5:1
display-purple-borderColor-emphasis vs. display-purple-bgColor-muted	✅	6.34:1	4.5:1
display-brown-borderColor-emphasis vs. display-brown-bgColor-muted	✅	6.25:1	4.5:1
display-auburn-borderColor-emphasis vs. display-auburn-bgColor-muted	✅	6.45:1	4.5:1

github-actions · 2024-06-27T13:26:10Z

Design Token Diff

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2024-07-01 12:25:08.562602165 +0000
@@ -25,7 +25,7 @@
 --codeMirror-lineNumber-fgColor: #f0f3f6;
 --codeMirror-cursor-fgColor: #fbfcfd;
 --codeMirror-selection-bgColor: #5cacff66;
-  --codeMirror-activeline-bgColor: #7a828e66;
+  --codeMirror-activeline-bgColor: #7a828e1a;
 --codeMirror-matchingBracket-fgColor: #fbfcfd;
 --codeMirror-lines-bgColor: #0a0c10;
 --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -63,100 +63,100 @@
 --data-gray-color: #576270;
 --data-gray-color-muted: #1c1c1c;
 --display-blue-bgColor-muted: #001a47;
-  --display-blue-bgColor-emphasis: #005bd1;
-  --display-blue-fgColor: #4da0ff;
+  --display-blue-bgColor-emphasis: #4da0ff;
+  --display-blue-fgColor: #85c2ff;
 --display-blue-borderColor-muted: #002766;
-  --display-blue-borderColor-emphasis: #0576ff;
+  --display-blue-borderColor-emphasis: #4da0ff;
 --display-green-bgColor-muted: #122117;
-  --display-green-bgColor-emphasis: #2f6f37;
-  --display-green-fgColor: #41b445;
+  --display-green-bgColor-emphasis: #41b445;
+  --display-green-fgColor: #75d36f;
 --display-green-borderColor-muted: #182f1f;
-  --display-green-borderColor-emphasis: #388f3f;
+  --display-green-borderColor-emphasis: #41b445;
 --display-orange-bgColor-muted: #311708;
-  --display-orange-bgColor-emphasis: #984b10;
-  --display-orange-fgColor: #ed8326;
+  --display-orange-bgColor-emphasis: #ed8326;
+  --display-orange-fgColor: #f6b06a;
 --display-orange-borderColor-muted: #43200a;
-  --display-orange-borderColor-emphasis: #c46212;
+  --display-orange-borderColor-emphasis: #ed8326;
 --display-purple-bgColor-muted: #211047;
-  --display-purple-bgColor-emphasis: #7730e8;
-  --display-purple-fgColor: #b687f7;
+  --display-purple-bgColor-emphasis: #b687f7;
+  --display-purple-fgColor: #d2affd;
 --display-purple-borderColor-muted: #31146b;
-  --display-purple-borderColor-emphasis: #975bf1;
+  --display-purple-borderColor-emphasis: #b687f7;
 --display-plum-bgColor-muted: #2a0e3f;
-  --display-plum-bgColor-emphasis: #9518d8;
-  --display-plum-fgColor: #d07ef7;
+  --display-plum-bgColor-emphasis: #d07ef7;
+  --display-plum-fgColor: #e4a5fd;
 --display-plum-borderColor-muted: #40125e;
-  --display-plum-borderColor-emphasis: #b643ef;
+  --display-plum-borderColor-emphasis: #d07ef7;
 --display-red-bgColor-muted: #3c0614;
-  --display-red-bgColor-emphasis: #c31328;
-  --display-red-fgColor: #f27d83;
+  --display-red-bgColor-emphasis: #f27d83;
+  --display-red-fgColor: #f7adab;
 --display-red-borderColor-muted: #58091a;
-  --display-red-borderColor-emphasis: #eb3342;
+  --display-red-borderColor-emphasis: #f27d83;
 --display-coral-bgColor-muted: #3c0614;
-  --display-coral-bgColor-emphasis: #c31328;
-  --display-coral-fgColor: #f27d83;
+  --display-coral-bgColor-emphasis: #f7794b;
+  --display-coral-fgColor: #fdaa86;
 --display-coral-borderColor-muted: #58091a;
-  --display-coral-borderColor-emphasis: #eb3342;
+  --display-coral-borderColor-emphasis: #f7794b;
 --display-yellow-bgColor-muted: #2e1a00;
-  --display-yellow-bgColor-emphasis: #895906;
-  --display-yellow-fgColor: #d3910d;
+  --display-yellow-bgColor-emphasis: #d3910d;
+  --display-yellow-fgColor: #edb431;
 --display-yellow-borderColor-muted: #3d2401;
-  --display-yellow-borderColor-emphasis: #aa7109;
+  --display-yellow-borderColor-emphasis: #d3910d;
 --display-gray-bgColor-muted: #1c1c1c;
-  --display-gray-bgColor-emphasis: #576270;
-  --display-gray-fgColor: #92a1b5;
+  --display-gray-bgColor-emphasis: #92a1b5;
+  --display-gray-fgColor: #b3c0d1;
 --display-gray-borderColor-muted: #2a2b2d;
-  --display-gray-borderColor-emphasis: #6e7f96;
+  --display-gray-borderColor-emphasis: #92a1b5;
 --display-auburn-bgColor-muted: #271817;
-  --display-auburn-bgColor-emphasis: #87534f;
-  --display-auburn-fgColor: #bf9592;
+  --display-auburn-bgColor-emphasis: #bf9592;
+  --display-auburn-fgColor: #d4b7b5;
 --display-auburn-borderColor-muted: #3a2422;
-  --display-auburn-borderColor-emphasis: #a86f6b;
+  --display-auburn-borderColor-emphasis: #bf9592;
 --display-brown-bgColor-muted: #241c14;
-  --display-brown-bgColor-emphasis: #755e3e;
-  --display-brown-fgColor: #b69a6d;
+  --display-brown-bgColor-emphasis: #b69a6d;
+  --display-brown-fgColor: #cdbb98;
 --display-brown-borderColor-muted: #342a1d;
-  --display-brown-borderColor-emphasis: #94774c;
+  --display-brown-borderColor-emphasis: #b69a6d;
 --display-lemon-bgColor-muted: #291d00;
-  --display-lemon-bgColor-emphasis: #786008;
-  --display-lemon-fgColor: #ba9b12;
+  --display-lemon-bgColor-emphasis: #ba9b12;
+  --display-lemon-fgColor: #d7bc1d;
 --display-lemon-borderColor-muted: #372901;
-  --display-lemon-borderColor-emphasis: #977b0c;
+  --display-lemon-borderColor-emphasis: #ba9b12;
 --display-olive-bgColor-muted: #171e0b;
-  --display-olive-bgColor-emphasis: #5e681d;
-  --display-olive-fgColor: #a2a626;
+  --display-olive-bgColor-emphasis: #a2a626;
+  --display-olive-fgColor: #cbc025;
 --display-olive-borderColor-muted: #252d10;
-  --display-olive-borderColor-emphasis: #7a8321;
+  --display-olive-borderColor-emphasis: #a2a626;
 --display-lime-bgColor-muted: #141f0f;
-  --display-lime-bgColor-emphasis: #496c28;
-  --display-lime-fgColor: #7dae37;
+  --display-lime-bgColor-emphasis: #7dae37;
+  --display-lime-fgColor: #9fcc3e;
 --display-lime-borderColor-muted: #1f3116;
-  --display-lime-borderColor-emphasis: #5f892f;
+  --display-lime-borderColor-emphasis: #7dae37;
 --display-pine-bgColor-muted: #082119;
-  --display-pine-bgColor-emphasis: #14714c;
-  --display-pine-fgColor: #1bb673;
+  --display-pine-bgColor-emphasis: #1bb673;
+  --display-pine-fgColor: #1bda81;
 --display-pine-borderColor-muted: #0b3224;
-  --display-pine-borderColor-emphasis: #18915e;
+  --display-pine-borderColor-emphasis: #1bb673;
 --display-teal-bgColor-muted: #041f25;
-  --display-teal-bgColor-emphasis: #106c70;
-  --display-teal-fgColor: #1cb0ab;
+  --display-teal-bgColor-emphasis: #1cb0ab;
+  --display-teal-fgColor: #24d6c4;
 --display-teal-borderColor-muted: #073036;
-  --display-teal-borderColor-emphasis: #158a8a;
+  --display-teal-borderColor-emphasis: #1cb0ab;
 --display-cyan-bgColor-muted: #001f29;
-  --display-cyan-bgColor-emphasis: #036a8c;
-  --display-cyan-fgColor: #07ace4;
+  --display-cyan-bgColor-emphasis: #07ace4;
+  --display-cyan-fgColor: #45cbf7;
 --display-cyan-borderColor-muted: #002e3d;
-  --display-cyan-borderColor-emphasis: #0587b3;
+  --display-cyan-borderColor-emphasis: #07ace4;
 --display-indigo-bgColor-muted: #1b183f;
-  --display-indigo-bgColor-emphasis: #514ed4;
-  --display-indigo-fgColor: #9899ec;
+  --display-indigo-bgColor-emphasis: #9899ec;
+  --display-indigo-fgColor: #b7baf6;
 --display-indigo-borderColor-muted: #25215f;
-  --display-indigo-borderColor-emphasis: #7070e1;
+  --display-indigo-borderColor-emphasis: #9899ec;
 --display-pink-bgColor-muted: #2d1524;
-  --display-pink-bgColor-emphasis: #ac2f74;
-  --display-pink-fgColor: #e57bb2;
+  --display-pink-bgColor-emphasis: #e57bb2;
+  --display-pink-fgColor: #f4a9cd;
 --display-pink-borderColor-muted: #451c35;
-  --display-pink-borderColor-emphasis: #d34591;
+  --display-pink-borderColor-emphasis: #e57bb2;
 --avatar-bgColor: #ffffff1a;
 --avatar-borderColor: #ffffffe6;
 --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -188,17 +188,17 @@
 --control-transparent-borderColor-active: #9ea7b3;
 --control-danger-fgColor-rest: #ff9492;
 --control-danger-fgColor-hover: #0a0c10;
-  --control-danger-bgColor-hover: #ff6a69;
-  --control-danger-bgColor-active: #f65052;
-  --control-checked-bgColor-rest: #409eff;
-  --control-checked-bgColor-hover: #4aa3ff;
-  --control-checked-bgColor-active: #54a8ff;
+  --control-danger-bgColor-hover: #ff8080;
+  --control-danger-bgColor-active: #f65e60;
+  --control-checked-bgColor-rest: #5cacff;
+  --control-checked-bgColor-hover: #60aeff;
+  --control-checked-bgColor-active: #64b0ff;
 --control-checked-bgColor-disabled: #9ea7b3;
 --control-checked-fgColor-rest: #0a0c10;
 --control-checked-fgColor-disabled: #010409;
-  --control-checked-borderColor-rest: #409eff;
-  --control-checked-borderColor-hover: #4aa3ff;
-  --control-checked-borderColor-active: #54a8ff;
+  --control-checked-borderColor-rest: #5cacff;
+  --control-checked-borderColor-hover: #60aeff;
+  --control-checked-borderColor-active: #64b0ff;
 --control-checked-borderColor-disabled: #9ea7b3;
 --controlTrack-bgColor-rest: #3d424d;
 --controlTrack-bgColor-hover: #494f5a;
@@ -213,7 +213,7 @@
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #9ea7b3;
 --controlKnob-borderColor-disabled: #3d424db3;
-  --controlKnob-borderColor-checked: #409eff;
+  --controlKnob-borderColor-checked: #5cacff;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #f0f3f6;
 --button-default-bgColor-rest: #3d424d;
@@ -229,9 +229,9 @@
 --button-primary-fgColor-rest: #0a0c10;
 --button-primary-fgColor-disabled: #0a0c1080;
 --button-primary-iconColor-rest: #0a0c10;
-  --button-primary-bgColor-rest: #09b43a;
-  --button-primary-bgColor-hover: #0fbb3f;
-  --button-primary-bgColor-active: #15c243;
+  --button-primary-bgColor-rest: #0ac740;
+  --button-primary-bgColor-hover: #10ca43;
+  --button-primary-bgColor-active: #16cd47;
 --button-primary-bgColor-disabled: #048f2f;
 --button-primary-borderColor-rest: #4ae168;
 --button-primary-borderColor-hover: #4ae168;
@@ -284,12 +284,12 @@
 --buttonCounter-primary-bgColor-rest: #01040926;
 --buttonCounter-outline-bgColor-rest: #194fb133;
 --buttonCounter-outline-bgColor-hover: #194fb133;
-  --buttonCounter-outline-bgColor-disabled: #409eff0d;
+  --buttonCounter-outline-bgColor-disabled: #5cacff0d;
 --buttonCounter-outline-fgColor-rest: #5cacff;
 --buttonCounter-outline-fgColor-hover: #71b7ff;
 --buttonCounter-outline-fgColor-disabled: #73b8ff80;
 --buttonCounter-danger-bgColor-hover: #01040926;
-  --buttonCounter-danger-bgColor-disabled: #ff6a690d;
+  --buttonCounter-danger-bgColor-disabled: #ff80800d;
 --buttonCounter-danger-bgColor-rest: #01040926;
 --buttonCounter-danger-fgColor-rest: #ff9492;
 --buttonCounter-danger-fgColor-hover: #ffffff;
@@ -312,7 +312,7 @@
 --underlineNav-borderColor-active: #ff967d;
 --underlineNav-borderColor-hover: #bdc4cc;
 --underlineNav-iconColor-rest: #f0f3f6;
-  --selection-bgColor: #409effb3;
+  --selection-bgColor: #5cacffb3;
 --card-bgColor: #191c22;
 --label-green-bgColor-rest: #122117;
 --label-green-bgColor-hover: #182f1f;
@@ -435,7 +435,7 @@
 --fgColor-black: #010409;
 --fgColor-disabled: #9ea7b3;
 --fgColor-link: #73b8ff;
-  --fgColor-neutral: #f0f3f6;
+  --fgColor-neutral: #bdc4cc;
 --fgColor-accent: #73b8ff;
 --fgColor-success: #28d751;
 --fgColor-open: #28d751;
@@ -455,28 +455,28 @@
 --bgColor-black: #010409;
 --bgColor-disabled: #3d424db3;
 --bgColor-transparent: #00000000;
-  --bgColor-neutral-muted: #7a828e66;
+  --bgColor-neutral-muted: #7a828e1a;
 --bgColor-neutral-emphasis: #9ea7b3;
 --bgColor-accent-muted: #409eff1a;
-  --bgColor-accent-emphasis: #409eff;
+  --bgColor-accent-emphasis: #5cacff;
 --bgColor-success-muted: #0ac74024;
-  --bgColor-success-emphasis: #09b43a;
+  --bgColor-success-emphasis: #0ac740;
 --bgColor-open-muted: #0ac74024;
-  --bgColor-open-emphasis: #09b43a;
+  --bgColor-open-emphasis: #0ac740;
 --bgColor-attention-muted: #edaa2726;
-  --bgColor-attention-emphasis: #e09b13;
+  --bgColor-attention-emphasis: #edaa27;
 --bgColor-severe-muted: #f48b2516;
-  --bgColor-severe-emphasis: #e7811d;
+  --bgColor-severe-emphasis: #f48b25;
 --bgColor-danger-muted: #ff808017;
-  --bgColor-danger-emphasis: #ff6a69;
+  --bgColor-danger-emphasis: #ff8080;
 --bgColor-closed-muted: #ff808017;
-  --bgColor-closed-emphasis: #ff6a69;
+  --bgColor-closed-emphasis: #ff8080;
 --bgColor-done-muted: #b87fff17;
-  --bgColor-done-emphasis: #b87fff;
+  --bgColor-done-emphasis: #bf8fff;
 --bgColor-upsell-muted: #b87fff17;
-  --bgColor-upsell-emphasis: #b87fff;
+  --bgColor-upsell-emphasis: #bf8fff;
 --bgColor-sponsors-muted: #ef6eb117;
-  --bgColor-sponsors-emphasis: #ef6eb1;
+  --bgColor-sponsors-emphasis: #f87cbd;
 --borderColor-default: #7a828e;
 --borderColor-muted: #7a828e;
 --borderColor-emphasis: #9ea7b3;
@@ -589,7 +589,7 @@
   --codeMirror-lineNumber-fgColor: #f0f3f6;
   --codeMirror-cursor-fgColor: #fbfcfd;
   --codeMirror-selection-bgColor: #5cacff66;
-    --codeMirror-activeline-bgColor: #7a828e66;
+    --codeMirror-activeline-bgColor: #7a828e1a;
   --codeMirror-matchingBracket-fgColor: #fbfcfd;
   --codeMirror-lines-bgColor: #0a0c10;
   --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -627,100 +627,100 @@
   --data-gray-color: #576270;
   --data-gray-color-muted: #1c1c1c;
   --display-blue-bgColor-muted: #001a47;
-    --display-blue-bgColor-emphasis: #005bd1;
-    --display-blue-fgColor: #4da0ff;
+    --display-blue-bgColor-emphasis: #4da0ff;
+    --display-blue-fgColor: #85c2ff;
   --display-blue-borderColor-muted: #002766;
-    --display-blue-borderColor-emphasis: #0576ff;
+    --display-blue-borderColor-emphasis: #4da0ff;
   --display-green-bgColor-muted: #122117;
-    --display-green-bgColor-emphasis: #2f6f37;
-    --display-green-fgColor: #41b445;
+    --display-green-bgColor-emphasis: #41b445;
+    --display-green-fgColor: #75d36f;
   --display-green-borderColor-muted: #182f1f;
-    --display-green-borderColor-emphasis: #388f3f;
+    --display-green-borderColor-emphasis: #41b445;
   --display-orange-bgColor-muted: #311708;
-    --display-orange-bgColor-emphasis: #984b10;
-    --display-orange-fgColor: #ed8326;
+    --display-orange-bgColor-emphasis: #ed8326;
+    --display-orange-fgColor: #f6b06a;
   --display-orange-borderColor-muted: #43200a;
-    --display-orange-borderColor-emphasis: #c46212;
+    --display-orange-borderColor-emphasis: #ed8326;
   --display-purple-bgColor-muted: #211047;
-    --display-purple-bgColor-emphasis: #7730e8;
-    --display-purple-fgColor: #b687f7;
+    --display-purple-bgColor-emphasis: #b687f7;
+    --display-purple-fgColor: #d2affd;
   --display-purple-borderColor-muted: #31146b;
-    --display-purple-borderColor-emphasis: #975bf1;
+    --display-purple-borderColor-emphasis: #b687f7;
   --display-plum-bgColor-muted: #2a0e3f;
-    --display-plum-bgColor-emphasis: #9518d8;
-    --display-plum-fgColor: #d07ef7;
+    --display-plum-bgColor-emphasis: #d07ef7;
+    --display-plum-fgColor: #e4a5fd;
   --display-plum-borderColor-muted: #40125e;
-    --display-plum-borderColor-emphasis: #b643ef;
+    --display-plum-borderColor-emphasis: #d07ef7;
   --display-red-bgColor-muted: #3c0614;
-    --display-red-bgColor-emphasis: #c31328;
-    --display-red-fgColor: #f27d83;
+    --display-red-bgColor-emphasis: #f27d83;
+    --display-red-fgColor: #f7adab;
   --display-red-borderColor-muted: #58091a;
-    --display-red-borderColor-emphasis: #eb3342;
+    --display-red-borderColor-emphasis: #f27d83;
   --display-coral-bgColor-muted: #3c0614;
-    --display-coral-bgColor-emphasis: #c31328;
-    --display-coral-fgColor: #f27d83;
+    --display-coral-bgColor-emphasis: #f7794b;
+    --display-coral-fgColor: #fdaa86;
   --display-coral-borderColor-muted: #58091a;
-    --display-coral-borderColor-emphasis: #eb3342;
+    --display-coral-borderColor-emphasis: #f7794b;
   --display-yellow-bgColor-muted: #2e1a00;
-    --display-yellow-bgColor-emphasis: #895906;
-    --display-yellow-fgColor: #d3910d;
+    --display-yellow-bgColor-emphasis: #d3910d;
+    --display-yellow-fgColor: #edb431;
   --display-yellow-borderColor-muted: #3d2401;
-    --display-yellow-borderColor-emphasis: #aa7109;
+    --display-yellow-borderColor-emphasis: #d3910d;
   --display-gray-bgColor-muted: #1c1c1c;
-    --display-gray-bgColor-emphasis: #576270;
-    --display-gray-fgColor: #92a1b5;
+    --display-gray-bgColor-emphasis: #92a1b5;
+    --display-gray-fgColor: #b3c0d1;
   --display-gray-borderColor-muted: #2a2b2d;
-    --display-gray-borderColor-emphasis: #6e7f96;
+    --display-gray-borderColor-emphasis: #92a1b5;
   --display-auburn-bgColor-muted: #271817;
-    --display-auburn-bgColor-emphasis: #87534f;
-    --display-auburn-fgColor: #bf9592;
+    --display-auburn-bgColor-emphasis: #bf9592;
+    --display-auburn-fgColor: #d4b7b5;
   --display-auburn-borderColor-muted: #3a2422;
-    --display-auburn-borderColor-emphasis: #a86f6b;
+    --display-auburn-borderColor-emphasis: #bf9592;
   --display-brown-bgColor-muted: #241c14;
-    --display-brown-bgColor-emphasis: #755e3e;
-    --display-brown-fgColor: #b69a6d;
+    --display-brown-bgColor-emphasis: #b69a6d;
+    --display-brown-fgColor: #cdbb98;
   --display-brown-borderColor-muted: #342a1d;
-    --display-brown-borderColor-emphasis: #94774c;
+    --display-brown-borderColor-emphasis: #b69a6d;
   --display-lemon-bgColor-muted: #291d00;
-    --display-lemon-bgColor-emphasis: #786008;
-    --display-lemon-fgColor: #ba9b12;
+    --display-lemon-bgColor-emphasis: #ba9b12;
+    --display-lemon-fgColor: #d7bc1d;
   --display-lemon-borderColor-muted: #372901;
-    --display-lemon-borderColor-emphasis: #977b0c;
+    --display-lemon-borderColor-emphasis: #ba9b12;
   --display-olive-bgColor-muted: #171e0b;
-    --display-olive-bgColor-emphasis: #5e681d;
-    --display-olive-fgColor: #a2a626;
+    --display-olive-bgColor-emphasis: #a2a626;
+    --display-olive-fgColor: #cbc025;
   --display-olive-borderColor-muted: #252d10;
-    --display-olive-borderColor-emphasis: #7a8321;
+    --display-olive-borderColor-emphasis: #a2a626;
   --display-lime-bgColor-muted: #141f0f;
-    --display-lime-bgColor-emphasis: #496c28;
-    --display-lime-fgColor: #7dae37;
+    --display-lime-bgColor-emphasis: #7dae37;
+    --display-lime-fgColor: #9fcc3e;
   --display-lime-borderColor-muted: #1f3116;
-    --display-lime-borderColor-emphasis: #5f892f;
+    --display-lime-borderColor-emphasis: #7dae37;
   --display-pine-bgColor-muted: #082119;
-    --display-pine-bgColor-emphasis: #14714c;
-    --display-pine-fgColor: #1bb673;
+    --display-pine-bgColor-emphasis: #1bb673;
+    --display-pine-fgColor: #1bda81;
   --display-pine-borderColor-muted: #0b3224;
-    --display-pine-borderColor-emphasis: #18915e;
+    --display-pine-borderColor-emphasis: #1bb673;
   --display-teal-bgColor-muted: #041f25;
-    --display-teal-bgColor-emphasis: #106c70;
-    --display-teal-fgColor: #1cb0ab;
+    --display-teal-bgColor-emphasis: #1cb0ab;
+    --display-teal-fgColor: #24d6c4;
   --display-teal-borderColor-muted: #073036;
-    --display-teal-borderColor-emphasis: #158a8a;
+    --display-teal-borderColor-emphasis: #1cb0ab;
   --display-cyan-bgColor-muted: #001f29;
-    --display-cyan-bgColor-emphasis: #036a8c;
-    --display-cyan-fgColor: #07ace4;
+    --display-cyan-bgColor-emphasis: #07ace4;
+    --display-cyan-fgColor: #45cbf7;
   --display-cyan-borderColor-muted: #002e3d;
-    --display-cyan-borderColor-emphasis: #0587b3;
+    --display-cyan-borderColor-emphasis: #07ace4;
   --display-indigo-bgColor-muted: #1b183f;
-    --display-indigo-bgColor-emphasis: #514ed4;
-    --display-indigo-fgColor: #9899ec;
+    --display-indigo-bgColor-emphasis: #9899ec;
+    --display-indigo-fgColor: #b7baf6;
   --display-indigo-borderColor-muted: #25215f;
-    --display-indigo-borderColor-emphasis: #7070e1;
+    --display-indigo-borderColor-emphasis: #9899ec;
   --display-pink-bgColor-muted: #2d1524;
-    --display-pink-bgColor-emphasis: #ac2f74;
-    --display-pink-fgColor: #e57bb2;
+    --display-pink-bgColor-emphasis: #e57bb2;
+    --display-pink-fgColor: #f4a9cd;
   --display-pink-borderColor-muted: #451c35;
-    --display-pink-borderColor-emphasis: #d34591;
+    --display-pink-borderColor-emphasis: #e57bb2;
   --avatar-bgColor: #ffffff1a;
   --avatar-borderColor: #ffffffe6;
   --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -752,17 +752,17 @@
   --control-transparent-borderColor-active: #9ea7b3;
   --control-danger-fgColor-rest: #ff9492;
   --control-danger-fgColor-hover: #0a0c10;
-    --control-danger-bgColor-hover: #ff6a69;
-    --control-danger-bgColor-active: #f65052;
-    --control-checked-bgColor-rest: #409eff;
-    --control-checked-bgColor-hover: #4aa3ff;
-    --control-checked-bgColor-active: #54a8ff;
+    --control-danger-bgColor-hover: #ff8080;
+    --control-danger-bgColor-active: #f65e60;
+    --control-checked-bgColor-rest: #5cacff;
+    --control-checked-bgColor-hover: #60aeff;
+    --control-checked-bgColor-active: #64b0ff;
   --control-checked-bgColor-disabled: #9ea7b3;
   --control-checked-fgColor-rest: #0a0c10;
   --control-checked-fgColor-disabled: #010409;
-    --control-checked-borderColor-rest: #409eff;
-    --control-checked-borderColor-hover: #4aa3ff;
-    --control-checked-borderColor-active: #54a8ff;
+    --control-checked-borderColor-rest: #5cacff;
+    --control-checked-borderColor-hover: #60aeff;
+    --control-checked-borderColor-active: #64b0ff;
   --control-checked-borderColor-disabled: #9ea7b3;
   --controlTrack-bgColor-rest: #3d424d;
   --controlTrack-bgColor-hover: #494f5a;
@@ -777,7 +777,7 @@
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #9ea7b3;
   --controlKnob-borderColor-disabled: #3d424db3;
-    --controlKnob-borderColor-checked: #409eff;
+    --controlKnob-borderColor-checked: #5cacff;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #f0f3f6;
   --button-default-bgColor-rest: #3d424d;
@@ -793,9 +793,9 @@
   --button-primary-fgColor-rest: #0a0c10;
   --button-primary-fgColor-disabled: #0a0c1080;
   --button-primary-iconColor-rest: #0a0c10;
-    --button-primary-bgColor-rest: #09b43a;
-    --button-primary-bgColor-hover: #0fbb3f;
-    --button-primary-bgColor-active: #15c243;
+    --button-primary-bgColor-rest: #0ac740;
+    --button-primary-bgColor-hover: #10ca43;
+    --button-primary-bgColor-active: #16cd47;
   --button-primary-bgColor-disabled: #048f2f;
   --button-primary-borderColor-rest: #4ae168;
   --button-primary-borderColor-hover: #4ae168;
@@ -848,12 +848,12 @@
   --buttonCounter-primary-bgColor-rest: #01040926;
   --buttonCounter-outline-bgColor-rest: #194fb133;
   --buttonCounter-outline-bgColor-hover: #194fb133;
-    --buttonCounter-outline-bgColor-disabled: #409eff0d;
+    --buttonCounter-outline-bgColor-disabled: #5cacff0d;
   --buttonCounter-outline-fgColor-rest: #5cacff;
   --buttonCounter-outline-fgColor-hover: #71b7ff;
   --buttonCounter-outline-fgColor-disabled: #73b8ff80;
   --buttonCounter-danger-bgColor-hover: #01040926;
-    --buttonCounter-danger-bgColor-disabled: #ff6a690d;
+    --buttonCounter-danger-bgColor-disabled: #ff80800d;
   --buttonCounter-danger-bgColor-rest: #01040926;
   --buttonCounter-danger-fgColor-rest: #ff9492;
   --buttonCounter-danger-fgColor-hover: #ffffff;
@@ -876,7 +876,7 @@
   --underlineNav-borderColor-active: #ff967d;
   --underlineNav-borderColor-hover: #bdc4cc;
   --underlineNav-iconColor-rest: #f0f3f6;
-    --selection-bgColor: #409effb3;
+    --selection-bgColor: #5cacffb3;
   --card-bgColor: #191c22;
   --label-green-bgColor-rest: #122117;
   --label-green-bgColor-hover: #182f1f;
@@ -999,7 +999,7 @@
   --fgColor-black: #010409;
   --fgColor-disabled: #9ea7b3;
   --fgColor-link: #73b8ff;
-    --fgColor-neutral: #f0f3f6;
+    --fgColor-neutral: #bdc4cc;
   --fgColor-accent: #73b8ff;
   --fgColor-success: #28d751;
   --fgColor-open: #28d751;
@@ -1019,28 +1019,28 @@
   --bgColor-black: #010409;
   --bgColor-disabled: #3d424db3;
   --bgColor-transparent: #00000000;
-    --bgColor-neutral-muted: #7a828e66;
+    --bgColor-neutral-muted: #7a828e1a;
   --bgColor-neutral-emphasis: #9ea7b3;
   --bgColor-accent-muted: #409eff1a;
-    --bgColor-accent-emphasis: #409eff;
+    --bgColor-accent-emphasis: #5cacff;
   --bgColor-success-muted: #0ac74024;
-    --bgColor-success-emphasis: #09b43a;
+    --bgColor-success-emphasis: #0ac740;
   --bgColor-open-muted: #0ac74024;
-    --bgColor-open-emphasis: #09b43a;
+    --bgColor-open-emphasis: #0ac740;
   --bgColor-attention-muted: #edaa2726;
-    --bgColor-attention-emphasis: #e09b13;
+    --bgColor-attention-emphasis: #edaa27;
   --bgColor-severe-muted: #f48b2516;
-    --bgColor-severe-emphasis: #e7811d;
+    --bgColor-severe-emphasis: #f48b25;
   --bgColor-danger-muted: #ff808017;
-    --bgColor-danger-emphasis: #ff6a69;
+    --bgColor-danger-emphasis: #ff8080;
   --bgColor-closed-muted: #ff808017;
-    --bgColor-closed-emphasis: #ff6a69;
+    --bgColor-closed-emphasis: #ff8080;
   --bgColor-done-muted: #b87fff17;
-    --bgColor-done-emphasis: #b87fff;
+    --bgColor-done-emphasis: #bf8fff;
   --bgColor-upsell-muted: #b87fff17;
-    --bgColor-upsell-emphasis: #b87fff;
+    --bgColor-upsell-emphasis: #bf8fff;
   --bgColor-sponsors-muted: #ef6eb117;
-    --bgColor-sponsors-emphasis: #ef6eb1;
+    --bgColor-sponsors-emphasis: #f87cbd;
   --borderColor-default: #7a828e;
   --borderColor-muted: #7a828e;
   --borderColor-emphasis: #9ea7b3;

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

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-high-contrast.css	2024-07-01 12:25:05.358555561 +0000
@@ -63,100 +63,100 @@
 --data-gray-color: #808fa3;
 --data-gray-color-muted: #e8ecf2;
 --display-blue-bgColor-muted: #d1f0ff;
-  --display-blue-bgColor-emphasis: #006edb;
-  --display-blue-fgColor: #005fcc;
+  --display-blue-bgColor-emphasis: #004db3;
+  --display-blue-fgColor: #003d99;
 --display-blue-borderColor-muted: #ade1ff;
-  --display-blue-borderColor-emphasis: #006edb;
+  --display-blue-borderColor-emphasis: #005fcc;
 --display-green-bgColor-muted: #caf7ca;
-  --display-green-bgColor-emphasis: #2c8141;
-  --display-green-fgColor: #2b6e3f;
+  --display-green-bgColor-emphasis: #285c3b;
+  --display-green-fgColor: #254b34;
 --display-green-borderColor-muted: #9ceda0;
-  --display-green-borderColor-emphasis: #2c8141;
+  --display-green-borderColor-emphasis: #2b6e3f;
 --display-orange-bgColor-muted: #ffe7d1;
-  --display-orange-bgColor-emphasis: #b8500f;
-  --display-orange-fgColor: #a24610;
+  --display-orange-bgColor-emphasis: #8d3c11;
+  --display-orange-fgColor: #70300f;
 --display-orange-borderColor-muted: #fecfaa;
-  --display-orange-borderColor-emphasis: #b8500f;
+  --display-orange-borderColor-emphasis: #a24610;
 --display-purple-bgColor-muted: #f1e5ff;
-  --display-purple-bgColor-emphasis: #894ceb;
-  --display-purple-fgColor: #783ae4;
+  --display-purple-bgColor-emphasis: #6223d7;
+  --display-purple-fgColor: #4f21ab;
 --display-purple-borderColor-muted: #e6d2fe;
-  --display-purple-borderColor-emphasis: #894ceb;
+  --display-purple-borderColor-emphasis: #783ae4;
 --display-plum-bgColor-muted: #f8e5ff;
-  --display-plum-bgColor-emphasis: #a830e8;
-  --display-plum-fgColor: #961edc;
+  --display-plum-bgColor-emphasis: #7d1eb8;
+  --display-plum-fgColor: #651d96;
 --display-plum-borderColor-muted: #f0cdfe;
-  --display-plum-borderColor-emphasis: #a830e8;
+  --display-plum-borderColor-emphasis: #961edc;
 --display-red-bgColor-muted: #ffe2e0;
-  --display-red-bgColor-emphasis: #df0c24;
-  --display-red-fgColor: #c50d28;
+  --display-red-bgColor-emphasis: #a60c29;
+  --display-red-fgColor: #880c27;
 --display-red-borderColor-muted: #fecdcd;
-  --display-red-borderColor-emphasis: #df0c24;
+  --display-red-borderColor-emphasis: #c50d28;
 --display-coral-bgColor-muted: #ffe5db;
-  --display-coral-bgColor-emphasis: #d43511;
-  --display-coral-fgColor: #ba2e12;
+  --display-coral-bgColor-emphasis: #9b2712;
+  --display-coral-fgColor: #7e2011;
 --display-coral-borderColor-muted: #fecebe;
-  --display-coral-borderColor-emphasis: #d43511;
+  --display-coral-borderColor-emphasis: #ba2e12;
 --display-yellow-bgColor-muted: #ffec9e;
-  --display-yellow-bgColor-emphasis: #946a00;
-  --display-yellow-fgColor: #805900;
+  --display-yellow-bgColor-emphasis: #704d00;
+  --display-yellow-fgColor: #5c3d00;
 --display-yellow-borderColor-muted: #ffd642;
-  --display-yellow-borderColor-emphasis: #946a00;
+  --display-yellow-borderColor-emphasis: #805900;
 --display-gray-bgColor-muted: #e8ecf2;
-  --display-gray-bgColor-emphasis: #647182;
-  --display-gray-fgColor: #5c6570;
+  --display-gray-bgColor-emphasis: #4e535a;
+  --display-gray-fgColor: #424448;
 --display-gray-borderColor-muted: #d2dae4;
-  --display-gray-borderColor-emphasis: #647182;
+  --display-gray-borderColor-emphasis: #5c6570;
 --display-auburn-bgColor-muted: #f2e9e9;
-  --display-auburn-bgColor-emphasis: #9d615c;
-  --display-auburn-fgColor: #8a5551;
+  --display-auburn-bgColor-emphasis: #744744;
+  --display-auburn-fgColor: #5d3937;
 --display-auburn-borderColor-muted: #e6d6d5;
-  --display-auburn-borderColor-emphasis: #9d615c;
+  --display-auburn-borderColor-emphasis: #8a5551;
 --display-brown-bgColor-muted: #eeeae2;
-  --display-brown-bgColor-emphasis: #856d4c;
-  --display-brown-fgColor: #755f43;
+  --display-brown-bgColor-emphasis: #64513a;
+  --display-brown-fgColor: #51412f;
 --display-brown-borderColor-muted: #dfd7c8;
-  --display-brown-borderColor-emphasis: #856d4c;
+  --display-brown-borderColor-emphasis: #755f43;
 --display-lemon-bgColor-muted: #f7eea1;
-  --display-lemon-bgColor-emphasis: #866e04;
-  --display-lemon-fgColor: #786002;
+  --display-lemon-bgColor-emphasis: #654f01;
+  --display-lemon-fgColor: #523f00;
 --display-lemon-borderColor-muted: #f0db3d;
-  --display-lemon-borderColor-emphasis: #866e04;
+  --display-lemon-borderColor-emphasis: #786002;
 --display-olive-bgColor-muted: #f0f0ad;
-  --display-olive-bgColor-emphasis: #64762d;
-  --display-olive-fgColor: #56682c;
+  --display-olive-bgColor-emphasis: #495a2b;
+  --display-olive-fgColor: #3b4927;
 --display-olive-borderColor-muted: #dbe170;
-  --display-olive-borderColor-emphasis: #64762d;
+  --display-olive-borderColor-emphasis: #56682c;
 --display-lime-bgColor-muted: #e3f2b5;
-  --display-lime-bgColor-emphasis: #527a29;
-  --display-lime-fgColor: #476c28;
+  --display-lime-bgColor-emphasis: #3a5b25;
+  --display-lime-fgColor: #2f4a21;
 --display-lime-borderColor-muted: #c7e580;
-  --display-lime-borderColor-emphasis: #527a29;
+  --display-lime-borderColor-emphasis: #476c28;
 --display-pine-bgColor-muted: #bff8db;
-  --display-pine-bgColor-emphasis: #167e53;
-  --display-pine-fgColor: #156f4b;
+  --display-pine-bgColor-emphasis: #135d41;
+  --display-pine-fgColor: #114b36;
 --display-pine-borderColor-muted: #80efb9;
-  --display-pine-borderColor-emphasis: #167e53;
+  --display-pine-borderColor-emphasis: #156f4b;
 --display-teal-bgColor-muted: #c7f5ef;
-  --display-teal-bgColor-emphasis: #127e81;
-  --display-teal-fgColor: #106e75;
+  --display-teal-bgColor-emphasis: #0d5b63;
+  --display-teal-fgColor: #0a4852;
 --display-teal-borderColor-muted: #89ebe1;
-  --display-teal-borderColor-emphasis: #127e81;
+  --display-teal-borderColor-emphasis: #106e75;
 --display-cyan-bgColor-muted: #bdf4ff;
-  --display-cyan-bgColor-emphasis: #007b94;
-  --display-cyan-fgColor: #006a80;
+  --display-cyan-bgColor-emphasis: #00596b;
+  --display-cyan-fgColor: #004857;
 --display-cyan-borderColor-muted: #7ae9ff;
-  --display-cyan-borderColor-emphasis: #007b94;
+  --display-cyan-borderColor-emphasis: #006a80;
 --display-indigo-bgColor-muted: #e5e9ff;
-  --display-indigo-bgColor-emphasis: #5a61e7;
-  --display-indigo-fgColor: #494edf;
+  --display-indigo-bgColor-emphasis: #393cd5;
+  --display-indigo-fgColor: #2d2db4;
 --display-indigo-borderColor-muted: #d2d7fe;
-  --display-indigo-borderColor-emphasis: #5a61e7;
+  --display-indigo-borderColor-emphasis: #494edf;
 --display-pink-bgColor-muted: #ffe5f1;
-  --display-pink-bgColor-emphasis: #ce2c85;
-  --display-pink-fgColor: #b12f79;
+  --display-pink-bgColor-emphasis: #8e2e66;
+  --display-pink-fgColor: #6e2b53;
 --display-pink-borderColor-muted: #fdc9e2;
-  --display-pink-borderColor-emphasis: #ce2c85;
+  --display-pink-borderColor-emphasis: #b12f79;
 --avatar-bgColor: #ffffff;
 --avatar-borderColor: #010409e6;
 --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -627,100 +627,100 @@
   --data-gray-color: #808fa3;
   --data-gray-color-muted: #e8ecf2;
   --display-blue-bgColor-muted: #d1f0ff;
-    --display-blue-bgColor-emphasis: #006edb;
-    --display-blue-fgColor: #005fcc;
+    --display-blue-bgColor-emphasis: #004db3;
+    --display-blue-fgColor: #003d99;
   --display-blue-borderColor-muted: #ade1ff;
-    --display-blue-borderColor-emphasis: #006edb;
+    --display-blue-borderColor-emphasis: #005fcc;
   --display-green-bgColor-muted: #caf7ca;
-    --display-green-bgColor-emphasis: #2c8141;
-    --display-green-fgColor: #2b6e3f;
+    --display-green-bgColor-emphasis: #285c3b;
+    --display-green-fgColor: #254b34;
   --display-green-borderColor-muted: #9ceda0;
-    --display-green-borderColor-emphasis: #2c8141;
+    --display-green-borderColor-emphasis: #2b6e3f;
   --display-orange-bgColor-muted: #ffe7d1;
-    --display-orange-bgColor-emphasis: #b8500f;
-    --display-orange-fgColor: #a24610;
+    --display-orange-bgColor-emphasis: #8d3c11;
+    --display-orange-fgColor: #70300f;
   --display-orange-borderColor-muted: #fecfaa;
-    --display-orange-borderColor-emphasis: #b8500f;
+    --display-orange-borderColor-emphasis: #a24610;
   --display-purple-bgColor-muted: #f1e5ff;
-    --display-purple-bgColor-emphasis: #894ceb;
-    --display-purple-fgColor: #783ae4;
+    --display-purple-bgColor-emphasis: #6223d7;
+    --display-purple-fgColor: #4f21ab;
   --display-purple-borderColor-muted: #e6d2fe;
-    --display-purple-borderColor-emphasis: #894ceb;
+    --display-purple-borderColor-emphasis: #783ae4;
   --display-plum-bgColor-muted: #f8e5ff;
-    --display-plum-bgColor-emphasis: #a830e8;
-    --display-plum-fgColor: #961edc;
+    --display-plum-bgColor-emphasis: #7d1eb8;
+    --display-plum-fgColor: #651d96;
   --display-plum-borderColor-muted: #f0cdfe;
-    --display-plum-borderColor-emphasis: #a830e8;
+    --display-plum-borderColor-emphasis: #961edc;
   --display-red-bgColor-muted: #ffe2e0;
-    --display-red-bgColor-emphasis: #df0c24;
-    --display-red-fgColor: #c50d28;
+    --display-red-bgColor-emphasis: #a60c29;
+    --display-red-fgColor: #880c27;
   --display-red-borderColor-muted: #fecdcd;
-    --display-red-borderColor-emphasis: #df0c24;
+    --display-red-borderColor-emphasis: #c50d28;
   --display-coral-bgColor-muted: #ffe5db;
-    --display-coral-bgColor-emphasis: #d43511;
-    --display-coral-fgColor: #ba2e12;
+    --display-coral-bgColor-emphasis: #9b2712;
+    --display-coral-fgColor: #7e2011;
   --display-coral-borderColor-muted: #fecebe;
-    --display-coral-borderColor-emphasis: #d43511;
+    --display-coral-borderColor-emphasis: #ba2e12;
   --display-yellow-bgColor-muted: #ffec9e;
-    --display-yellow-bgColor-emphasis: #946a00;
-    --display-yellow-fgColor: #805900;
+    --display-yellow-bgColor-emphasis: #704d00;
+    --display-yellow-fgColor: #5c3d00;
   --display-yellow-borderColor-muted: #ffd642;
-    --display-yellow-borderColor-emphasis: #946a00;
+    --display-yellow-borderColor-emphasis: #805900;
   --display-gray-bgColor-muted: #e8ecf2;
-    --display-gray-bgColor-emphasis: #647182;
-    --display-gray-fgColor: #5c6570;
+    --display-gray-bgColor-emphasis: #4e535a;
+    --display-gray-fgColor: #424448;
   --display-gray-borderColor-muted: #d2dae4;
-    --display-gray-borderColor-emphasis: #647182;
+    --display-gray-borderColor-emphasis: #5c6570;
   --display-auburn-bgColor-muted: #f2e9e9;
-    --display-auburn-bgColor-emphasis: #9d615c;
-    --display-auburn-fgColor: #8a5551;
+    --display-auburn-bgColor-emphasis: #744744;
+    --display-auburn-fgColor: #5d3937;
   --display-auburn-borderColor-muted: #e6d6d5;
-    --display-auburn-borderColor-emphasis: #9d615c;
+    --display-auburn-borderColor-emphasis: #8a5551;
   --display-brown-bgColor-muted: #eeeae2;
-    --display-brown-bgColor-emphasis: #856d4c;
-    --display-brown-fgColor: #755f43;
+    --display-brown-bgColor-emphasis: #64513a;
+    --display-brown-fgColor: #51412f;
   --display-brown-borderColor-muted: #dfd7c8;
-    --display-brown-borderColor-emphasis: #856d4c;
+    --display-brown-borderColor-emphasis: #755f43;
   --display-lemon-bgColor-muted: #f7eea1;
-    --display-lemon-bgColor-emphasis: #866e04;
-    --display-lemon-fgColor: #786002;
+    --display-lemon-bgColor-emphasis: #654f01;
+    --display-lemon-fgColor: #523f00;
   --display-lemon-borderColor-muted: #f0db3d;
-    --display-lemon-borderColor-emphasis: #866e04;
+    --display-lemon-borderColor-emphasis: #786002;
   --display-olive-bgColor-muted: #f0f0ad;
-    --display-olive-bgColor-emphasis: #64762d;
-    --display-olive-fgColor: #56682c;
+    --display-olive-bgColor-emphasis: #495a2b;
+    --display-olive-fgColor: #3b4927;
   --display-olive-borderColor-muted: #dbe170;
-    --display-olive-borderColor-emphasis: #64762d;
+    --display-olive-borderColor-emphasis: #56682c;
   --display-lime-bgColor-muted: #e3f2b5;
-    --display-lime-bgColor-emphasis: #527a29;
-    --display-lime-fgColor: #476c28;
+    --display-lime-bgColor-emphasis: #3a5b25;
+    --display-lime-fgColor: #2f4a21;
   --display-lime-borderColor-muted: #c7e580;
-    --display-lime-borderColor-emphasis: #527a29;
+    --display-lime-borderColor-emphasis: #476c28;
   --display-pine-bgColor-muted: #bff8db;
-    --display-pine-bgColor-emphasis: #167e53;
-    --display-pine-fgColor: #156f4b;
+    --display-pine-bgColor-emphasis: #135d41;
+    --display-pine-fgColor: #114b36;
   --display-pine-borderColor-muted: #80efb9;
-    --display-pine-borderColor-emphasis: #167e53;
+    --display-pine-borderColor-emphasis: #156f4b;
   --display-teal-bgColor-muted: #c7f5ef;
-    --display-teal-bgColor-emphasis: #127e81;
-    --display-teal-fgColor: #106e75;
+    --display-teal-bgColor-emphasis: #0d5b63;
+    --display-teal-fgColor: #0a4852;
   --display-teal-borderColor-muted: #89ebe1;
-    --display-teal-borderColor-emphasis: #127e81;
+    --display-teal-borderColor-emphasis: #106e75;
   --display-cyan-bgColor-muted: #bdf4ff;
-    --display-cyan-bgColor-emphasis: #007b94;
-    --display-cyan-fgColor: #006a80;
+    --display-cyan-bgColor-emphasis: #00596b;
+    --display-cyan-fgColor: #004857;
   --display-cyan-borderColor-muted: #7ae9ff;
-    --display-cyan-borderColor-emphasis: #007b94;
+    --display-cyan-borderColor-emphasis: #006a80;
   --display-indigo-bgColor-muted: #e5e9ff;
-    --display-indigo-bgColor-emphasis: #5a61e7;
-    --display-indigo-fgColor: #494edf;
+    --display-indigo-bgColor-emphasis: #393cd5;
+    --display-indigo-fgColor: #2d2db4;
   --display-indigo-borderColor-muted: #d2d7fe;
-    --display-indigo-borderColor-emphasis: #5a61e7;
+    --display-indigo-borderColor-emphasis: #494edf;
   --display-pink-bgColor-muted: #ffe5f1;
-    --display-pink-bgColor-emphasis: #ce2c85;
-    --display-pink-fgColor: #b12f79;
+    --display-pink-bgColor-emphasis: #8e2e66;
+    --display-pink-fgColor: #6e2b53;
   --display-pink-borderColor-muted: #fdc9e2;
-    --display-pink-borderColor-emphasis: #ce2c85;
+    --display-pink-borderColor-emphasis: #b12f79;
   --avatar-bgColor: #ffffff;
   --avatar-borderColor: #010409e6;
   --avatar-shadow: 0px 0px 0px 2px #ffffffcc;

lukasoppermann requested review from a team as code owners June 27, 2024 12:46

lukasoppermann requested a review from langermank June 27, 2024 12:46

lukasoppermann temporarily deployed to github-pages June 27, 2024 12:48 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 27, 2024 12:48 Inactive

lukasoppermann temporarily deployed to github-pages June 27, 2024 13:26 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 27, 2024 13:26 Inactive

lukasoppermann temporarily deployed to github-pages June 27, 2024 13:57 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 27, 2024 13:57 Inactive

lukasoppermann force-pushed the display-hc-contrasts branch from 6e5d07f to d60867e Compare June 27, 2024 15:03

github-actions bot temporarily deployed to Preview (Storybook) June 27, 2024 15:04 Inactive

lukasoppermann temporarily deployed to github-pages June 27, 2024 15:05 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 27, 2024 15:05 Inactive

lukasoppermann force-pushed the display-hc-contrasts branch from d60867e to c3ce5d1 Compare June 27, 2024 15:07

lukasoppermann temporarily deployed to github-pages June 27, 2024 15:08 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 27, 2024 15:09 Inactive

lukasoppermann temporarily deployed to github-pages June 28, 2024 06:40 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 28, 2024 06:41 Inactive

lukasoppermann temporarily deployed to github-pages June 28, 2024 06:56 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 28, 2024 06:57 Inactive

lukasoppermann force-pushed the display-hc-contrasts branch 2 times, most recently from 1781972 to 9afb60d Compare June 28, 2024 09:42

lukasoppermann temporarily deployed to github-pages June 28, 2024 09:43 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 28, 2024 09:44 Inactive

lukasoppermann force-pushed the display-hc-contrasts branch from 9afb60d to 5f6ca78 Compare June 28, 2024 11:40

lukasoppermann temporarily deployed to github-pages June 28, 2024 11:41 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 28, 2024 11:42 Inactive

langermank added the update snapshots Update visual regression test snapshots label Jun 28, 2024

github-actions bot removed the update snapshots Update visual regression test snapshots label Jun 28, 2024

primer bot temporarily deployed to github-pages June 28, 2024 16:10 Inactive

github-actions bot temporarily deployed to Preview (Storybook) June 28, 2024 16:10 Inactive

enable contrast check for display colors in HC

f759d44

lukasoppermann force-pushed the display-hc-contrasts branch from 80673ef to 3f3253a Compare July 1, 2024 11:31

github-actions bot temporarily deployed to Preview (Storybook) July 1, 2024 11:33 Inactive

lukasoppermann temporarily deployed to github-pages July 1, 2024 11:33 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) July 1, 2024 11:34 Inactive

github-actions[bot] Regenerated snapshots

c21fdc3

lukasoppermann force-pushed the display-hc-contrasts branch from 632b4fd to 987a7e3 Compare July 1, 2024 11:38

lukasoppermann temporarily deployed to github-pages July 1, 2024 11:40 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) July 1, 2024 11:40 Inactive

fixing role and display colors for HC

902346d

lukasoppermann force-pushed the display-hc-contrasts branch from 987a7e3 to 902346d Compare July 1, 2024 11:51

lukasoppermann added the update snapshots Update visual regression test snapshots label Jul 1, 2024

lukasoppermann temporarily deployed to github-pages July 1, 2024 11:53 — with GitHub Actions Inactive

github-actions bot temporarily deployed to Preview (Storybook) July 1, 2024 11:53 Inactive

github-actions[bot] Regenerated snapshots

a7d5668

github-actions bot removed the update snapshots Update visual regression test snapshots label Jul 1, 2024

primer bot temporarily deployed to github-pages July 1, 2024 12:25 Inactive

github-actions bot temporarily deployed to Preview (Storybook) July 1, 2024 12:26 Inactive

lukasoppermann merged commit 421741e into main Jul 3, 2024
24 checks passed

lukasoppermann deleted the display-hc-contrasts branch July 3, 2024 14:27

primer bot mentioned this pull request Jul 3, 2024

Release Tracking #979

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Enable contrast check for display colors in HC #991

Enable contrast check for display colors in HC #991

lukasoppermann commented Jun 27, 2024 •

edited

Loading

changeset-bot bot commented Jun 27, 2024 •

edited

Loading

github-actions bot commented Jun 27, 2024 •

edited

Loading

github-actions bot commented Jun 27, 2024 •

edited

Loading

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

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

Enable contrast check for display colors in HC #991

Enable contrast check for display colors in HC #991

Conversation

lukasoppermann commented Jun 27, 2024 • edited Loading

Summary

changeset-bot bot commented Jun 27, 2024 • edited Loading

🦋 Changeset detected

github-actions bot commented Jun 27, 2024 • edited Loading

Design Token Contrast Check

light: ✅ all checks passed

dark: ✅ all checks passed

light_high_contrast: ✅ all checks passed

dark_high_contrast: ✅ all checks passed

github-actions bot commented Jun 27, 2024 • edited Loading

Design Token Diff

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

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

lukasoppermann commented Jun 27, 2024 •

edited

Loading

changeset-bot bot commented Jun 27, 2024 •

edited

Loading

github-actions bot commented Jun 27, 2024 •

edited

Loading

`light`: ✅ all checks passed

`dark`: ✅ all checks passed

`light_high_contrast`: ✅ all checks passed

`dark_high_contrast`: ✅ all checks passed

github-actions bot commented Jun 27, 2024 •

edited

Loading