VS Code修改选中相同文字或代码后的颜色

2018-11-4 11,875 11/4
VS Code修改选中相同文字或代码后的颜色

Visual Studio Code(VS Code)编辑器鼠标光标放在代码中,相同的代码是不是非常不容易看见,代码少还比较容易,但是代码一多就不太容易一眼就看见了。还好VS Code除了可以更换主题外还有更好的选择,那就是直接修改选择相同代码后的颜色。

如何修改?

要自定义软件主题颜色官方给出了非常详细的代码,详细参考https://code.visualstudio.com/docs/getstarted/theme-color-reference

这里讲一下如何使用。

  1. "workbench.colorCustomizations": {  
  2.     "editor.selectionBackground""#aa0000"//修改选择文字的颜色  
  3. }  

复制上面的代码,然后打开 文件-首选项-设置(快捷键Ctrl+,)-然后打开settings.json后,如下图操作。粘贴后Ctrl+s保存,不需要重启会立即生效。

VS Code修改选中相同文字或代码后的颜色

我的配置文件设置代码

全选覆盖后保存就可以用,仅供参考

  1. {  
  2.     "git.ignoreMissingGitWarning"true,  
  3.     "breadcrumbs.enabled"true,  
  4.     "workbench.colorTheme""One Dark Pro",  
  5.     "editor.fontFamily""mononoki,Consolas, 'Courier New', monospace",  
  6.     "editor.renderLineHighlight""none",  
  7.     "editor.lineHeight": 18,  
  8.     "editor.roundedSelection"false,  
  9.     "editor.fontSize": 14,  
  10.     "workbench.colorCustomizations": {  
  11.         "editor.selectionHighlightBorder""#8e7f8200",//选择内容的边框颜色  
  12.         "editor.selectionHighlightBackground""#4c4a4b98",//选择内容的背景颜色  
  13.         "editorIndentGuide.activeBackground":"#81868d",//编辑器活动缩进参考线的颜色  
  14.         "editorBracketMatch.background":"#515a6b94",//匹配括号的背景色  
  15.         "tab.activeBackground""#454b58",//当前选项卡背景颜色  
  16.     }  
  17. }  
- THE END -
最后修改:2019年1月24日
0

非特殊说明,本博所有文章均为博主原创。

共有 0 条评论