css syntax coloring doesn't work properly with css custom media

[massimo-cassandro]

CSS files using custom media queries (e.g. @media (--desktop-down) {..}) have incorrect syntax highlighting (see attached image)

Does this issue occur when all extensions are disabled?: Yes

It occurs in vscode insiders too

• VS Code Version: 1.103.0
• OS Version: OSX 15

Steps to Reproduce:

1. Create a css file using custom media syntax

[RedCMD]

dup:

• https://github.com/microsoft/vscode/issues?q=in%3Atitle%20css%20media

[romainmenke]

This is because of the nested CSS and is unrelated to the custom media.
This can be closed in favor of: #9

@massimo-cassandro Can you also provide code and not only a screenshot in the future?
A screenshot can't be copy/pasted.

---

@media (color) {
	body {
		color: red;
	}
}

body {
	@media (color) {
		color: red;
	}
}

[massimo-cassandro]

Installing the extension suggested in #9 seems to solve the problem