Skip to content

[Bug] Option editor.selectionForeground does not work #5192

@vitonsky

Description

@vitonsky

Reproducible in vscode.dev or in VS Code Desktop?

  • Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

Monaco Editor Playground Link

https://microsoft.github.io/monaco-editor/playground.html?source=v0.55.1#XQAAAAKqLAAAAAAAAABBqQkHQ5NjdMjwa-jY7SIQ9S7DNlzs5W-mwj0fe1ZCDRFc9ws9XQE0SJE1jc2VKxhaLFIw9vEWSxW3yscyb4bmOOQ5IgqMrQKs8_2EC2C-USLEKSl0VeXkg-7XgP_KUgzQmYsB89qXlvLk2yg6Epin4SaSIZDkDFJM5gDJljl9rbJZ-jOocuQQ9oTSffy4X2qOhkdS2WmivPfDYex5GjwgWnAO3LYsSfxUvy6H2gInwkWXQolYMZieakD0V8z4128JiuZNt6B3Roj_grCY1k1iBycsVtlDEm-sRt1FODPVeU2YSyAtjHogAmn8nhw_0PJQ8Bone8DGLutha2LNbPWyXZClJAD5ymqEj5A5xebBoJo6cvN6n8ku-sJhtRLtBMo30KIVD8aUSHeTBYJ6FDZQjUaKsOo7g4aDpiKhP-ciTbJHZDAHCut-aTVBm_x83hF7rLN8tsNN7Gr-y8le28OZalDDtq0dic14stpfmCNqwwG0TUOIvdwygky5z8crzDbqUc1XcQcLKUKMUDJW5_2FLXa5fguocTfCw37nYr0EYbdmRyyvBfZdPfuC2GlhSK2Zsh6G9uRl6wny7bKNeYxUwIkNzxvcKGS4QvjsbeNnrqHWFenH22ipcWQPO2rT2RWCIAo_gJoJw0BOj1mrGF0_NXMkDwMivGlClDODkTE6TmP6AiNmGF5b_pRckyfGLcbu0GXmXdgY3wlMh6u6Afv_esiM0j6sH43Ggfpwl_K-oJFQgVy1JBs3bVxH1HL9_T4mKsk2qyQv4iv7j7hmPvvMesvvkxqASpxkBOav1sOrt5NRF1ZZy6U_WMiscl6xh0QSrga2bR5_yXcvw9wetPyvq6C4IXaFym-u01sslSMOE7jAoZYVm80RT0vqQEL9ZJLOfg1RvvuVJfU6QNOkCXCRzMjNZoTN5Q2QCjkvvLsMKlEY9Egy-jdD0p2r3Sb3ser5r-rB3WJPWMeHyCLLnJqGyblUP7wpZmsRWesyQXvcU2Ugy9VMcs2pozh2VuAh1ZvjtNeRhuXq11u2F4YgeXP-HQbBMUTEtsIqIT_GLhfMN0KKS-DXeBetp6AeeK9oxtl107hUxMr7rLBER-orYaXzYk4iWfjFJewzkwFjd2KLz-Jg7q945LpMTdm1K20rQeRbJbdQ-PlbDdirtQp5KLsVkVgtpZqeYl1Z6l5fLVsod49IQyaXrNRIydluZPw_4bnS9hkb_rxKq91OAaRifHSEpvPgzZ1nD4eW0Eidin9AMw0oULttXJUWOe337Hd3dQyKPfLjCb63IJ73fCtECXcpbeiWGD2toJ_TbMIC9FE1U1rfBs5YLByIdLJujkCiFreElIvopTOlkIxMM9DqfdxGRxlz1_qU4PeVKWdGWsHzPxU0kRswG5NYpMSsIPYsj6o3EzEeE0DxkRlzr-qi8xjzC51lbT8cs9n4EUHQc_KrgzW_xdi9tj7wOLZbjjLZpS37MTuflW_m3KxgTQVM6D_4TZHaKIyEejURpUqtcHuHIqQ0uAmua8BgsuEfYxdpr7TiC1Ca4errHrKxqUi-ZyHI60kIB0B8411H7GvKslO1r9FH6IJYpzGFoYOa4jhpRSL5e9VzDoi_ZuQjBZRWX0RwGH7nrvNNgWxxoENcnSBZCvWSmCiBLU9yl-laO4tZpBXtKkIaghbQgLzMu5pC_YYJtCBPV8EAOUvF1fx48Ih1awICb9UdHEVnNbDIkKjLRoXt2cdW2FeHqldP4fw23wtuVXP1dXnel-OZM-KEIAbvv0rpRx_06X3KlASM72a73eaJIdPGr6aavnz-2aHIjjA9X_zUYm59Wjp33XNmxor9ibaaqrE-s79VEeEPI_DZ0NZcUCCFgDO9rHTplHRrUqIjeDdqlxqY3gXJnhLeNAtYGOGq3OXRIoeigvxi92n1GypLRCY3nZFRTwNBW_pgFPnUqBb5XyIMwpM2nt4rhsNJ8iiKUpEHFHM8msHADl76nRezrgWA5wvktLcmSaTnAG4LHkQk8Wkuzn9o5JRTyfO-bURRqD6PDEbOfT-LO4W1KnEifgt2WXO3R4IEjHBQNpc0kU9lKfXO0DyiZ4FTLu_QR-zEE3uOOZ0uATcsw59yi6bkQKrY13zvw24pDnkDGCIYZknguVasEgqNmIKt-8AJOTQ8BLwhmgT0wh-6KhiYyHjeKieit2L9lElGKZZnguPsKDEnS5MkNUtLwXjRkue8ZIIBnyZNSkUXSaefp0dfh84M-lp6vOPVbRIp8ZW4T2Ndfx7CAFFMwYeazs434g18xeKczjM9RsG9YbroXFhj7z4iV5Z91SCDBovITzQ76kBDdUsLSrm0fp4qCHvTGlCxZFe2dhIznDkS3v_x-A05b0WflrNjuE3WYF-JLrz7zHkAlCLUl4ZSJRjzJ_hZaGlEsWC05-nbS-1SfKubDGZXlDYOcPTjzmP9q_rSNOr3iPhkJmD5wey-IdaA_aFiG8uWf-qaAgvvXewF9uMgKHOyInV3FbtCsX2UA81ZopX47VDtNB5Qc44lVt5WxvgGVnQT6c6phbcak0J-yMVGZdE95orlHiS5J_y5_f7Pdv3xUt5KHzIs2Yet3m5rx7aCICuYbcGp_QnpVxOtjQhaBILy5bSBYubm_nmWEMOtPXvSwuoNfmxjSAED6b00Jx4naBtOkd4pfbG7fIX8lyDmjRsk6v82NihPN-x60etykF5eini0z9_BCyM9FdDIZNQP412Uw-SWbo6LdpkxtEZsoPjI9qIZ6lk-4XqiYcD0vUtQu0ojgIJsswSEVlSBLEt6MlEYDFFRdH3s69UhYN-rxMPOxkqdkmA_Bh4RNGv1Z6zZuiOdxyStqjCstDHi7dBQoSid3id2IWkGYkKHIITRQeDXJ63tcwFRgtm3ara-jYHS95EbVVK2JEkpzBnOuqAahIG-2yj-rcqZ4ylI_6ukngo6JFebvysu-7nG74tTF-h2MP7na_gQzVr37gBCodFmGPuQB0fZeQsOjyvYIWBzrN0wz9huLT3eLQ_oCGV3rC5f6f-6i1dUf6HGk-w3gvRo-kjbc9b0HwQGUYgl57nZD-FmeFwW0vsP5lnD2o-A7XFsIynE1fR_UMQf76nNtVEhLCwA66FdXAxZejwalAcy_9xlTl2ODjhNlGZSQpGNqUlfBi3K1l_5H51enV6Z3mB0Of6Kw6qyzuBWFUHrqIIZog64ndY_HxhXdXCu1fHNU5Dzmwj64InDn_QEuv_cRiP2u69Y9xMHqRxZ1tvmeAGrLL6SHQZSjR_0TK2pA8VZVJWAzNpARIZrAzX1O_LOtr0W8oU_6YbU89tq6vcpd-h0bwXRF8S1tccLvrfMyX8z-lUQL5XoesQdPI40lpt9CCZMlgReA44bjH9NVMRyXF3vWdRTcdpmBkz3y-yBzGs-RBog8VspJtzf_9p3AaM

Monaco Editor Playground Code

monaco.editor.defineTheme("myTheme", {
	base: "vs",
	inherit: true,
	rules: [],
	colors: {
		"editor.foreground": "#8B0000",
		"editor.selectionForeground": "#008800",
	},
});
monaco.editor.setTheme("myTheme");

monaco.editor.create(document.getElementById("container"), {
	value: "My to-do list:\n* buy milk\n* buy coffee\n* write awesome code",
	language: "text/plain",
	fontFamily: "Arial",
	fontSize: 20,
});

Reproduction Steps

Try to set a style for a selected text.

Actual (Problematic) Behavior

Option editor.selectionForeground are completely ignored by Monaco editor

Expected Behavior

Option editor.selectionForeground must change color of selected text as described in example

Color of the selected text for high contrast.

Additional Context

This behaviour breaks our dark theme:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions