change font size of context-menu

[ide5kllc]

Context

• This issue is not a bug report. (please use a different template for reporting a bug)
• This issue is not a duplicate of an existing issue. (please use the search to find existing issues)

Description

I know that it is possible to change the font-size of the EDITOR via:

monaco.editor.create(..., { fontSize: ... })

However, this does not seem to change the font size of the context-menu (from right click).

Is there a way to change the font size of the context-menu ?

[tamayika]

I digged VSCode codebase and found it is impossible now.

• There is no option to set CSS for context menu.
• Context menu is shown in Shadow DOM.
• Menu dom in Shadow DOM does not have part attribute, so we cannot apply css from outside of Shadow DOM.

@hediet
Please add part attribute with suitable value to this dom.

[tamayika]

BTW, if you do not warry about ugly styling, please try to disable shadow dom with useShadowDOM=false.

ex.

monaco.editor.create(document.getElementById('container'), {
	value: "function hello() {\n\talert('Hello world!');\n}",
	language: 'javascript',
	useShadowDOM: false,
});

.monaco-menu {
    font-size: 20px;
}