Monaco 在同一页面上的多个编辑器上编辑不同的主题?

问题描述 投票:0回答:2

同一页面的不同编辑器可以设置不同的主题吗?还是全球主题?

我在控制台中尝试了 monaco.editor.setTheme('vs') ,它更改了所有编辑器主题。

我尝试在配置中设置不同的主题,但它们看起来仍然相同。谢谢。

monaco-editor
2个回答
2
投票

我知道,这个问题很老了,但我也有同样的问题。 经过一番研究,我在 GitHub 上发现了这个Issue。据摩纳哥的开发者称,这是一个功能,而不是一个错误;)所以功能请求仍然开放,但他们不打算实现它。 不幸的是,在我看来,这是摩纳哥编辑的 KO 标准。


0
投票

您可以使用 css 覆盖特定编辑器的主题。 这样你就可以在多个编辑器上拥有不同的主题。

这是在聚焦时更改编辑器背景的示例:

.monaco-editor.focused {
  --vscode-editor-background: #000000;
}

您可以通过将类分配给特定编辑器,然后使用 CSS 分配主题来进一步实现此目的:

.myclass .monaco-editor.focused {
  --vscode-editor-background: #000000;
}

主题颜色在这里: https://code.visualstudio.com/api/references/theme-color

只需修改 CSS 的命名(例如

editor.background
=>
--vscode-editor-background

© www.soinside.com 2019 - 2024. All rights reserved.