vscode编写html代码颜色高亮,vs code配色与语法高亮自定义，vscode配色高亮

{

"editor.fontSize": 16,

"editor.suggestFontSize": 0,

"editor.fontFamily": "Source Code Pro ExtraLight,华文细黑,yaheiInconsolata",

// "editor.fontFamily": "yaheiInconsolata,华文细黑",

// "editor.fontFamily": "Source Code Pro ExtraLight,华文细黑",

// "editor.fontFamily":"Source_Code_Pro-雅黑 混合体",

"window.titleBarStyle": "custom",

"workbench.editor.labelFormat": "default",

"window.title": "${dirty}${activeEditorLong}${separator}${separator}${appName}",

"workbench.editor.tabSizing": "shrink",

"workbench.iconTheme": "vs-seti",

"search.collapseResults": "alwaysExpand",

//编辑操作

"editor.multiCursorModifier": "alt", // 多行编辑

"editor.cursorStyle": "line", // 光标样式

"editor.stablePeek":true,

"emmet.triggerExpansionOnTab": true,

"workbench.sideBar.location": "left",

"window.openFilesInNewWindow": "off",

//自动补全

"javascript.suggest.enabled": true,

"typescript.suggest.enabled": true,

//预处理，不活动的代码调光，即灰暗与否

"C_Cpp.dimInactiveRegions": true,

"C_Cpp.inactiveRegionBackgroundColor": null,

"C_Cpp.inactiveRegionForegroundColor": "#ffffff",

"C_Cpp.inactiveRegionOpacity": 0.5,

//取色器

"editor.colorDecorators": true,

//自定义颜色

"workbench.colorCustomizations": {

//编辑器

"editor.background": "#393939",

"editor.foreground": "#ffffff",

"editorIndentGuide.background": "#686666", // 缩进参考线

"editorIndentGuide.activeBackground": "#7c7b7b", // 缩进参考线

"editorCursor.foreground": "#ffffff", // 光标颜色

"list.hoverBackground": "#003cff", // 鼠标所在行的颜色

//字符选择时的高亮

"editor.lineHighlightBorder": "#8a8787", // 光标所在行边框颜色

"editor.lineHighlightBackground": "#393939", // 单击所选内容边框的颜色

"editor.selectionForeground": "#393939", // 单击所选内容的颜色

"editor.selectionBackground": "#032ff1", // 双击所选内容的颜色

"editor.selectionHighlightBackground": "#393939", // 与所选择的字符匹配的字符

"editor.selectionHighlightBorder": "#f1ff31", // 与所选择的字符匹配的字符的边框

"editor.hoverHighlightBackground": "#063ef7",

//弹出小窗口：选项设置提示窗口，源代码补全窗口

"editorSuggestWidget.background": "#262626", // 弹出小窗口的背景

"editorSuggestWidget.foreground": "#ffffff",

"editorSuggestWidget.border": "#fbff14", // 弹出小窗口的边框

"editorSuggestWidget.selectedBackground": "#a78e04", // 当前所选行高亮

"editorSuggestWidget.highlightForeground": "#00ff37", // 与输入内容匹配的字符的颜色

//弹出窗口：选项设置提示窗口，源代码补全窗口,同上面的效果一样

// "editorWidget.background": "#393939", // 弹出小窗口的背景

// "editorWidget.border": "#fbff14", // 弹出小窗口的边框

// "list.focusBackground": "#837a00", // 当前所选行高亮

// "list.highlightForeground": "#00ff37", // 与输入内容匹配的字符的颜色

//--------------------------------------

//光标悬停在字符上时弹出的提示框

"editorHoverWidget.border": "#f0ff18", // 光标悬停在字符上时弹出的提示框

"editorHoverWidget.background": "#393939",

//标题栏

"editorGroupHeader.tabsBackground": "#393939", // 标题栏未使用的地方

"tab.hoverBackground": "#000000", // 鼠标悬停在标题上的颜色

"tab.border": "#555555", // 标题栏标题间隔线

"tab.activeBorderTop": "#393939",

"tab.activeBorder": "#fffb00", // 活动标签底边框

"tab.activeBackground": "#393939",

"tab.activeForeground": "#9dff00", // 活动标签颜色

"tab.inactiveBackground": "#393939",

"tab.inactiveForeground": "#ffffff", // 非活动标签颜色

"titleBar.activeBackground": "#393939",

"titleBar.activeForeground": "#ffffff", // 菜单栏颜色

//分割线

"contrastBorder": "#555555", // 板块分割线

"titleBar.border": "#555555", // 标题栏与菜单栏之间分割线

"activityBar.border": "#ffffff", // 左侧边栏分割线

//资源管理器

"sideBar.background": "#393939", // 资源管理器栏背景色

"sideBar.foreground": "#ffffff", // 资源管理器栏前景色

"sideBar.border": "#cacaca", // 资源管理器栏边框色

"sideBarTitle.foreground": "#03f0e4", // 资源管理器标题色

"sideBarSectionHeader.foreground": "#1fbfff", // 工作区标题色

"list.activeSelectionBackground": "#000000", // 资源管理器所选文件背景色

//侧边栏

"activityBar.background": "#393939",

"activityBar.foreground": "#00ffff",

"activityBar.inactiveForeground": "#ffffff",

//终端

"terminal.foreground": "#ffffff",

//状态栏、输出栏

"statusBarItem.hoverBackground": "#001aff",

"statusBar.background": "#393939",

"panelTitle.inactiveForeground": "#ffffff",

"panelTitle.activeForeground": "#a6ff00",

"panel.background": "#393939",

"panel.border": "#a1a1a1", // 输出栏分割线

//滚动条

"scrollbarSlider.background": "#666666",

"scrollbarSlider.hoverBackground": "#73ff01",

"scrollbarSlider.activeBackground": "#73ff01",

//速览窗口

"peekViewEditor.background": "#353333",

"peekViewResult.background": "#161616",

"peekView.border": "#ffffff",

//搜索输入框

"input.background": "#000000",

"input.border": "#ffffff",

"input.foreground": "#ffffff",

"focusBorder": "#00ccff",

//括号匹配

"editorBracketMatch.background": "#ff0000"

},

// "better-comments.highlightPlainText": true,

"editor.tokenColorCustomizations": {

"textMateRules": [

{

"scope": [

"comment.line",

"comment.block",

"comment.block.documentation",

"comment",

],

"settings": {

"foreground": "#209730"

}

},

{

"scope": [

"constant.character.escape", /* 换行符 */

"constant.numeric", /* 数字 */

"emphasis"

],

"settings": {

"foreground": "#ff81ee"

}

},

{ /* 预处理“#if”等的括号；宏定义的参数括号及代码段 */

"scope": "meta.preprocessor",

"settings": {

"foreground": "#ffffff"

}

},

{ /* 函数定义与声明的参数以及括号；宏定义代码段的参数及括号 */

"scope": "meta.function",

"settings": {

"foreground": "#ffffff"

}

},

{ /* 函数实体的所有大括号和变量，包括宏定义的代码段 */

"scope": "meta.block",

"settings": {

"foreground": "#ffffff"

}

},

{

"scope": "support.function", /* 库函数 */

"settings": {

"foreground": "#39ffef"

}

},

{

"scope": "entity.name.type", /* 结构、联合名 */

"settings": {

"foreground": "#00be75"

}

},

{

"scope": "support.type", /* 类型别名，即typedef别名 */

"settings": {

"foreground": "#35a4ff"

}

},

{

"scope": "variable.other", /* 结构成员解引用 struct member */

"settings": {

"foreground": "#9ee41c"

}

},

{

"scope": "variable.parameter", /* 宏定义参数 */

"settings": {

"foreground": "#ffffff"

}

},

{

"scope": [

"entity.name.function", /* 宏名；函数名，包括原型、调用、声明 */

"constant.character",

],

"settings": {

"foreground": "#a9ebff"

}

},

{

"scope": "meta.function-call", /* 函数调用参数*/

"settings": {

"foreground": "#ffffff"

}

},

{

"scope": "keyword.operator", /* 运算符 */

"settings": {

"foreground": "#cf8dcf"

}

},

{

"scope": "keyword.operator.logical", /* 逻辑运算符 */

"settings": {

"foreground": "#ffffff"

}

},

{

"scope": [

"keyword.control", /* 预编译条件判断，关键字 */

"storage.modifier", /* static、const等 */

"storage.type" /* void，变量类型限定符 */

],

"settings": {

"foreground": "#ffec41"

}

},

{

"scope": [

"punctuation.terminator", /* 分号(代码终止符) */

"punctuation.separator" /* 逗号 */

],

"settings": {

"foreground": "#f7b9ff"

}

},

],

},

"clang.cflags": [],

"clang.completion.enable": false,

"clang.completion.completeMacros": false,

"clang.executable": "C://Program Files/LLVM/bin/clang",

"files.encoding": "gb2312",

"files.autoSave": "off",

"update.channel": "none",

"[c]": {},

}