VsCode字体颜色修改和背景图片修改字体高亮

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、自己修改的颜色对比

VsCode字体颜色修改和背景图片修改字体高亮相关推荐

JQuery修改background-image背景图片
JQuery修改background-image背景图片使用: var src = ' ../resource/images/top-img.png'; $("#videoCoverLay ...
input修改样式背景图片
input修改样式背景图片 <p class="choose" @click="additem(item,idx)"><input type= ...
锁定计算机背景图片,浅谈win7系统中电脑开机的背景图片修改方法
在操作电脑中无奇不有,为了让电脑变得更有个性,特别用户就想改掉原有的经典的WINDOWS开机背景,换上自己喜欢的开机背景图片,在win7系统下对于怎么设置这个过程,下面豆豆来详细介绍下修改方法. 浅谈 ...
如何修改 POWERPOINT2007 背景图片
如何修改PPT2007背景图片今天碰到了一个问题,想要把PPT的母板背景图片改掉,结果研究了半天没有效果!经过半天搜索终于找到高人支招,现将方法分享一下! 视图>幻灯片模版>视图> ...
Markdown (CSDN) MD编辑器（二）- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
目录 1.Markdown现有的文本样式. 2.HTML的font标签-改字体.字体颜色.字体大小. 3.HTML的mark标签-标记文本 4.HTML的strong标签-加粗文本 5.HTML的em ...
R语言ggplot2可视化改变字体大小实战：单个图片设置字体大小、全局设置字体大小
R语言ggplot2可视化改变字体大小实战:单个图片设置字体大小.全局设置字体大小目录
Button扩展累CButtonST修改字体、背景色和背景图片
CButtonST m_btnTest; //修改字体颜色 m_btnTest.SetColor(CButtonST::BTNST_COLOR_FG_OUT, RGB(255,255,255)); m ...
matplotlib修改背景颜色和插入背景图片
文章目录 matplotlib怎么修改背景颜色? 1.通过matplotlib的相关参数修改 2.插入背景图片 matplotlib怎么修改背景颜色? 1.通过matplotlib的相关参数修改使用 ...
linux终端背景图片,ubuntu开关机背景颜色grub登录背景图片的修改
先来一张壁纸 ubuntu做为当今天下最优秀的桌面系统linux的一个分支,它越来越变得简单和易用. 但是,初次接触到ubuntu这个系统的人都有一个直观到感受,就是:"这个系统怎么这么丑? ...
VSCode背景图片修改
运行VSC,并安装作者名为shalldie的background拓展通过拓展右下角的小齿轮进入拓展设置,取消勾选 Use Default(使用默认图片) 在拓展设置界面找到Custom Images ...

VsCode字体颜色修改和背景图片修改字体高亮

VsCode字体颜色修改和背景图片修改字体高亮相关推荐

最新文章

热门文章

VsCode字体颜色修改和背景图片修改 字体高亮

VsCode字体颜色修改和背景图片修改 字体高亮相关推荐

最新文章

热门文章

VsCode字体颜色修改和背景图片修改字体高亮

VsCode字体颜色修改和背景图片修改字体高亮相关推荐