推荐一个自用的配色方案,以及各个设置的具体含义:

  "workbench.colorCustomizations": {
    "editor.wordHighlightBorder": "#b20eafce",  // 光标划选或单击选中时,与选择内容相同的区域边框颜色。一般针对非首次出现的变量
    // "editor.wordHighlightBackground": "", // 光标划选或单击选中时,与选择内容相同的区域的颜色。一般针对非首次出现的变量
    "editor.wordHighlightStrongBackground": "#b20eaf6f",  //光标点击选中状态(写访期间)的背景颜色, 也即变量首次出现的选中背景颜色

    "editor.selectionBackground": "#306498e8", //选中文本的背景颜色,针对所有,不区分变量和字符串
    "editor.selectionHighlightBackground": "#1adc319d", // 光标划选时,与选择内容相同的区域的颜色。一般针对字符串
    // "editor.wordHighlightTextBackground": "",  //点击字符串时,自动分割的段落的背景色
    "editor.lineHighlightBorder": "#146484", //光标所在行的边框颜色
    "editorWhitespace.foreground": "#f4c079",  //空格颜色
    "tab.activeBackground": "#077290", //活动文件的标签颜色
  },

记录一个坑

在本地项目设置时,用户的settings.json是存储在本地的。如果此时用remote打开远程服务器的项目,虽然也是用本地的settings.json渲染颜色,但是如果远程服务器的用户配置文件也存在同类别的颜色设置,那么会以远程的配色方案为主。

利用这个规则,可以实现本地和远程项目的不同配色方案。

如果要想两者配色一致的话,需要将远程服务器中的用户配置删除,具体做法是:

先快捷键Ctrl + Shift + P,输入并选择 Preferences: Open Remote Settings (JSON)。然后在这个打开的配置文件中,删除与本地配置相同的设置项。

再放一个链接,这里是官方对颜色配置项的详细解释:https://vscode.js.cn/api/references/theme-color

更多推荐