diff --git a/.changeset/three-coins-tell.md b/.changeset/three-coins-tell.md
new file mode 100644
index 00000000000..263c7edabdc
--- /dev/null
+++ b/.changeset/three-coins-tell.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add support for experimental IssueLabel component
diff --git a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png
index 298a7906637..c2e0bb8c831 100644
Binary files a/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png and b/.playwright/snapshots/components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-colorblind-linux.png
new file mode 100644
index 00000000000..a1cb8e091b7
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-dimmed-linux.png
new file mode 100644
index 00000000000..4059a1843b4
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..3f07d6e8de1
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-linux.png
new file mode 100644
index 00000000000..a1cb8e091b7
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..a1cb8e091b7
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-colorblind-linux.png
new file mode 100644
index 00000000000..76e1b0c650f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-high-contrast-linux.png
new file mode 100644
index 00000000000..76e1b0c650f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-linux.png
new file mode 100644
index 00000000000..76e1b0c650f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-tritanopia-linux.png
new file mode 100644
index 00000000000..76e1b0c650f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Auburn-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-colorblind-linux.png
new file mode 100644
index 00000000000..ac90ddbf61b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-dimmed-linux.png
new file mode 100644
index 00000000000..3fcf19f98c5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..d8cecfed0bc
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-linux.png
new file mode 100644
index 00000000000..ac90ddbf61b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..ac90ddbf61b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-colorblind-linux.png
new file mode 100644
index 00000000000..cf1588fe742
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-high-contrast-linux.png
new file mode 100644
index 00000000000..cf1588fe742
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-linux.png
new file mode 100644
index 00000000000..cf1588fe742
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-tritanopia-linux.png
new file mode 100644
index 00000000000..cf1588fe742
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Blue-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-colorblind-linux.png
new file mode 100644
index 00000000000..5dd914467c8
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-dimmed-linux.png
new file mode 100644
index 00000000000..37492eb14a3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..53aa667e552
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-linux.png
new file mode 100644
index 00000000000..5dd914467c8
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..5dd914467c8
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-colorblind-linux.png
new file mode 100644
index 00000000000..d5423c88153
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-high-contrast-linux.png
new file mode 100644
index 00000000000..d5423c88153
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-linux.png
new file mode 100644
index 00000000000..d5423c88153
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-tritanopia-linux.png
new file mode 100644
index 00000000000..d5423c88153
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Brown-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-colorblind-linux.png
new file mode 100644
index 00000000000..5d4f789fe9f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-dimmed-linux.png
new file mode 100644
index 00000000000..7b4aacdc8eb
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..6157eb3a564
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-linux.png
new file mode 100644
index 00000000000..5d4f789fe9f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..5d4f789fe9f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-colorblind-linux.png
new file mode 100644
index 00000000000..369f1be17b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-high-contrast-linux.png
new file mode 100644
index 00000000000..369f1be17b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-linux.png
new file mode 100644
index 00000000000..369f1be17b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-tritanopia-linux.png
new file mode 100644
index 00000000000..369f1be17b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Button-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-colorblind-linux.png
new file mode 100644
index 00000000000..a103d98606a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-dimmed-linux.png
new file mode 100644
index 00000000000..28ea1460db1
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..fdfd9fd32e2
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-linux.png
new file mode 100644
index 00000000000..a103d98606a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..a103d98606a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-colorblind-linux.png
new file mode 100644
index 00000000000..24a71dbd002
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-high-contrast-linux.png
new file mode 100644
index 00000000000..24a71dbd002
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-linux.png
new file mode 100644
index 00000000000..24a71dbd002
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-tritanopia-linux.png
new file mode 100644
index 00000000000..24a71dbd002
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Coral-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-colorblind-linux.png
new file mode 100644
index 00000000000..2772c36c8a6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-dimmed-linux.png
new file mode 100644
index 00000000000..5b143f61410
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..28b6db3ee75
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-linux.png
new file mode 100644
index 00000000000..2772c36c8a6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..2772c36c8a6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-colorblind-linux.png
new file mode 100644
index 00000000000..81378e880cd
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-high-contrast-linux.png
new file mode 100644
index 00000000000..81378e880cd
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-linux.png
new file mode 100644
index 00000000000..81378e880cd
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-tritanopia-linux.png
new file mode 100644
index 00000000000..81378e880cd
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Cyan-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-colorblind-linux.png
new file mode 100644
index 00000000000..527bcde1182
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-dimmed-linux.png
new file mode 100644
index 00000000000..ba9e4bde069
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..32b7b121a32
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-linux.png
new file mode 100644
index 00000000000..527bcde1182
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..527bcde1182
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-colorblind-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-high-contrast-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-tritanopia-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-colorblind-linux.png
new file mode 100644
index 00000000000..527bcde1182
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-dimmed-linux.png
new file mode 100644
index 00000000000..ba9e4bde069
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..32b7b121a32
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-linux.png
new file mode 100644
index 00000000000..527bcde1182
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..527bcde1182
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-colorblind-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-high-contrast-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-tritanopia-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Gray-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-colorblind-linux.png
new file mode 100644
index 00000000000..f557fa5918d
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-dimmed-linux.png
new file mode 100644
index 00000000000..a21c6b09d58
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..a14e1b6e23a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-linux.png
new file mode 100644
index 00000000000..f557fa5918d
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..f557fa5918d
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-colorblind-linux.png
new file mode 100644
index 00000000000..6d2a85b8573
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-high-contrast-linux.png
new file mode 100644
index 00000000000..6d2a85b8573
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-linux.png
new file mode 100644
index 00000000000..6d2a85b8573
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-tritanopia-linux.png
new file mode 100644
index 00000000000..6d2a85b8573
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Green-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-colorblind-linux.png
new file mode 100644
index 00000000000..e65b04bebcc
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-dimmed-linux.png
new file mode 100644
index 00000000000..6337b9f9f6a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..f0855903109
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-linux.png
new file mode 100644
index 00000000000..e65b04bebcc
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..e65b04bebcc
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-colorblind-linux.png
new file mode 100644
index 00000000000..e2e119a69c5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-high-contrast-linux.png
new file mode 100644
index 00000000000..e2e119a69c5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-linux.png
new file mode 100644
index 00000000000..e2e119a69c5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-tritanopia-linux.png
new file mode 100644
index 00000000000..e2e119a69c5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Group-Of-Labels-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-colorblind-linux.png
new file mode 100644
index 00000000000..0e88f7f6f9c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-dimmed-linux.png
new file mode 100644
index 00000000000..4481bf7b850
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..d88b6dd10f3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-linux.png
new file mode 100644
index 00000000000..0e88f7f6f9c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..0e88f7f6f9c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-colorblind-linux.png
new file mode 100644
index 00000000000..b41cd40fd75
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-high-contrast-linux.png
new file mode 100644
index 00000000000..b41cd40fd75
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-linux.png
new file mode 100644
index 00000000000..b41cd40fd75
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-tritanopia-linux.png
new file mode 100644
index 00000000000..b41cd40fd75
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Hex-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-colorblind-linux.png
new file mode 100644
index 00000000000..21a4013df0f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-dimmed-linux.png
new file mode 100644
index 00000000000..19a044b06fd
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..fccabd3e976
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-linux.png
new file mode 100644
index 00000000000..21a4013df0f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..21a4013df0f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-colorblind-linux.png
new file mode 100644
index 00000000000..24dec3a858f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-high-contrast-linux.png
new file mode 100644
index 00000000000..24dec3a858f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-linux.png
new file mode 100644
index 00000000000..24dec3a858f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-tritanopia-linux.png
new file mode 100644
index 00000000000..24dec3a858f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Indigo-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-colorblind-linux.png
new file mode 100644
index 00000000000..d1a1b8608f3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-dimmed-linux.png
new file mode 100644
index 00000000000..146e273aa90
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..b0c32f4c72e
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-linux.png
new file mode 100644
index 00000000000..d1a1b8608f3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..d1a1b8608f3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-colorblind-linux.png
new file mode 100644
index 00000000000..d2815e9d362
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-high-contrast-linux.png
new file mode 100644
index 00000000000..d2815e9d362
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-linux.png
new file mode 100644
index 00000000000..d2815e9d362
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-tritanopia-linux.png
new file mode 100644
index 00000000000..d2815e9d362
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lemon-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-colorblind-linux.png
new file mode 100644
index 00000000000..53e4a8a7659
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-dimmed-linux.png
new file mode 100644
index 00000000000..5f3c9265a34
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..73926684292
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-linux.png
new file mode 100644
index 00000000000..53e4a8a7659
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..53e4a8a7659
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-colorblind-linux.png
new file mode 100644
index 00000000000..f22d8c41592
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-high-contrast-linux.png
new file mode 100644
index 00000000000..f22d8c41592
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-linux.png
new file mode 100644
index 00000000000..f22d8c41592
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-tritanopia-linux.png
new file mode 100644
index 00000000000..f22d8c41592
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Lime-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-colorblind-linux.png
new file mode 100644
index 00000000000..5d4f789fe9f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-dimmed-linux.png
new file mode 100644
index 00000000000..7b4aacdc8eb
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..6157eb3a564
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-linux.png
new file mode 100644
index 00000000000..5d4f789fe9f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..5d4f789fe9f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-colorblind-linux.png
new file mode 100644
index 00000000000..369f1be17b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-high-contrast-linux.png
new file mode 100644
index 00000000000..369f1be17b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-linux.png
new file mode 100644
index 00000000000..369f1be17b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-tritanopia-linux.png
new file mode 100644
index 00000000000..369f1be17b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Link-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-colorblind-linux.png
new file mode 100644
index 00000000000..b0110ec5cd6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-dimmed-linux.png
new file mode 100644
index 00000000000..4ca2745948f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..be3e92dc623
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-linux.png
new file mode 100644
index 00000000000..b0110ec5cd6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..b0110ec5cd6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-colorblind-linux.png
new file mode 100644
index 00000000000..e60813afbe3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-high-contrast-linux.png
new file mode 100644
index 00000000000..e60813afbe3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-linux.png
new file mode 100644
index 00000000000..e60813afbe3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-tritanopia-linux.png
new file mode 100644
index 00000000000..e60813afbe3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Olive-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-colorblind-linux.png
new file mode 100644
index 00000000000..5d82a606f00
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-dimmed-linux.png
new file mode 100644
index 00000000000..73a237fecdf
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..b5e07abd143
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-linux.png
new file mode 100644
index 00000000000..5d82a606f00
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..5d82a606f00
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-colorblind-linux.png
new file mode 100644
index 00000000000..12ca704414a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-high-contrast-linux.png
new file mode 100644
index 00000000000..12ca704414a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-linux.png
new file mode 100644
index 00000000000..12ca704414a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-tritanopia-linux.png
new file mode 100644
index 00000000000..12ca704414a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Orange-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-colorblind-linux.png
new file mode 100644
index 00000000000..aa59cef474e
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-dimmed-linux.png
new file mode 100644
index 00000000000..c08c76baf25
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..9ce8e3a0778
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-linux.png
new file mode 100644
index 00000000000..aa59cef474e
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..aa59cef474e
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-colorblind-linux.png
new file mode 100644
index 00000000000..b8ebca885b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-high-contrast-linux.png
new file mode 100644
index 00000000000..b8ebca885b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-linux.png
new file mode 100644
index 00000000000..b8ebca885b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-tritanopia-linux.png
new file mode 100644
index 00000000000..b8ebca885b3
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pine-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-colorblind-linux.png
new file mode 100644
index 00000000000..a10000c692c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-dimmed-linux.png
new file mode 100644
index 00000000000..57ace34498b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..6ee41c62e1c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-linux.png
new file mode 100644
index 00000000000..a10000c692c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..a10000c692c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-colorblind-linux.png
new file mode 100644
index 00000000000..856a907d70b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-high-contrast-linux.png
new file mode 100644
index 00000000000..856a907d70b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-linux.png
new file mode 100644
index 00000000000..856a907d70b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-tritanopia-linux.png
new file mode 100644
index 00000000000..856a907d70b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Pink-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-colorblind-linux.png
new file mode 100644
index 00000000000..6ff291f09bd
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-dimmed-linux.png
new file mode 100644
index 00000000000..a18bff37f56
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..8a95b8fe8ac
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-linux.png
new file mode 100644
index 00000000000..6ff291f09bd
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..6ff291f09bd
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-colorblind-linux.png
new file mode 100644
index 00000000000..2627aed8f04
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-high-contrast-linux.png
new file mode 100644
index 00000000000..2627aed8f04
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-linux.png
new file mode 100644
index 00000000000..2627aed8f04
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-tritanopia-linux.png
new file mode 100644
index 00000000000..2627aed8f04
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Plum-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-colorblind-linux.png
new file mode 100644
index 00000000000..76a07778988
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-dimmed-linux.png
new file mode 100644
index 00000000000..aeb97713990
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..7d79663c8b7
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-linux.png
new file mode 100644
index 00000000000..76a07778988
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..76a07778988
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-colorblind-linux.png
new file mode 100644
index 00000000000..92cde172416
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-high-contrast-linux.png
new file mode 100644
index 00000000000..92cde172416
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-linux.png
new file mode 100644
index 00000000000..92cde172416
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-tritanopia-linux.png
new file mode 100644
index 00000000000..92cde172416
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Purple-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-colorblind-linux.png
new file mode 100644
index 00000000000..61b4e6b755c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-dimmed-linux.png
new file mode 100644
index 00000000000..2212914c5c2
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..a6ecbb9bd2b
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-linux.png
new file mode 100644
index 00000000000..61b4e6b755c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..61b4e6b755c
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-colorblind-linux.png
new file mode 100644
index 00000000000..5397a3a54a5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-high-contrast-linux.png
new file mode 100644
index 00000000000..5397a3a54a5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-linux.png
new file mode 100644
index 00000000000..5397a3a54a5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-tritanopia-linux.png
new file mode 100644
index 00000000000..5397a3a54a5
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Red-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Size-Large-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Size-Large-linux.png
new file mode 100644
index 00000000000..8853d803c0a
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Size-Large-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Size-Small-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Size-Small-linux.png
new file mode 100644
index 00000000000..6aff3356048
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Size-Small-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-colorblind-linux.png
new file mode 100644
index 00000000000..0c70d9f22ff
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-dimmed-linux.png
new file mode 100644
index 00000000000..3242822fd8e
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..652ca584ed4
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-linux.png
new file mode 100644
index 00000000000..0c70d9f22ff
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..0c70d9f22ff
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-colorblind-linux.png
new file mode 100644
index 00000000000..a2b250c7fd8
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-high-contrast-linux.png
new file mode 100644
index 00000000000..a2b250c7fd8
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-linux.png
new file mode 100644
index 00000000000..a2b250c7fd8
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-tritanopia-linux.png
new file mode 100644
index 00000000000..a2b250c7fd8
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Teal-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-colorblind-linux.png
new file mode 100644
index 00000000000..6cf5bfc9e0f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-dimmed-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-dimmed-linux.png
new file mode 100644
index 00000000000..40fcc184d5d
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..60d24c41b0d
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-linux.png
new file mode 100644
index 00000000000..6cf5bfc9e0f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..6cf5bfc9e0f
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-colorblind-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-colorblind-linux.png
new file mode 100644
index 00000000000..b16e20ab0a6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-high-contrast-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-high-contrast-linux.png
new file mode 100644
index 00000000000..b16e20ab0a6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-linux.png
new file mode 100644
index 00000000000..b16e20ab0a6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-linux.png differ
diff --git a/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-tritanopia-linux.png b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-tritanopia-linux.png
new file mode 100644
index 00000000000..b16e20ab0a6
Binary files /dev/null and b/.playwright/snapshots/components/IssueLabel.test.ts-snapshots/IssueLabel-Yellow-light-tritanopia-linux.png differ
diff --git a/e2e/components/IssueLabel.test.ts b/e2e/components/IssueLabel.test.ts
new file mode 100644
index 00000000000..2717783e61c
--- /dev/null
+++ b/e2e/components/IssueLabel.test.ts
@@ -0,0 +1,139 @@
+import {test, expect} from '@playwright/test'
+import {visit} from '../test-helpers/storybook'
+import {themes} from '../test-helpers/themes'
+
+const variants = [
+  {
+    title: 'Default',
+    id: 'experimental-components-issuelabel--default',
+  },
+  {
+    title: 'Auburn',
+    id: 'experimental-components-issuelabel-features--variant-auburn',
+  },
+  {
+    title: 'Blue',
+    id: 'experimental-components-issuelabel-features--variant-blue',
+  },
+  {
+    title: 'Brown',
+    id: 'experimental-components-issuelabel-features--variant-brown',
+  },
+  {
+    title: 'Coral',
+    id: 'experimental-components-issuelabel-features--variant-coral',
+  },
+  {
+    title: 'Cyan',
+    id: 'experimental-components-issuelabel-features--variant-cyan',
+  },
+  {
+    title: 'Gray',
+    id: 'experimental-components-issuelabel-features--variant-gray',
+  },
+  {
+    title: 'Green',
+    id: 'experimental-components-issuelabel-features--variant-green',
+  },
+  {
+    title: 'Indigo',
+    id: 'experimental-components-issuelabel-features--variant-indigo',
+  },
+  {
+    title: 'Lemon',
+    id: 'experimental-components-issuelabel-features--variant-lemon',
+  },
+  {
+    title: 'Lime',
+    id: 'experimental-components-issuelabel-features--variant-lime',
+  },
+  {
+    title: 'Olive',
+    id: 'experimental-components-issuelabel-features--variant-olive',
+  },
+  {
+    title: 'Orange',
+    id: 'experimental-components-issuelabel-features--variant-orange',
+  },
+  {
+    title: 'Pine',
+    id: 'experimental-components-issuelabel-features--variant-pine',
+  },
+  {
+    title: 'Pink',
+    id: 'experimental-components-issuelabel-features--variant-pink',
+  },
+  {
+    title: 'Plum',
+    id: 'experimental-components-issuelabel-features--variant-plum',
+  },
+  {
+    title: 'Purple',
+    id: 'experimental-components-issuelabel-features--variant-purple',
+  },
+  {
+    title: 'Red',
+    id: 'experimental-components-issuelabel-features--variant-red',
+  },
+  {
+    title: 'Teal',
+    id: 'experimental-components-issuelabel-features--variant-teal',
+  },
+  {
+    title: 'Yellow',
+    id: 'experimental-components-issuelabel-features--variant-yellow',
+  },
+  {
+    title: 'Button',
+    id: 'experimental-components-issuelabel-features--as-button',
+  },
+  {
+    title: 'Link',
+    id: 'experimental-components-issuelabel-features--as-link',
+  },
+  {
+    title: 'Group Of Labels',
+    id: 'experimental-components-issuelabel-features--group-of-labels',
+  },
+  {
+    title: 'Hex',
+    id: 'experimental-components-issuelabel-features--hex-color',
+  },
+] as const
+
+test.describe('IssueLabel', () => {
+  for (const story of variants) {
+    test.describe(story.title, () => {
+      for (const theme of themes) {
+        test.describe(theme, () => {
+          test('default @vrt', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
+              },
+            })
+
+            await page.setViewportSize({
+              width: 320,
+              height: 320,
+            })
+
+            // Default state
+            expect(await page.screenshot()).toMatchSnapshot(`IssueLabel.${story.title}.${theme}.png`)
+          })
+
+          test('axe @aat', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
+              },
+            })
+            await expect(page).toHaveNoViolations()
+          })
+        })
+      }
+    })
+  }
+})
diff --git a/package-lock.json b/package-lock.json
index 7c492565bf5..ddabd822c40 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15246,6 +15246,11 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/hsluv": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hsluv/-/hsluv-1.0.1.tgz",
+      "integrity": "sha512-zCaFTiDqBLQjCCFBu0qg7z9ASYPd+Bxx2GDCVZJsnehjK80S+jByqhuFz0pCd2Aw3FSKr18AWbRlwnKR0YdizQ=="
+    },
     "node_modules/html-encoding-sniffer": {
       "version": "3.0.0",
       "dev": true,
@@ -29761,6 +29766,7 @@
         "deepmerge": "^4.3.1",
         "focus-visible": "^5.2.0",
         "history": "^5.0.0",
+        "hsluv": "1.0.1",
         "lodash.isempty": "^4.4.0",
         "lodash.isobject": "^3.0.2",
         "react-intersection-observer": "^9.4.3",
diff --git a/packages/react/package.json b/packages/react/package.json
index f3833a16660..e2971d63705 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -109,6 +109,7 @@
     "deepmerge": "^4.3.1",
     "focus-visible": "^5.2.0",
     "history": "^5.0.0",
+    "hsluv": "1.0.1",
     "lodash.isempty": "^4.4.0",
     "lodash.isobject": "^3.0.2",
     "react-intersection-observer": "^9.4.3",
diff --git a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
index b16676e83f8..3147cdd64ed 100644
--- a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
+++ b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
@@ -300,6 +300,8 @@ exports[`@primer/react/experimental should not update exports without a semver c
   "type HiddenProps",
   "InlineMessage",
   "type InlineMessageProps",
+  "IssueLabel",
+  "type IssueLabelProps",
   "KeybindingHint",
   "type KeybindingHintProps",
   "type NavigationProps",
diff --git a/packages/react/src/experimental/IssueLabel/IssueLabel.docs.json b/packages/react/src/experimental/IssueLabel/IssueLabel.docs.json
new file mode 100644
index 00000000000..d943b700021
--- /dev/null
+++ b/packages/react/src/experimental/IssueLabel/IssueLabel.docs.json
@@ -0,0 +1,46 @@
+{
+  "id": "issue_label",
+  "name": "IssueLabel",
+  "status": "draft",
+  "a11yReviewed": false,
+  "stories": [],
+  "importPath": "@primer/react/experimental",
+  "props": [
+    {
+      "name": "fillColor",
+      "type": "string",
+      "description": "The hex code for a custom background color"
+    },
+    {
+      "name": "variant",
+      "type": "'pink'\n| 'plum'\n| 'purple'\n| 'indigo'\n| 'blue'\n| 'cyan'\n| 'teal'\n| 'pine'\n| 'green'\n| 'lime'\n| 'olive'\n| 'lemon'\n| 'yellow'\n| 'orange'\n| 'red'\n| 'coral'\n| 'gray'\n| 'brown'\n| 'auburn'",
+      "defaultValue": "'gray'",
+      "description": "Color variant for the background and text color"
+    },
+    {
+      "name": "className",
+      "type": "string",
+      "description": "Class name for custom styling."
+    },
+    {
+      "name": "href",
+      "type": "string"
+    },
+    {
+      "name": "as",
+      "type": "React.ElementType",
+      "defaultValue": "'span'"
+    },
+    {
+      "name": "text",
+      "type": "string",
+      "description": "Label text."
+    },
+    {
+      "name": "id",
+      "type": "string",
+      "description": "A unique identifier that can be associated with the label."
+    }
+  ],
+  "subcomponents": []
+}
diff --git a/packages/react/src/experimental/IssueLabel/IssueLabel.features.stories.tsx b/packages/react/src/experimental/IssueLabel/IssueLabel.features.stories.tsx
new file mode 100644
index 00000000000..21bc130ac69
--- /dev/null
+++ b/packages/react/src/experimental/IssueLabel/IssueLabel.features.stories.tsx
@@ -0,0 +1,84 @@
+import React from 'react'
+import {IssueLabel} from '../IssueLabel'
+import type {Meta} from '@storybook/react'
+import {Stack} from '../../Stack'
+
+const meta = {
+  title: 'Experimental/Components/IssueLabel/Features',
+  component: IssueLabel,
+} satisfies Meta<typeof IssueLabel>
+
+export default meta
+
+export const VariantPink = () => <IssueLabel variant="pink" text="Issue label" />
+
+export const VariantPlum = () => <IssueLabel variant="plum" text="Issue label" />
+
+export const VariantPurple = () => <IssueLabel variant="purple" text="Issue label" />
+
+export const VariantIndigo = () => <IssueLabel variant="indigo" text="Issue label" />
+
+export const VariantBlue = () => <IssueLabel variant="blue" text="Issue label" />
+
+export const VariantCyan = () => <IssueLabel variant="cyan" text="Issue label" />
+
+export const VariantTeal = () => <IssueLabel variant="teal" text="Issue label" />
+
+export const VariantPine = () => <IssueLabel variant="pine" text="Issue label" />
+
+export const VariantGreen = () => <IssueLabel variant="green" text="Issue label" />
+
+export const VariantLime = () => <IssueLabel variant="lime" text="Issue label" />
+
+export const VariantOlive = () => <IssueLabel variant="olive" text="Issue label" />
+
+export const VariantLemon = () => <IssueLabel variant="lemon" text="Issue label" />
+
+export const VariantYellow = () => <IssueLabel variant="yellow" text="Issue label" />
+
+export const VariantOrange = () => <IssueLabel variant="orange" text="Issue label" />
+
+export const VariantRed = () => <IssueLabel variant="red" text="Issue label" />
+
+export const VariantCoral = () => <IssueLabel variant="coral" text="Issue label" />
+
+export const VariantGray = () => <IssueLabel variant="gray" text="Issue label" />
+
+export const VariantBrown = () => <IssueLabel variant="brown" text="Issue label" />
+
+export const VariantAuburn = () => <IssueLabel variant="auburn" text="Issue label" />
+
+export const HexColor = (args: {fillColor: `#${string}`}) => (
+  <IssueLabel text="Issue label" fillColor={args.fillColor} />
+)
+HexColor.args = {
+  fillColor: '#59B200',
+}
+HexColor.argTypes = {
+  fillColor: {control: {type: 'color'}},
+  variant: {table: {disable: true}},
+  text: {table: {disable: true}},
+  id: {table: {disable: true}},
+  className: {table: {disable: true}},
+  onClick: {table: {disable: true}},
+  onFocus: {table: {disable: true}},
+  as: {table: {disable: true}},
+  href: {table: {disable: true}},
+}
+
+export const AsLink = () => <IssueLabel href="/" text="Issue label" />
+
+export const AsButton = () => <IssueLabel text="Issue label" as="button" />
+
+export const OnClick = () => <IssueLabel text="Issue label" onClick={() => alert('clicked')} />
+
+export const GroupOfLabels = () => (
+  <Stack direction="horizontal" gap="condensed" wrap="wrap">
+    <IssueLabel variant="blue" text="Issue label" />
+    <IssueLabel variant="purple" text="Another label" />
+    <IssueLabel variant="green" text="A third label" />
+    <IssueLabel variant="orange" text="Issue label" />
+    <IssueLabel variant="yellow" text="Another label" />
+    <IssueLabel variant="brown" text="A third label" />
+  </Stack>
+)
diff --git a/packages/react/src/experimental/IssueLabel/IssueLabel.module.css b/packages/react/src/experimental/IssueLabel/IssueLabel.module.css
new file mode 100644
index 00000000000..5cef2654fd2
--- /dev/null
+++ b/packages/react/src/experimental/IssueLabel/IssueLabel.module.css
@@ -0,0 +1,208 @@
+.IssueLabel {
+  display: inline-flex;
+  min-height: var(--base-size-20);
+  font-size: var(--text-body-size-small);
+  font-weight: var(--base-text-weight-semibold);
+  line-height: var(--text-body-lineHeight-small);
+  color: var(--label-fgColor);
+  white-space: nowrap;
+  background-color: var(--label-bgColor-rest);
+  border: 0;
+  border-radius: var(--borderRadius-full);
+
+  /* use color var for box-shadow (border) in future for high contrast themes */
+  box-shadow: var(--boxShadow-thin) transparent;
+  align-items: center;
+  padding-inline: var(--base-size-8);
+  padding-block: 0;
+
+  &:where(button, a) {
+    text-decoration: none;
+
+    &:hover {
+      color: var(--label-fgColor-hover);
+      cursor: pointer;
+      background-color: var(--label-bgColor-hover);
+    }
+
+    &:active {
+      color: var(--label-fgColor-active);
+      background-color: var(--label-bgColor-active);
+    }
+
+    &:focus-visible {
+      @mixin focusOutline 2px;
+    }
+  }
+
+  &:where([data-variant='pink']) {
+    --label-bgColor-rest: var(--label-pink-bgColor-rest);
+    --label-bgColor-hover: var(--label-pink-bgColor-hover);
+    --label-bgColor-active: var(--label-pink-bgColor-active);
+    --label-fgColor: var(--label-pink-fgColor-rest);
+    --label-fgColor-hover: var(--label-pink-fgColor-hover);
+    --label-fgColor-active: var(--label-pink-fgColor-active);
+  }
+
+  &:where([data-variant='plum']) {
+    --label-bgColor-rest: var(--label-plum-bgColor-rest);
+    --label-bgColor-hover: var(--label-plum-bgColor-hover);
+    --label-bgColor-active: var(--label-plum-bgColor-active);
+    --label-fgColor: var(--label-plum-fgColor-rest);
+    --label-fgColor-hover: var(--label-plum-fgColor-hover);
+    --label-fgColor-active: var(--label-plum-fgColor-active);
+  }
+
+  &:where([data-variant='purple']) {
+    --label-bgColor-rest: var(--label-purple-bgColor-rest);
+    --label-bgColor-hover: var(--label-purple-bgColor-hover);
+    --label-bgColor-active: var(--label-purple-bgColor-active);
+    --label-fgColor: var(--label-purple-fgColor-rest);
+    --label-fgColor-hover: var(--label-purple-fgColor-hover);
+    --label-fgColor-active: var(--label-purple-fgColor-active);
+  }
+
+  &:where([data-variant='indigo']) {
+    --label-bgColor-rest: var(--label-indigo-bgColor-rest);
+    --label-bgColor-hover: var(--label-indigo-bgColor-hover);
+    --label-bgColor-active: var(--label-indigo-bgColor-active);
+    --label-fgColor: var(--label-indigo-fgColor-rest);
+    --label-fgColor-hover: var(--label-indigo-fgColor-hover);
+    --label-fgColor-active: var(--label-indigo-fgColor-active);
+  }
+
+  &:where([data-variant='blue']) {
+    --label-bgColor-rest: var(--label-blue-bgColor-rest);
+    --label-bgColor-hover: var(--label-blue-bgColor-hover);
+    --label-bgColor-active: var(--label-blue-bgColor-active);
+    --label-fgColor: var(--label-blue-fgColor-rest);
+    --label-fgColor-hover: var(--label-blue-fgColor-hover);
+    --label-fgColor-active: var(--label-blue-fgColor-active);
+  }
+
+  &:where([data-variant='cyan']) {
+    --label-bgColor-rest: var(--label-cyan-bgColor-rest);
+    --label-bgColor-hover: var(--label-cyan-bgColor-hover);
+    --label-bgColor-active: var(--label-cyan-bgColor-active);
+    --label-fgColor: var(--label-cyan-fgColor-rest);
+    --label-fgColor-hover: var(--label-cyan-fgColor-hover);
+    --label-fgColor-active: var(--label-cyan-fgColor-active);
+  }
+
+  &:where([data-variant='teal']) {
+    --label-bgColor-rest: var(--label-teal-bgColor-rest);
+    --label-bgColor-hover: var(--label-teal-bgColor-hover);
+    --label-bgColor-active: var(--label-teal-bgColor-active);
+    --label-fgColor: var(--label-teal-fgColor-rest);
+    --label-fgColor-hover: var(--label-teal-fgColor-hover);
+    --label-fgColor-active: var(--label-teal-fgColor-active);
+  }
+
+  &:where([data-variant='pine']) {
+    --label-bgColor-rest: var(--label-pine-bgColor-rest);
+    --label-bgColor-hover: var(--label-pine-bgColor-hover);
+    --label-bgColor-active: var(--label-pine-bgColor-active);
+    --label-fgColor: var(--label-pine-fgColor-rest);
+    --label-fgColor-hover: var(--label-pine-fgColor-hover);
+    --label-fgColor-active: var(--label-pine-fgColor-active);
+  }
+
+  &:where([data-variant='green']) {
+    --label-bgColor-rest: var(--label-green-bgColor-rest);
+    --label-bgColor-hover: var(--label-green-bgColor-hover);
+    --label-bgColor-active: var(--label-green-bgColor-active);
+    --label-fgColor: var(--label-green-fgColor-rest);
+    --label-fgColor-hover: var(--label-green-fgColor-hover);
+    --label-fgColor-active: var(--label-green-fgColor-active);
+  }
+
+  &:where([data-variant='lime']) {
+    --label-bgColor-rest: var(--label-lime-bgColor-rest);
+    --label-bgColor-hover: var(--label-lime-bgColor-hover);
+    --label-bgColor-active: var(--label-lime-bgColor-active);
+    --label-fgColor: var(--label-lime-fgColor-rest);
+    --label-fgColor-hover: var(--label-lime-fgColor-hover);
+    --label-fgColor-active: var(--label-lime-fgColor-active);
+  }
+
+  &:where([data-variant='olive']) {
+    --label-bgColor-rest: var(--label-olive-bgColor-rest);
+    --label-bgColor-hover: var(--label-olive-bgColor-hover);
+    --label-bgColor-active: var(--label-olive-bgColor-active);
+    --label-fgColor: var(--label-olive-fgColor-rest);
+    --label-fgColor-hover: var(--label-olive-fgColor-hover);
+    --label-fgColor-active: var(--label-olive-fgColor-active);
+  }
+
+  &:where([data-variant='lemon']) {
+    --label-bgColor-rest: var(--label-lemon-bgColor-rest);
+    --label-bgColor-hover: var(--label-lemon-bgColor-hover);
+    --label-bgColor-active: var(--label-lemon-bgColor-active);
+    --label-fgColor: var(--label-lemon-fgColor-rest);
+    --label-fgColor-hover: var(--label-lemon-fgColor-hover);
+    --label-fgColor-active: var(--label-lemon-fgColor-active);
+  }
+
+  &:where([data-variant='yellow']) {
+    --label-bgColor-rest: var(--label-yellow-bgColor-rest);
+    --label-bgColor-hover: var(--label-yellow-bgColor-hover);
+    --label-bgColor-active: var(--label-yellow-bgColor-active);
+    --label-fgColor: var(--label-yellow-fgColor-rest);
+    --label-fgColor-hover: var(--label-yellow-fgColor-hover);
+    --label-fgColor-active: var(--label-yellow-fgColor-active);
+  }
+
+  &:where([data-variant='orange']) {
+    --label-bgColor-rest: var(--label-orange-bgColor-rest);
+    --label-bgColor-hover: var(--label-orange-bgColor-hover);
+    --label-bgColor-active: var(--label-orange-bgColor-active);
+    --label-fgColor: var(--label-orange-fgColor-rest);
+    --label-fgColor-hover: var(--label-orange-fgColor-hover);
+    --label-fgColor-active: var(--label-orange-fgColor-active);
+  }
+
+  &:where([data-variant='red']) {
+    --label-bgColor-rest: var(--label-red-bgColor-rest);
+    --label-bgColor-hover: var(--label-red-bgColor-hover);
+    --label-bgColor-active: var(--label-red-bgColor-active);
+    --label-fgColor: var(--label-red-fgColor-rest);
+    --label-fgColor-hover: var(--label-red-fgColor-hover);
+    --label-fgColor-active: var(--label-red-fgColor-active);
+  }
+
+  &:where([data-variant='coral']) {
+    --label-bgColor-rest: var(--label-coral-bgColor-rest);
+    --label-bgColor-hover: var(--label-coral-bgColor-hover);
+    --label-bgColor-active: var(--label-coral-bgColor-active);
+    --label-fgColor: var(--label-coral-fgColor-rest);
+    --label-fgColor-hover: var(--label-coral-fgColor-hover);
+    --label-fgColor-active: var(--label-coral-fgColor-active);
+  }
+
+  &:where([data-variant='gray']) {
+    --label-bgColor-rest: var(--label-gray-bgColor-rest);
+    --label-bgColor-hover: var(--label-gray-bgColor-hover);
+    --label-bgColor-active: var(--label-gray-bgColor-active);
+    --label-fgColor: var(--label-gray-fgColor-rest);
+    --label-fgColor-hover: var(--label-gray-fgColor-hover);
+    --label-fgColor-active: var(--label-gray-fgColor-active);
+  }
+
+  &:where([data-variant='brown']) {
+    --label-bgColor-rest: var(--label-brown-bgColor-rest);
+    --label-bgColor-hover: var(--label-brown-bgColor-hover);
+    --label-bgColor-active: var(--label-brown-bgColor-active);
+    --label-fgColor: var(--label-brown-fgColor-rest);
+    --label-fgColor-hover: var(--label-brown-fgColor-hover);
+    --label-fgColor-active: var(--label-brown-fgColor-active);
+  }
+
+  &:where([data-variant='auburn']) {
+    --label-bgColor-rest: var(--label-auburn-bgColor-rest);
+    --label-bgColor-hover: var(--label-auburn-bgColor-hover);
+    --label-bgColor-active: var(--label-auburn-bgColor-active);
+    --label-fgColor: var(--label-auburn-fgColor-rest);
+    --label-fgColor-hover: var(--label-auburn-fgColor-hover);
+    --label-fgColor-active: var(--label-auburn-fgColor-active);
+  }
+}
diff --git a/packages/react/src/experimental/IssueLabel/IssueLabel.stories.tsx b/packages/react/src/experimental/IssueLabel/IssueLabel.stories.tsx
new file mode 100644
index 00000000000..1ed62be107f
--- /dev/null
+++ b/packages/react/src/experimental/IssueLabel/IssueLabel.stories.tsx
@@ -0,0 +1,58 @@
+import React from 'react'
+import {IssueLabel} from '../IssueLabel'
+import type {Meta, StoryObj} from '@storybook/react'
+
+const meta = {
+  title: 'Experimental/Components/IssueLabel',
+  component: IssueLabel,
+} satisfies Meta<typeof IssueLabel>
+
+export default meta
+
+export const Default = () => <IssueLabel text="Issue label" />
+
+export const Playground: StoryObj<typeof IssueLabel> = {
+  render: args => <IssueLabel {...args} />,
+  args: {
+    text: 'Issue label',
+    as: 'span',
+  },
+  argTypes: {
+    fillColor: {
+      hex: undefined,
+      control: {type: 'color', presetColors: ['red', 'green', 'blue', 'brown', 'black', 'white', 'salmon', 'orange']},
+    },
+    variant: {
+      control: 'inline-radio',
+      options: [
+        'pink',
+        'plum',
+        'purple',
+        'indigo',
+        'blue',
+        'cyan',
+        'teal',
+        'pine',
+        'green',
+        'lime',
+        'olive',
+        'lemon',
+        'yellow',
+        'orange',
+        'red',
+        'coral',
+        'gray',
+        'brown',
+        'auburn',
+      ],
+    },
+    text: {
+      control: 'text',
+    },
+    as: {
+      control: 'inline-radio',
+      options: ['span', 'button', 'a'],
+      if: {arg: 'href', exists: false},
+    },
+  },
+}
diff --git a/packages/react/src/experimental/IssueLabel/IssueLabel.tsx b/packages/react/src/experimental/IssueLabel/IssueLabel.tsx
new file mode 100644
index 00000000000..4369b7ca9e2
--- /dev/null
+++ b/packages/react/src/experimental/IssueLabel/IssueLabel.tsx
@@ -0,0 +1,93 @@
+import React from 'react'
+import {getColorsFromHex} from './getColorFromHex'
+import {useTheme} from '../../ThemeProvider'
+import {clsx} from 'clsx'
+import classes from './IssueLabel.module.css'
+export type Hex = `#${string}`
+
+type LabelColorVariant =
+  | 'pink'
+  | 'plum'
+  | 'purple'
+  | 'indigo'
+  | 'blue'
+  | 'cyan'
+  | 'teal'
+  | 'pine'
+  | 'green'
+  | 'lime'
+  | 'olive'
+  | 'lemon'
+  | 'yellow'
+  | 'orange'
+  | 'red'
+  | 'coral'
+  | 'gray'
+  | 'brown'
+  | 'auburn'
+
+export interface IssueLabelProps {
+  fillColor?: Hex
+  variant?: LabelColorVariant
+  href?: string
+  as?: 'button' | 'a' | 'span'
+  text: React.ReactNode
+  id?: number | string
+  className?: string
+  onClick?: React.MouseEventHandler<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>
+  onFocus?: React.FocusEventHandler<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement>
+}
+
+export function IssueLabel({
+  className,
+  fillColor,
+  variant = 'gray',
+  href,
+  onClick,
+  onFocus,
+  text,
+  as,
+  id,
+  ...rest
+}: IssueLabelProps) {
+  // Error handling: `href` and `onClick` should not be set simultaneously
+  if (href && onClick) {
+    throw new Error('`href` and `onClick` cannot both be set. Choose either a link (`<a>`) or a button (`<button>`).')
+  }
+
+  const {resolvedColorScheme} = useTheme()
+  const mode = resolvedColorScheme?.startsWith('dark') ? 'dark' : 'light'
+  // TODO: get the bgColor, getting it from theme.colorScheme seems a bit sketchy
+  const bgColors: Record<string, Hex> = {
+    light: '#ffffff',
+    dark: '#0d1117',
+  }
+
+  // Determine the component type: Prioritize `as`, then fallback to `href` or `onClick` logic
+  let Component: 'a' | 'button' | 'span' = 'span' // Default to <span>
+
+  if (as) {
+    Component = as // use 'as' prop if provided
+  } else if (href) {
+    Component = 'a' // render as <a> if `href` is provided
+  } else if (onClick) {
+    Component = 'button' // render as <button> if `onClick` is provided
+  }
+
+  const anchorProps = href ? {href} : {}
+
+  return (
+    <Component
+      {...rest}
+      {...anchorProps}
+      onClick={onClick}
+      onFocus={onFocus}
+      id={id?.toString()}
+      className={clsx(classes.IssueLabel, className)}
+      data-variant={fillColor ? undefined : variant}
+      style={fillColor ? getColorsFromHex(fillColor, resolvedColorScheme, bgColors[mode]) : undefined}
+    >
+      {text}
+    </Component>
+  )
+}
diff --git a/packages/react/src/experimental/IssueLabel/getColorFromHex.ts b/packages/react/src/experimental/IssueLabel/getColorFromHex.ts
new file mode 100644
index 00000000000..81aed0f5858
--- /dev/null
+++ b/packages/react/src/experimental/IssueLabel/getColorFromHex.ts
@@ -0,0 +1,143 @@
+import {getContrast} from 'color2k'
+import {Hsluv} from 'hsluv'
+import type {Hex} from './IssueLabel'
+
+/**
+ * transforms a hex color provided by the user into a color object with background and text colors
+ * @param colorHex — the hex color provided by the user
+ * @param colorScheme — the color scheme the user has currently set
+ * @param bgColor — the background color from the selected theme, needed to calc the contrast for the colors
+ * @returns
+ */
+export const getColorsFromHex = (
+  colorHex: Hex,
+  colorScheme = 'light',
+  bgColor: Hex,
+): React.CSSProperties | undefined => {
+  // start values for light mode
+  let bgLightness = 96
+  let lightnessIncrement: 1 | -1 = -1
+  let ratio = 4.5
+  // start values for dark mode
+  if (colorScheme.startsWith('dark')) {
+    bgLightness = 16
+    lightnessIncrement = 1
+    ratio = 5.5
+  }
+
+  // get hue and saturation value from hex color
+  // eslint-disable-next-line prefer-const
+  let {h, s} = hexToHsluv(colorHex)
+
+  // avoid intense bright colors
+  // Hue range: 58 - 198
+  // 58 marks the transition from yellow to yellow-green
+  // 198 makes the tranisiton from cyan to blue
+  // yellow, yellow-green, green, cyan, blue tend to be bright and intense
+  // Setting the hue range of 58 and 198 helps avoid bright colors
+  // saturation: represents the intensity of a color, measured as a percentage from 0 to 100. Capping at 70% to avoid intense bright colors
+  if (h >= 58 && h <= 198 && s > 70) {
+    s = 70
+  }
+  /**
+   * creating a background color from the provided hex color
+   */
+  const {colorHex: backgroundColor, lightness: currentBgLightness} = getColorWithContrast(
+    hsluvToHex({h, s, l: bgLightness}) as Hex,
+    bgColor,
+    1.2,
+    lightnessIncrement,
+  )
+
+  // avoid intense bright colors
+  if (h >= 58 && h <= 316 && s > 80) {
+    s = 80
+  }
+  /**
+   * creating a text color from with a contrast ratio of at least 4.5 to the generated background color
+   */
+  const {colorHex: textColor} = getColorWithContrast(
+    hsluvToHex({h, s, l: 50}) as Hex,
+    backgroundColor,
+    ratio,
+    lightnessIncrement as 1 | -1,
+  )
+
+  return {
+    '--label-bgColor-rest': backgroundColor,
+    '--label-bgColor-hover': hsluvToHex({h, s, l: currentBgLightness + 4 * lightnessIncrement}),
+    '--label-bgColor-active': hsluvToHex({h, s, l: currentBgLightness + 8 * lightnessIncrement}),
+    '--label-fgColor': textColor,
+    '--label-fgColor-hover': textColor,
+    '--label-fgColor-active': textColor,
+  } as React.CSSProperties
+}
+/**
+ * Changes the lightness of a hex color until the contrast ratio is reached and returns the new hex color
+ * @param colorHex — initial hex color
+ * @param bgHex — color to check the contrast against
+ * @param contrastRatio — the contrast ratio to reach
+ * @param increment — the direction to change the lightness depending on the color scheme
+ * @returns the new hex color
+ */
+const getColorWithContrast = (
+  fgColor: Hex,
+  bgColor: Hex,
+  contrastRatio: number,
+  increment: 1 | -1,
+): {colorHex: Hex; lightness: number} => {
+  const hsluv = hexToHsluv(fgColor)
+  let color: string = fgColor
+
+  // change lightness until contrast is reached
+  while (getContrast(color, bgColor) < contrastRatio && hsluv.l > 0 && hsluv.l < 100) {
+    hsluv.l += increment
+    color = hsluvToHex(hsluv)
+  }
+
+  return {
+    colorHex: color as Hex,
+    lightness: hsluv.l,
+  }
+}
+
+/**
+ * Takes a hex value and returns the hue, saturation and lightness for HSLuv as an object
+ * @param hex user provided hex string
+ * @returns an object with the hue, saturation and lightness values
+ */
+const hexToHsluv = (
+  hex: Hex,
+): {
+  h: number
+  s: number
+  l: number
+} => {
+  // convert hex to hsluv
+  const color = new Hsluv()
+  color.hex = hex
+  color.hexToHsluv()
+  // extract h, s and l values
+  const {hsluv_h: h, hsluv_s: s, hsluv_l: l} = color
+  // return h, s, l as an object
+  return {h, s, l}
+}
+/**
+ * Takes an object with hue, saturation and lightness values and returns a hex string
+ * @param hex user provided hex string
+ * @returns an object with the hue, saturation and lightness values
+ */
+const hsluvToHex = ({h, s, l}: {h: number; s: number; l: number}): string => {
+  // create a new HSLuv color object and assign values
+  const color = new Hsluv()
+  // eslint-disable-next-line camelcase
+  color.hsluv_h = h
+  // eslint-disable-next-line camelcase
+  color.hsluv_s = s
+  // eslint-disable-next-line camelcase
+  color.hsluv_l = l
+  // convert hsluv to hex
+  color.hsluvToHex()
+  // return hex string
+  return color.hex
+}
diff --git a/packages/react/src/experimental/IssueLabel/index.ts b/packages/react/src/experimental/IssueLabel/index.ts
new file mode 100644
index 00000000000..481b8c4b5d7
--- /dev/null
+++ b/packages/react/src/experimental/IssueLabel/index.ts
@@ -0,0 +1,2 @@
+export {IssueLabel} from './IssueLabel'
+export type {IssueLabelProps} from './IssueLabel'
diff --git a/packages/react/src/experimental/index.ts b/packages/react/src/experimental/index.ts
index 92c6c4c24c1..f131cf11e6b 100644
--- a/packages/react/src/experimental/index.ts
+++ b/packages/react/src/experimental/index.ts
@@ -73,5 +73,7 @@ export type {FeatureFlagsProps} from '../FeatureFlags'
 
 export {FilteredActionList} from '../FilteredActionList'
 export type {FilteredActionListProps} from '../FilteredActionList'
+export {IssueLabel} from './IssueLabel'
+export type {IssueLabelProps} from './IssueLabel'
 
 export * from '../KeybindingHint'