Как изменить цвета deltaDecoration в зависимости от светлой / темной темы в монако-редакторе

Question

Я использую deltaDecorations, чтобы выделить часть моего текста, но их цвета должны меняться в зависимости от того, светлая или темная тема.

Как мне этого добиться?

Answer 1

deltaDecorations будет просто устанавливать имена классов в текстовых интервалах. Задача css состоит в том, чтобы сопоставить их со стилями (цветами).

В редакторе monaco все темы, наследуемые от светлой темы, имеют класс vs в корневом div, а темы, наследуемые от темной темы, будут иметь vs-dark в корневом div.

Предоставляя таким образом 2 набора правил для ваших классов, таких как

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

Должен сделать свое дело.