如何修改monaco-editor中的行号颜色?
修改Monaco Editor行号颜色的方法
要修改行号颜色,直接在你定义主题的colors配置中添加对应的颜色属性即可:
- 普通行号颜色:使用
editorLineNumber.foreground - 当前选中行的行号颜色:使用
editorLineNumber.activeForeground
修改后的主题代码如下:
monaco.editor.defineTheme('my-dark', { base: 'vs-dark', inherit: true, rules: [ { token: 'global', foreground: '84d6f7', fontStyle: "bold" }, { token: 'keyword', foreground: 'f86d7c', fontStyle: "bold" }, { token: 'comment', foreground: '666666' }, { token: 'number', foreground: 'fcc600' }, { token: 'string', foreground: 'ffc43a' }, ], colors: { "editor.background": '#191919', // 设置普通行号颜色 "editorLineNumber.foreground": '#888888', // 设置当前选中行的行号颜色 "editorLineNumber.activeForeground": '#ffffff' } });
你可以根据需求替换上面的十六进制颜色值,保存后重新加载主题就能看到行号颜色的变化。
内容的提问来源于stack exchange,提问作者RodrigerScroge
相关产品推荐
相关产品推荐

