自定义设置 VSCode 编辑器各种颜色

前言

vscode 的扩展插件十分强大,在里面可以找到许多自己喜欢的插件,本人很喜欢 Solarized Light 的代码主题风格,但是也有美中不足的地方:
该主题的注释和背景稍有不搭,在浅蓝色的代码面板里面很难看清楚, 可是又不想换掉 Solarized Light 的整体风格, 于是写下下面的代码方便自定义修改各种颜色 :

步骤:
  1. 文件 > 首选项 > 设置 或者 直接默认快捷键 "ctrl + , " 打开设置面板:
    打开设置面板

  2. 打开常用设置面板 左上角的 json 设置文件 :
     json 设置文件

  3. 在原 json 文件中追加如下代码 (颜色需求自定义):

"workbench.colorCustomizations": {
    
    
      "editor.selectionBackground": "#e41fda7e",   //选中高亮
      "editor.background": "#C7EDCC",       	  //背景颜色
  },
  "editor.tokenColorCustomizations":{
    
    
      "comments": "#9ea023da",      //注释
      "keywords": "#0a0", 			// 关键字
      "variables": "#f00", 			// 变量名
      "strings": "#18170fbd", 		// 字符串
      "functions": "#5b99fcc9", 	// 函数名
      "numbers": "#AE81FF" 			// 数字
  },

猜你喜欢

转载自blog.csdn.net/weixin_44356804/article/details/102884316