VS Code Boxy Solarized Light 护眼配色方案

打开VS code  ,首先安装扩展主题插件Boxy Theme Kit;如下图所示:

VS Code Boxy Solarized Light 护眼配色方案

安装好后接着设置颜色主题为Boxy Solarized Light;

但是默认是编辑器背景是主题颜色方案,如下图所示:

 

 

 

VS Code Boxy Solarized Light 护眼配色方案

然后修改用户设置,在setting.json这个配置文件里输入以下代码:

{
    "editor.fontSize": 16,                          //设置字体大小
    "editor.mouseWheelZoom": true,                  //设置鼠标滚轮滑动控制编辑界面大小
    "workbench.sideBar.location": "left",
    "C_Cpp.updateChannel": "Insiders",
    "workbench.colorTheme": "Boxy Solarized Light", //设置默认主题
   
    "editor.fontWeight": "700",                     //设置字体加粗
    "editor.lineHeight": 24,
    "workbench.iconTheme": "vscode-great-icons",    //这是扩展图标美化
    "workbench.colorCustomizations": {
    "[Boxy Solarized Light]": {
       
        "editor.background": "#fdf6e3",             //修改编辑器背景颜色
        "sideBar.background": "#fdf6e3",            //修改文件目录栏颜色
        "activityBar.background": "#eee8d5",        //修改最左侧工具边栏颜色   
    },
         
},

}

复制以上代码保存即时生效,如下图所示:

VS Code Boxy Solarized Light 护眼配色方案

配色方案参考sublime text3的Boxy Solarized Light ★ Iowa 配色方案;配色是自己用ps利用小技巧做出来的,总体上感觉不错。