Fix inconsistent HC transparent colors (#1025)

* fix inconsistent alpha * Create dirty-foxes-cover.md * fix format * github-actions[bot] Regenerated snapshots --------- Co-authored-by: langermank <[email protected]>
primer · Aug 9, 2024 · 9ab8102 · 9ab8102
1 parent cb03f14
commit 9ab8102
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 51 deletions.
diff --git a/.changeset/dirty-foxes-cover.md b/.changeset/dirty-foxes-cover.md
@@ -0,0 1,5 @@
 ---
 "@primer/primitives": major
 ---
 
 Fix inconsistent HC transparent colors
diff --git a/...rybook-all-color-swatches-dark-high-contrast-borderColor-closed-muted-linux.png b/...rybook-all-color-swatches-dark-high-contrast-borderColor-closed-muted-linux.png
diff --git a/...rybook-all-color-swatches-dark-high-contrast-borderColor-upsell-muted-linux.png b/...rybook-all-color-swatches-dark-high-contrast-borderColor-upsell-muted-linux.png
diff --git a/...ybook-all-color-swatches-light-high-contrast-borderColor-closed-muted-linux.png b/...ybook-all-color-swatches-light-high-contrast-borderColor-closed-muted-linux.png
diff --git a/...ybook-all-color-swatches-light-high-contrast-borderColor-upsell-muted-linux.png b/...ybook-all-color-swatches-light-high-contrast-borderColor-upsell-muted-linux.png
diff --git a/blob-report/report.zip b/blob-report/report.zip
diff --git a/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 b/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5
@@ -70,58 70,24 @@
  },
  },
  accent: {
- muted: {
- $value: '{base.color.blue.5}',
- $type: 'color',
- alpha: 0.1,
- },
  emphasis: {
  $value: '{base.color.blue.9}',
  $type: 'color',
  },
  },
  success: {
- muted: {
- $value: '{base.color.green.4}',
- $type: 'color',
- alpha: 0.14,
- },
  emphasis: {
  $value: '{base.color.green.9}',
  $type: 'color',
  },
  },
- open: {
- muted: {
- $value: '{bgColor.success.muted}',
- $type: 'color',
- alpha: 0.14,
- },
- },
  danger: {
- muted: {
- $value: '{base.color.red.4}',
- $type: 'color',
- alpha: 0.09,
- },
  emphasis: {
  $value: '{base.color.red.9}',
  $type: 'color',
  },
  },
- closed: {
- muted: {
- $value: '{bgColor.danger.muted}',
- $type: 'color',
- alpha: 0.09,
- },
- },
  severe: {
- muted: {
- $value: '{base.color.orange.4}',
- $type: 'color',
- alpha: 0.088,
- },
  emphasis: {
  $value: '{base.color.orange.9}',
  $type: 'color',
@@ -134,29 100,12 @@
  },
  },
  done: {
- muted: {
- $value: '{base.color.purple.5}',
- $type: 'color',
- alpha: 0.09,
- },
  emphasis: {
  $value: '{base.color.purple.9}',
  $type: 'color',
  },
  },
- upsell: {
- muted: {
- $value: '{bgColor.done.muted}',
- $type: 'color',
- alpha: 0.09,
- },
- },
  sponsors: {
- muted: {
- $value: '{base.color.pink.5}',
- $type: 'color',
- alpha: 0.09,
- },
  emphasis: {
  $value: '{base.color.pink.9}',
  $type: 'color',
@@ -215,6 164,20 @@
  alpha: 1,
  },
  },
  closed: {
  muted: {
  $value: '{borderColor.danger.muted}',
  $type: 'color',
  alpha: 1,
  },
  },
  upsell: {
  muted: {
  $value: '{borderColor.done.muted}',
  $type: 'color',
  alpha: 1,
  },
  },
  severe: {
  muted: {
  $value: '{base.color.orange.4}',

diff --git a/src/tokens/functional/color/light/overrides/light.high-contrast.json5 b/src/tokens/functional/color/light/overrides/light.high-contrast.json5
@@ -171,6 171,20 @@
  alpha: 1,
  },
  },
  upsell: {
  muted: {
  $value: '{borderColor.done.muted}',
  $type: 'color',
  alpha: 1,
  },
  },
  closed: {
  muted: {
  $value: '{borderColor.danger.muted}',
  $type: 'color',
  alpha: 1,
  },
  },
  },
  // patterns
  avatar: {