VSCode颜色主题自定义

进入vscode的设置页面，打开setting.json文件，可以进行用户自定义配置

• 注:vscode版本1.51.0，操作系统win10
  

自定义界面ui配色

//界面ui的颜色在该参数下编辑
"workbench.colorCustomizations":{
   }

• 配置文件内的设置会优先生效
  

自定义编辑器内代码颜色

//语法高亮颜色在该参数下编辑
"editor.tokenColorCustomizations":{
   }

• 1.数据类型匹配
  可以直接通过基本的数据类型关键字改变编辑器内代码颜色
  

• 2.文本内容匹配
  为了方便更精确的改变编辑器内的语法高亮,vscode可以通过"TM"规则的文本作用域来自定义一些代码段的颜色

• 如何查看作用域:

  • 1.按快捷键F1或者组合键ctrl+shift+p打开命令输入框，输入关键字“scopes”，找到并选择“开发人员：检查编辑器标记和作用域”选项；

  • 2.点击代码中想要改变颜色的代码段，即可显示关于该代码段的说明和作用域，然后将其复制并粘贴到setting.json文件里的"scope"字段下，即可。
    *可以看到一个代码段的作用域可能有多个，它们分别代表着不同的作用范围（作用范围由小到大自上而下排列，也就是说，最上面的一条代表着范围最小最精确的作用域）。
    *参考链接：https://geek-docs.com/vscode/vscode-tutorials/vscode-modify-editor-color-matching.html

• 
  
  

控制台内容自定义配色

控制台（终端）内的文字颜色和打印内容的颜色vscode好像不能直接从settings.json文件里设置，
不过只要终端能够解释ANSI转义序列，就能够使用ANSI转义序列输出颜色
*（具体内容可以参考这里：https://www.cnblogs.com/opangle/p/4082692.html）

配置示例

以下是我的settings.json文件的配置代码，以供参考。
（更完整的主题颜色配置说明，可以阅读vscode关于主题配色的官方说明文档。链接：https://www.cnblogs.com/opangle/p/4082692.html）

{
   
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "Solarized Dark",
    "editor.fontFamily": "Consolas, Small Fonts, Segoe MDL2 Assets, Lucida Console, Comic Sans MS, Calibri, 幼圆, Consolas, monospace, 'Courier New'",
    "window.zoomLevel": 0,
    // "editor.codeActionsOnSave": null,

    //终端
    "terminal.integrated.cursorBlinking": true,//控制终端光标是否闪烁
    "terminal.integrated.lineHeight": 1.1,//终端的行高
    // "terminal.integrated.letterSpacing": 0.1,
    // "terminal.integrated.fontSize": 11, //字体大小设置
    // "terminal.integrated.fontFamily": "Small Fonts, Lucida Console", //字体设置
    // "terminal.integrated.shell.linux": "/bin/zsh",
    // "terminal.integrated.shell.windows": null,//终端在 Windows 上使用的 shell 的路径

    //各个ui组件颜色设置
    "workbench.colorCustomizations": {
   
        //顶部菜单栏
        "titleBar.activeBackground": "#002C39",//窗口处于活动状态时顶部菜单栏背景色
        // "titleBar.activeForeground": "#ff0000",//窗口处于活动状态时顶部菜单栏前景色
        "titleBar.border": "#04799c",//顶部菜单栏边框颜色
        "titleBar.inactiveBackground": "#6c7679",//窗口处于非活动状态时顶部菜单栏背景色
        // "titleBar.inactiveForeground": "#ff0000",//窗口处于非活动状态时顶部菜单栏前景色

        //底部状态栏
        "statusBar.background": &