如何根据摩纳哥编辑器中的明暗主题更改deltaDecoration颜色

时间:2018-10-31 17:44:55

标签: monaco-editor

我正在使用deltaDecorations突出显示某些文本,但是其颜色需要根据主题是浅色还是深色来更改。

我该如何实现?

1 个答案:

答案 0 :(得分:0)

deltaDecorations只会在文本范围内设置类名称。 css的工作是将它们映射到样式(颜色)。

在摩纳哥编辑器中,所有从浅色主题继承的主题在根div上都有一个“ vs”类,从黑暗主题继承的主题在根div上有“ vs-dark”。

因此为您的课程提供2套规则,例如

.vs .interface {color: blue};
.vs-dark .interface {color: red};

应该做到这一点。