VScode主题自己修改细节

H.762

已于 2024-07-11 16:01:40 修改

阅读量636

点赞数 7

文章标签： vscode ide 编辑器

于 2024-04-23 18:46:29 首次发布

本文链接：https://blog.csdn.net/weixin_62678525/article/details/138135217

版权

插件粉色主题Lotus Light超漂亮！不过对我来说有三点不太喜欢：

1.选项卡用黑线分割，我个人感觉不是很和谐2.代码缩进的黑线，同样也感觉不和谐

3.代码补全，第一行是白色的，真的看不清！

解决办法如下：

（参考网址颜色主题 | Visual Studio 代码扩展 API_ Vscode中文网 (github.net.cn)）

点击在setting.json里配置

在文件最后大括号前面加下面的代码

      "workbench.colorCustomizations": {
        "[Lotus Light]": {
          "tab.border":"#e4bdbd", // 选项卡分割线
          "editorIndentGuide.background":"#f6c9e1", //缩进的提示线
          "editorSuggestWidget.selectedForeground": "#ab5a6db0" //代码提示里选中行的字体颜色！
        }
      },

效果：

更新：选中文本有两种情况，图1是

editor.selectionBackground: 所选内容的背景色

图2是

editor.wordHighlightBackground: 读取访问期间符号的背景色，例如读取变量时。颜色需带有透明度，以免遮挡底层样式

图2看不清，所以在setting.json里加一行

"editor.wordHighlightBackground":"#f9d2d2"

效果如图：

更新：不太喜欢加号斜体。这个涉及字体的样式（italic/bold/无样式...）

在setting.json加以下代码：

      "editor.tokenColorCustomizations": {
        "[Lotus Light]": {

        // "functions": { //函数的名字
        //   "fontStyle": "" //默认无样式
        // },

        // "keywords": { //函数前的def，匿名函数的lambda，for的in等
        //   "fontStyle": ""  //默认斜体
        // },

        // "strings": {  //带""的参数，比如下面这行的bold，但不包括这行的strings
        //   "fontStyle": "bold"  //默认斜体
        // },

        "textMateRules": [{
          "scope":"keyword.operator",
          "settings": {
            "fontStyle": ""
          }
        }]
        }
        }

前面注释掉的”functions"等和操作符斜体没关系，是出于好奇做的尝试。

编写Makefile文件，发现大段浅色的字，影响阅读

解决方法：改source.makefile

        "textMateRules": [
          {
            "scope": "keyword.operator",
            "settings": {
              "fontStyle": ""
            }
          },
          {
            "scope": "source.makefile",
            "settings": {
              "foreground": "#a2a2a2"    //也是浅灰色但相对明显一点
            }
          }
        ]

改"scope": "meta"也行，不知怎么解释。source.makefile是读该主题的源文件发现的，参考：

修改 vscode 中主题注释中文的斜体格式_vscode中注释的斜体在哪改啊-CSDN博客

更新：

现在不太喜欢这些斜体，下面说明一种通过改插件源码把斜体改成正体的方法

源码一般在"C:\Users\<用户名>\.vscode\extensions\skyliss.lotus-theme-1.1.4\themes\lotus-dark-theme.json"

打开vscode，ctrl+p打开命令，输入>scope