Fixes code example colour contrast (#2708)

Co-authored-by: Hippo <[email protected]>
withastro · Jan 10, 2025 · 442c819 · 442c819
1 parent 29a885b
commit 442c819
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/warm-coins-refuse.md b/.changeset/warm-coins-refuse.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Fixes colour contrast correction in code blocks
diff --git a/packages/starlight/integrations/expressive-code/theming.ts b/packages/starlight/integrations/expressive-code/theming.ts
@@ -79,6 +79,7 @@ export function applyStarlightUiThemeColors(theme: ExpressiveCodeTheme) {
 
 	// Set theme `bg` color property for contrast calculations
 	theme.bg = isDark ? '#23262f' : '#f6f7f9';
+	theme.colors['editor.background'] = theme.bg;
 	// Set actual background color to the appropriate Starlight CSS variable
 	const editorBackgroundColor = isDark ? 'var(--sl-color-gray-6)' : 'var(--sl-color-gray-7)';