Can not create two editor with different theme

[WangYuLue]

monaco-editor version: 0.14.2 & 0.18.1
Browser: chrome 69
OS: macOS Mojave 10.14
Playground code that reproduces the issue:

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


monaco.editor.create(document.getElementById("container1"), {
	value: "function hello() {\n\talert('Hello Monaco!');\n}",
        theme: 'vs-dark',
	language: "javascript"
});

<div id="container" style="height:30%;"></div>
<hr>
<div id="container1" style="height:30%;"></div>

I set dark theme and light theme, but all show dark theme

[yunliang-ding]

You can try..
const ed1 = monaco.editor
const ed2 = monaco.editor // Other monaco
ed1.create(...)
ed2.create(...)

[shmish111]

I can report the same thing, @yunliang-ding your solution didn't seem to work. In my case I am actually calling create at two different times:

exports.create_ = function (monaco, nodeId, languageId, themeName) {
  console.log(nodeId);
  console.log(languageId);
  console.log(themeName);
  const editor = monaco.editor.create(nodeId, {
    value: [
      'Close'
    ].join('\n'),
    language: languageId,
    theme: themeName,
  });
  return editor;
}

Note here that monaco references the same object coming from webpack entry point:

import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
global.monaco = monaco;

This is a real issue for me now 😢

[shmish111]

Also note that all other things that depend on languageId seem to work just fine (TokensProvider, DocumentFormattingEditProvider etc). For example, for one of the editors I provide a DocumentFormattingEditProvider but for the other I do not. If I press f1 on each editor then only 1 has access to "Format Document" as expected.

[shmish111]

Ah, I discovered that setTheme exists but it is a global thing: https://microsoft.github.io/monaco-editor/api/modules/monaco.editor.html#settheme

so this issue then is a feature request to move setTheme to https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.istandalonecodeeditor.html or some other way of achieving the same thing.

[shmish111]

I've been changing the theme every time I switch, not ideal though and it only works for me since I never have 2 editors on screen at the same time

[14glwu]

the same problem, how to solve?

[Oleksandr-Silin]

Is it planned to be fixed?

[joaohenrifranco]

Have you guys found any workarounds?

[keyon17]

how to solve?

[praylee]

I am also here to look for solutions. Didn't work for me at v0.36.1. Do we get a fix now?

[zerobytes]

This is related.
#338 (comment)

[hediet]

/duplicate #338