.monaco-класс редактора, перезаписывающий стили моих тем VSCode

#css #visual-studio-code

#css #visual-studio-code

Вопрос:

Я углубился в стили моей темы VSCode (2077), потому что я пытался изменить цвет фигурных скобок в JS, который имеет странный коричневый цвет. Я обнаружил, что они были оформлены классом с именем «.monaco-editor .ced-1-TextEditorDecorationType25-1» . Этот класс не существовал в CSS темы или любой другой темы и перезаписывал бы любые изменения, которые я пытался внести в тему. Когда я переключал темы, один и тот же класс сохранялся в каждой теме и перезаписывает любую тему, которую я активирую, применяя универсальный стиль для всех тем. Я знаю, что редактор monaco используется в VSCode, но я не вижу, чтобы он влиял на VSCode других людей так, как он влияет на мой. Мне было интересно, как перезаписать или изменить это, чтобы я мог контролировать, как выглядит тема?Спасибо за любую помощь!

Комментарии:

1. Используйте предполагаемый способ изменения тем. В нем есть поле settings.json , позволяющее переопределить любой цвет; или вы можете создать пользовательскую тему на основе той, которую вы используете сейчас.

Ответ №1:

Используете ли вы расширение VSCode vscode-jest ? Кажется, он устанавливает .monaco-editor классы. Попробуйте отключить его, перезагрузите и посмотрите, сохраняется ли проблема. Я испытал то же самое с классом .monaco-editor ced-TextEditorDecorationType4-0 , который создавал раздражающий фон для «непокрытого» исходного кода. Эти настройки выглядят сломанными: jest.coverageColors и jest.coverageFormatter .