`invalid` scope invisible in light theme

[texastoland]

From inspector:

language	        yaml-tmlanguage
standard token type	Other
foreground	        #F8F8F0
background	        #FF3399
contrast ratio	    3.18
textmate scopes	    invalid.illegal.unrecognized.yaml-tmlanguage
                    meta.repository-block.yaml-tmlanguage
                    source.yaml-tmlanguage
foreground	        invalid
                    { "foreground": "#F8F8F0", "background": "#FF3399", "fontStyle": "" }

From theme:

vscode-tinacious-design-syntax/themes/Tinacious Design (Light)-color-theme.json

Lines 677 to 685 in 79fe14a

	{
	"name": "Invalid",
	"scope": "invalid",
	"settings": {
	"background": "#FF3399",
	"fontStyle": "",
	"foreground": "#F8F8F0"
	}
	},

But VS Code ignores scope backgrounds so it looks like:
https://polypane.app/color-contrast/#fg=#F8F8F0&bg=#f8f8ff&level=aa&format=hex

[texastoland]

I tried JSON Key - Level 4 red. Its contrast was too close to Keyword pink. I switched to the dark theme's foreground gray in my user settings instead. It's also closer to the current Invalid white.

"editor.tokenColorCustomizations": {
  "[Tinacious Design (Light)]": {
    "textMateRules": [
      {
        "scope": "invalid",
        "settings": {
          "foreground": "#B3B3D4"
        }
      }
    ]
  }
}

How it looks:
https://polypane.app/color-contrast/#fg=#B3B3D4&bg=#f8f8ff&level=aa&format=hex