1.打开VS Code编辑器,在编辑器中设置。根据以下步骤,打开settin.json文件。
2.在json文件中若有代码覆盖即可没有代码直接添加下面代码。看注释可以自定义设置喜欢的颜色。
{//设置用户选中代码段的颜色"workbench.colorCustomizations": {// "editorBracketMatch.background": "#f511bc",//匹配括号的背景色"editorCursor.foreground": "#fa1010",//编辑器光标颜色// "activityBar.background":"e4393c",//活动栏背景色// "activityBar.foreground":"#01cd78",//活动栏前景色,图标颜色// "editor.background":"#e4393c",//编辑器背景颜色// "editor.findMatchBackground":"#e4393c",//搜索项颜色// "editor.findMatchHighlightBackground":"#01cd78",//其他搜索项颜色// "editor.lineHighlightBackground":"#e4393c",//光标所在行高亮文本的背景颜色"editor.selectionBackground": "#710de4",//编辑器所选内容的颜色// "editor.selectionHighlightBackground": "#01cd78",//与所选内容具有相同内容的区域颜色// "editor.rangeHighlightBackground": "#e4393c",//突出显示范围的背景颜色,例如 "Quick Open" 和“查找”功能// "editorGutter.background": "#01cd78",//编辑器导航线的背景色,导航线包括边缘符号和行号"editorLineNumber.foreground": "#0fe6d4",//编辑器行号颜色// // "sideBar.background": "#01cd78",//侧边栏背景色// "sideBar.foreground": "#01cd78",//侧边栏前景色// "sideBarSectionHeader.background": "#01cd78",//侧边栏节标题的背景颜色// "statusBar.background": "#01cd78",//标准状态栏背景色// "statusBar.noFolderBackground": "#01cd78",//没有打开文件夹时状态栏的背景色// "statusBar.debuggingBackground": "#01cd78",//调试程序时状态栏的背景色// "tab.activeBackground": "#01cd78",//活动选项卡的背景色// "tab.activeForeground": "#01cd78",//活动组中活动选项卡的前景色// "tab.inactiveBackground": "#01cd78",// 非活动选项卡的背景色// "tab.inactiveForeground": "#01cd78",// 活动组中非活动选项卡的前景色// "terminal.foreground":"#01cd78",},// 函数名等颜色"editor.tokenColorCustomizations":{// "textMateRules": [//{// "scope":"",// "settings": {// "foreground": "#FF0000",// "fontStyle": "bold"// }//}// ],//规则与样式"functions": "#0d62b1",//函数颜色"strings": "#0fcf86",//字符串颜色"keywords": "#e7e410",//关键字颜色"types": "#9d12a1",//类型定义颜色"variables": "#1774df",//变量颜色"numbers": "#dd4719",//数字颜色"comments": "#9bf50bbb",//注释颜色},"vim.useCtrlKeys": false,"background.useFront": true,"background.useDefault": false, //是否使用默认图片"background.customImages": ["C:/Users/墨丿兮/Pictures/Camera Roll/qd7ord.png" //图片的路径],"background.style": {"content": "''","pointer-events": "none","position": "absolute", //定位"width": "100%","height": "100%","z-index": "99999","font-size":"26px","background.repeat": "no-repeat", //是否重复"background-size": "25%,25%", //图片大小"opacity": 0.5 //透明度},"window.zoomLevel": 2,"[html]": {"editor.defaultFormatter": "vscode.html-language-features"// "editor.defaultFormatter": "vscode.html-language-features"},// "files.autoSave": "onFocusChange",// "workbench.colorTheme": "Quiet Light","liveServer.settings.AdvanceCustomBrowserCmdLine": "","better-comments.tags": [// {//"tag": "!",//"color": "#FF2D00",//"strikethrough": false,//"underline": false,//"backgroundColor": "transparent",//"bold": false,//"italic": false// },// {//"tag": "?",//"color": "#3498DB",//"strikethrough": false,//"underline": false,//"backgroundColor": "transparent",//"bold": false,//"italic": false// },// {//"tag": "//",//"color": "#474747",//"strikethrough": true,//"underline": false,//"backgroundColor": "transparent",//"bold": false,//"italic": false// },// {//"tag": "todo",//"color": "#FF8C00",//"strikethrough": false,//"underline": false,//"backgroundColor": "transparent",//"bold": false,//"italic": false// },// {//"tag": "*",//"color": "#98C379",//"strikethrough": false,//"underline": false,//"backgroundColor": "transparent",//"bold": false,//"italic": false// }],"background.enabled": false,"launch": {"configurations": [],"compounds": []},"git.ignoreWindowsGit27Warning": true,"files.autoSave": "onFocusChange","liveServer.settings.CustomBrowser": "chrome","editor.codeActionsOnSave": null,"liveServer.settings.donotShowInfoMsg": true,"[javascript]": {"editor.defaultFormatter": "vscode.typescript-language-features"},// "editor.colorDecorators": true}
3、自己修改的颜色对比