自定义vscode主题颜色

自定义vscode主题颜色

自定义vscode主题颜色，设计出符合自己的主题颜色。 每次在敲代码的时候，有一些主题总会带来强烈的刺激感，让我感觉到模糊又不模糊的感觉，因此设计出一款自己的主题颜色，可以提升自己敲代码的效率，更可以提升自己每日的心情（每天看着舒服的编辑器，心情顿时就开心了）

1.如何自定义呢？

通过文件找到首选项->设置->进入setting.json进行配置

将一下俩个属性加入进去

{
    "workbench.colorCustomizations": {
        "[Monokai]":{  // [Monokai]主题的name
            "editor.selectionHighlightBorder": "",  // 与选择内容相同的区域的边框颜色
             // ....
        },
        
        
    },
    "editor.tokenColorCustomizations": {
        "[Monokai]":{  // [Monokai]主题的name
            "comments": "#7e3648", // 注释颜色
            "strings": "",  // 字符串的字体颜色
            "functions": "", // 函数名颜色
            "variables":"",  // 变量颜色
            "numbers": "", // 数字颜色
            "textMateRules": [ // 这里可以进行详细的一个配置
                {
                    "name": "Comment", 
                    "scope":[
                        "comment" 
                    ],
                    "settings": {
                        "foreground": "#a7cca8",
                        "fontStyle": ""
                    }
                },
            ]
        }
    }
}

workbench.colorCustomizations的属性字段可以在这里找到设置 点我

2.textMateRules里的属性

textMateRules里的属性字段的结构大概如下

{
    "name": "Comment", 
    "scope":[
        "comment" 
    ],
    "settings": {
        "foreground": "",
        "fontStyle": "",
        "background":""
    }
},

每个属性字段的解释

属性名	作用
name	描述性文字
scope	作用域，指定使用那些VSCode内部对象，其含义参看Scope Naming
setting -> background	背景色，可选
setting -> fontStyle	字体，可选，为bold、italic、underline
setting -> foreground	前景色，可选

列举的配置文件中中name所指定的参数的作用：

参数名(name)	描述
Character	字符
Class	类名
Comment	注释
Function	函数名
Keyword	关键字
Number	数值
Operator	运算符
Parameter	函数参数
Punctuation	标点符号
String	字符串
Type	内置类型
Variable	变量名

3.最后

上述几乎包含了所有你想要改的配置,想要符合自己的,只能自己亲自动手去花时间去配置,才能真正配置出你想要的配置