How do we use themes Like monokai?

[ItsMeStevieG]

could you please provide an example for monokai or monokai bright?

[ItsMeStevieG]

Managed to work it out myself by doing the following:

npm install monaco-themes

then

import Editor, { DiffEditor, useMonaco, loader } from "@monaco-editor/react";
import "monaco-themes/themes/Monokai Bright.json";

function App() {
  const monaco = useMonaco();

  useEffect(() => {
    if (monaco) {
      console.log("here is the monaco isntance:", monaco);
      import('monaco-themes/themes/Monokai Bright.json')
        .then(data => {
          monaco.editor.defineTheme('monokai-bright', data);
        })
        .then(_ => monaco.editor.setTheme('monokai-bright'))
      // monaco.editor.defineTheme("monokai-bright").then(_ => monaco.editor.setMonacoTheme("monokai-bright"));
    }
  }, [monaco]);
...