Code Highlighting breaks on default light media

[Muhammed-Abdullah-Shaikh]

The default browser appearance is light.
When switched to dark mode, using the theme icon, the code highlighting break.

Expected Behavior

The background color in pre tag should be dark

Actual Behavior

The background color in pre tag is light even if dark dome is selected

Steps to Reproduce the Problem

N.A.

Any logs, error output, etc?

Current Behavior:

Expected should be

What versions of software are you using?

• Furo50 Version: 1.0.0-alpha.1
• Platform: Windows10
• Browser: Microsoft Edge 128.0.2739.42

[github-actions]

Hey @Muhammed-Abdullah-Shaikh! Thanks for your contribution. Please wait while the maintainers review your message.

[github-actions]

Hey @Muhammed-Abdullah-Shaikh! Thanks for creating this issue. Please wait while the maintainers review your issue.

[github-actions]

Hey @ABD-01! Thanks for your contribution. Please wait while the maintainers review your message.

[github-actions]

Hey @ABD-01! Thanks for your contribution. Please wait while the maintainers review your message.

[ABD-01]

Ignore the bot.
I need to fix that workflow

[Muhammed-Abdullah-Shaikh]

I believe it is caused by

furo50/src/furo50/_static/css/cs50.css

Lines 2 to 10 in a48d448

	pre {
	border: 1px solid var(--color-background-border); /* light: #dee2e6 dark: #495057*/
	background-color: #f8f9fa;
	}
	@media (prefers-color-scheme: dark) {
	body:not([data-theme="light"]) pre {
	background-color: inherit;
	}
	}