experimental/SelectPanel v2: Fix heading color (#4757)

* set default foreground color for dialog * Create real-bees-vanish.md * test(vrt): update snapshots --------- Co-authored-by: siddharthkp <[email protected]>
primer · Jul 22, 2024 · d4f23fb · d4f23fb
1 parent f0fc748
commit d4f23fb
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/real-bees-vanish.md b/.changeset/real-bees-vanish.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+experimental/SelectPanel v2: Fix heading color for dark themes
diff --git a/...ectPanel.test.ts-snapshots/drafts-SelectPanel-Default-dark-colorblind-linux.png b/...ectPanel.test.ts-snapshots/drafts-SelectPanel-Default-dark-colorblind-linux.png
diff --git a/.../SelectPanel.test.ts-snapshots/drafts-SelectPanel-Default-dark-dimmed-linux.png b/.../SelectPanel.test.ts-snapshots/drafts-SelectPanel-Default-dark-dimmed-linux.png
diff --git a/...Panel.test.ts-snapshots/drafts-SelectPanel-Default-dark-high-contrast-linux.png b/...Panel.test.ts-snapshots/drafts-SelectPanel-Default-dark-high-contrast-linux.png
diff --git a/.../drafts/SelectPanel.test.ts-snapshots/drafts-SelectPanel-Default-dark-linux.png b/.../drafts/SelectPanel.test.ts-snapshots/drafts-SelectPanel-Default-dark-linux.png
diff --git a/...ectPanel.test.ts-snapshots/drafts-SelectPanel-Default-dark-tritanopia-linux.png b/...ectPanel.test.ts-snapshots/drafts-SelectPanel-Default-dark-tritanopia-linux.png
diff --git a/packages/react/src/drafts/SelectPanel2/SelectPanel.tsx b/packages/react/src/drafts/SelectPanel2/SelectPanel.tsx
@@ -249,6 +249,7 @@ const Panel: React.FC<SelectPanelProps> = ({
           // reset dialog default styles
           border: 'none',
           padding: 0,
+          color: 'fg.default',
           '&[open]': {display: 'flex'}, // to fit children
 
           '&[data-variant="anchored"], &[data-variant="full-screen"]': {