[Bug] Background color does not seems to be working on monaco.editor.defineTheme rules section.

[ydeshayes]

Reproducible in vscode.dev or in VS Code Desktop?

• Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

• Not reproducible in the monaco editor playground

Monaco Editor Playground Link

https://microsoft.github.io/monaco-editor/playground.html?source=v0.46.0#XQAAAAJKJAAAAAAAAABBqQkHQ5NjdMjwa-jY7SIQ9S7DNlzs5W-mwj0fe1ZCDRFc9ws9XQE0SJE1jc2VKxhaLFIw9vEWSxW3yscyHRb9Iq55Xb-rPT1GuIFKCdKF69bZ7LRIRgUhPL2LL-t-aLTil5TT4Jw0S5CZKoD9ATfrsIIWhSL9MGaWtV7Vy0W539nwXs75e6vfBicHw6WfD09pPNr4hAuIkAiuvQPJ-iqwP7lhdw4S2cJ5F1yjhFWiZPj0uxGNLAdE08cJo6WMQgS47f5rGXJaM78Ze71kg12vQIDSFReNHSsJnmHji4VW-ZQ5phvKn2auNxldAhWWRqJbutsGfAnNiXMvNzSwnONxAeMjzX-AvLz5Dn4rEnZZyA4j9ekOI5EyPayMmOUcqiuDNUZ7hSnZtk-OlOlg3upMMQi5gZ7Rckp8sf3XaFBROEMfNTBm7n56Koea4L4WSsowHFI02rjlAA3B-U4kktxoSHd6X_neA3VlVN0S1SJgxEmNah6iCIyg4QdJ45F7iuMlQmizl6NgBGRZWOMvNpBaaqED3pdCj8VlbcUZb_IFsSLkA8l6Is8-L-EO9ankMxMP86SFyPDSq4WldMuFeAEz7PxA9Yis1bVacZeUdX_PHiG79KzBoRL0B_fAVBHZTcLH84UuTDjia1Mfuh5pAosNBicyQpk8Ie7v409Gj136_SnCPMfRYsl5vUq3NwWr8wI9UMHbIdxyTK2hOoHAzvyW1Ffp3yjEbTSR6gOS76Y-DvQo5eKBG6OjR2CcBRNYCulwkOE0zDRrnpIkZG8pJt_STDWSrjfAGDxHpKb0y0pkmXruWrkaGU2YqPOq55Btu6CA5w21o3dUkpCYobqxV0SmSMWf09yRBnsf4iDj0oHbLNSuH0PqgY5LHdXg0vhRI-y0SWfOYjNg3CiELacIYRCtyIdngL9ndMmxyYk_suWKLoGETE5taf_IjpALsw4ndER5Gk69-QIQMKY_HkQR3zv0FbFTivy7NuLgDqP_j_bE6zmY3VXs_ivn7O7KdX4w7zryrHkEGUfyjYIU2R6zcPo1Yl5mZ5ZMTA--Wgur_7eUdcqsb9Srqrp8rYavJlx5Ipy79DNxwiNqvbLwOdscWe-zbEzapgKsgng2fprGGc--RIpk-T8rRlAsAn9ql3KCz3VY_Aa_YZNlUdGEvbspCoI4tPYG-dvvHB3W7YEAcrn114VCkgxts84tDwdFFswwQpr-GIt5F51ASLVyIsdGo-imRgB_9KKP5vaQEbsu3nibgkZhle2v_jwxI5nHM3JFRPRhe4bD0xCa7oLQ_JbkT6cokDlzqKzaIAjQiOo3CLNMAAHOdw-Ri3aZHiYizs1FhTS16Y8JLqU4as5XoQtWLwCe8ouA6-3zIzHl21T_Cy4Gho5-6maNuIrkd4JppRwP1aahkk-K9Nuk0mb7wjG-4l_0R9hZxIKkGoEthcgrT5Zq0BIsOQhwqBXghqYuDysQdL2HBhIvlj8tLV7bEJEbFbTe9yzJKV6-0Ql-dp3DxJcWoTLo9fZa1wiyxDxUlZNni6K0A0GAqeUiLxEcHpqHQY9B8E-WiL0JLmfr57IE4nD5Qq2IxmB0AuG3JPrnS6f-qoBnyJ_mcoCtBR0jBpwWd-NIsRmt3AbW63Z8g-9oZ0qYX1xZGRDXGb9RjaYDXk1pcR1rXch3E6wclRs9BmWg4-LzgYUmR4ThYkRYdCVEqp1fd5Ov1jUIL1IPIYJAmVziSkGKZMHsDBkNrUMp4V1z-Cub7d68C7mNvo9FBi0_6gIormI9T0YZqO5j1QwKyjrb1_Q5KuoRRhS3TFc-IwMS44cRGds47jwI1M-pl7GAqRdY2X-FhuqGUcCOifbirZBMa3BV2BoGYDVoQ-DGcMiAc7_9s3Ge0DuoUbhZbsK2G0eNWBzsgZOTPClAwU8pRVYnigdrvlnc3Fc3ZyH7YPkaoP0xSM-bEJgPnLMc01ozyf6Fun-PfJX8Lpde9CjgRa-c6FDDpnOWc3CSHSGEH5cHDYWCINlL4_nzoe3M8IDCEixsUqidLrNQHZ3JXEvZOclUyPP_qOCqRA

Monaco Editor Playground Code

// Register a new language
monaco.languages.register({ id: "mySpecialLanguage" });

// Register a tokens provider for the language
monaco.languages.setMonarchTokensProvider("mySpecialLanguage", {
	tokenizer: {
		root: [
			[/\[error.*/, "custom-error"],
			[/\[notice.*/, "custom-notice"],
			[/\[info.*/, "custom-info"],
			[/\[[a-zA-Z 0-9:]+\]/, "custom-date"],
		],
	},
});

// Define a new theme that contains only rules that match this language
monaco.editor.defineTheme("myCoolTheme", {
	base: "vs",
	inherit: false,
	rules: [
		{ token: "custom-info", background: "808080" },
		{ token: "custom-error", foreground: "ff0000", fontStyle: "bold" },
		{ token: "custom-notice", foreground: "FFA500" },
		{ token: "custom-date", background: "FFA500" },
	],
	colors: {
		"editor.foreground": "#000000",
	},
});

// Register a completion item provider for the new language
monaco.languages.registerCompletionItemProvider("mySpecialLanguage", {
	provideCompletionItems: (model, position) => {
		var word = model.getWordUntilPosition(position);
		var range = {
			startLineNumber: position.lineNumber,
			endLineNumber: position.lineNumber,
			startColumn: word.startColumn,
			endColumn: word.endColumn,
		};
		var suggestions = [
			{
				label: "simpleText",
				kind: monaco.languages.CompletionItemKind.Text,
				insertText: "simpleText",
				range: range,
			},
			{
				label: "testing",
				kind: monaco.languages.CompletionItemKind.Keyword,
				insertText: "testing(${1:condition})",
				insertTextRules:
					monaco.languages.CompletionItemInsertTextRule
						.InsertAsSnippet,
				range: range,
			},
			{
				label: "ifelse",
				kind: monaco.languages.CompletionItemKind.Snippet,
				insertText: [
					"if (${1:condition}) {",
					"\t$0",
					"} else {",
					"\t",
					"}",
				].join("\n"),
				insertTextRules:
					monaco.languages.CompletionItemInsertTextRule
						.InsertAsSnippet,
				documentation: "If-Else Statement",
				range: range,
			},
		];
		return { suggestions: suggestions };
	},
});

monaco.editor.create(document.getElementById("container"), {
	theme: "myCoolTheme",
	value: getCode(),
	language: "mySpecialLanguage",
});

function getCode() {
	return [
		"[Sun Mar 7 16:02:00 2004] [notice] Apache/1.3.29 (Unix) configured -- resuming normal operations",
		"[Sun Mar 7 16:02:00 2004] [info] Server built: Feb 27 2004 13:56:37",
		"[Sun Mar 7 16:02:00 2004] [notice] Accept mutex: sysvsem (Default: sysvsem)",
		"[Sun Mar 7 16:05:49 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 16:45:56 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 17:13:50 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 17:21:44 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 17:23:53 2004] statistics: Use of uninitialized value in concatenation (.) or string at /home/httpd/twiki/lib/TWiki.pm line 528.",
		"[Sun Mar 7 17:23:53 2004] statistics: Can't create file /home/httpd/twiki/data/Main/WebStatistics.txt - Permission denied",
		"[Sun Mar 7 17:27:37 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 17:31:39 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 17:58:00 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 18:00:09 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 18:10:09 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 18:19:01 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 18:42:29 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 18:52:30 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 18:58:52 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 19:03:58 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 19:08:55 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 20:04:35 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 20:11:33 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 20:12:55 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 20:25:31 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 20:44:48 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 20:58:27 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 21:16:17 2004] [error] [client xx.xx.xx.xx] File does not exist: /home/httpd/twiki/view/Main/WebHome",
		"[Sun Mar 7 21:20:14 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 21:31:12 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 21:39:55 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Sun Mar 7 21:44:10 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 01:35:13 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 01:47:06 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 01:59:13 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 02:12:24 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 02:54:54 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 03:46:27 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 03:48:18 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 03:52:17 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 03:55:09 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 04:22:55 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 04:24:47 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 04:40:32 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 04:55:40 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 04:59:13 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 05:22:57 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 05:24:29 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"[Mon Mar 8 05:31:47 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed",
		"<11>httpd[31628]: [error] [client xx.xx.xx.xx] File does not exist: /usr/local/installed/apache/htdocs/squirrelmail/_vti_inf.html in 29-Mar 15:18:20.50 from xx.xx.xx.xx",
		"<11>httpd[25859]: [error] [client xx.xx.xx.xx] File does not exist: /usr/local/installed/apache/htdocs/squirrelmail/_vti_bin/shtml.exe/_vti_rpc in 29-Mar 15:18:20.54 from xx.xx.xx.xx",
	].join("\n");
}

Reproduction Steps

• Add custom regex in the monarch tokenizer
• Use the token names in a custom theme and try to set the custom background color for those tokens

Actual (Problematic) Behavior

The custom background color set in the custom theme seems to be ignored, the foreground color is working. In the playground example we should see the date with a custom background color for example.

Expected Behavior

The background of the strings that matches the custom regex should have to color associated to the background color in the custom theme.

Additional Context

The playground code is not mine, I just changed an existing one to trigger the issue.

[ydeshayes]

Linking #586 that has been close