Skip to content

Commit 1caf5af

Browse files
authored
fix(stories): remove automatic media query (#95176)
Sets [`useDarkModeMediaQuery `](https://expressive-code.com/reference/configuration/#usedarkmodemediaquery) to fix a visual bug with codeblocks for light mode users. **Before** <img width="848" alt="codeblock-before" src="https://github.com/user-attachments/assets/314d6c71-ccd4-49be-acc6-bc60e11d4d29" /> **After** <img width="834" alt="codeblock-after" src="https://github.com/user-attachments/assets/b2ac33ee-6085-4d29-abca-75ec66b22466" />
1 parent cade9ca commit 1caf5af

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

rspack.config.ts

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -301,7 +301,14 @@ const appConfig: Configuration = {
301301
remarkGfm,
302302
remarkCallout,
303303
],
304-
rehypePlugins: [rehypeExpressiveCode],
304+
rehypePlugins: [
305+
[
306+
rehypeExpressiveCode,
307+
{
308+
useDarkModeMediaQuery: false,
309+
},
310+
],
311+
],
305312
},
306313
},
307314
],

0 commit comments

Comments
 (0)