fix(theme): improve color contrast of live code block header (#11120)

JackHowa · web-flow · commit fef6c4c8cb22 · 2025-05-02T13:52:38.000-04:00
fix: Ensure accessibility of live code block contrast with background update
diff --git a/packages/docusaurus-theme-live-codeblock/src/theme/Playground/Header/styles.module.css b/packages/docusaurus-theme-live-codeblock/src/theme/Playground/Header/styles.module.css
@@ -16,6 +16,6 @@
 }
 
 .playgroundHeader:first-of-type {
-  background: var(--ifm-color-emphasis-600);
+  background: var(--ifm-color-emphasis-700);
   color: var(--ifm-color-content-inverse);
 }

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,6 @@`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`.playgroundHeader:first-of-type {`
`19`		`- background: var(--ifm-color-emphasis-600);`
	`19`	`+ background: var(--ifm-color-emphasis-700);`
`20`	`20`	`color: var(--ifm-color-content-inverse);`
`21`	`21`	`}`