基本结构

F1 搜索Open User Settings (JSON)打开用户设置JSON文件（以下称作UserJSON）

UserJSON配置格式

//https://www.jetbrains.com/zh-cn/lp/mono/#how-to-install
//安装常规字体JetBrainsMonoNL-Regular.ttf 和粗体 JetBrainsMonoNL-Bold.ttf 即可
{"workbench.colorCustomizations":{},//工作台颜色定制，下方有现成的代码块，粘贴到此对象中自行修改"editor.guides.bracketPairs": "active",//当前括号对突出显示"editor.suggestSelection": "recentlyUsed",//建议优先级(把最近使用过的排到前面)"editor.snippetSuggestions": "top",// 自定义的代码片段建议置顶"editor.fontSize": 13,//编辑区字体大小"editor.fontFamily": "'JetBrains Mono NL'",//该字体非常适合阅读代码，下载地址在上方//自定义某主题的代码颜色==========================colorTheme"workbench.colorTheme":"Visual Studio Dark",//当前使用的主题名(VSCode自带)"editor.tokenColorCustomizations":{"[Visual Studio Dark]":{//基础色彩，此处按ctrl+i会出现提示，就不一一详写了//示例"comments": {//注释"foreground": "#e389f7","fontStyle": "underline"},//编辑区文本色彩，下方有现成的代码块，参考自GitHub作者Derek Sifford"textMateRules":[//示例{"scope": ["entity.name.tag"], //控制区域：html标签"settings": { //样式设置"foreground": "#b6adad","fontStyle": "italic"}},]}}
}

工作台颜色配置

把下面对象中的属性粘贴进UserJSON的"workbench.colorCustomizations"//工作台颜色定制对象即可，这部分代码鼠标悬浮后都有中文提示，就不详写了

"editor.lineHighlightBackground": "#d7f8d72f"//当前行// "editor.selectionBackground": "#d7f8d7cf",//选中内容// "editorCursor.foreground": "#000", //光标"terminal.background": "#282A36","terminal.foreground": "#f6f6f4","terminal.ansiBrightBlack": "#7b7f8b","terminal.ansiBrightRed": "#f07c7c","terminal.ansiBrightGreen": "#78f09a","terminal.ansiBrightYellow": "#f6f6ae","terminal.ansiBrightBlue": "#d6b4f7","terminal.ansiBrightMagenta": "#f49dda","terminal.ansiBrightCyan": "#adf6f6","terminal.ansiBrightWhite": "#ffffff","terminal.ansiBlack": "#262626","terminal.ansiRed": "#ee6666","terminal.ansiGreen": "#62e884","terminal.ansiYellow": "#e7ee98","terminal.ansiBlue": "#bf9eee","terminal.ansiMagenta": "#f286c4","terminal.ansiCyan": "#97e1f1","terminal.ansiWhite": "#f6f6f4","focusBorder": "#7b7f8b","foreground": "#f6f6f4","selection.background": "#bf9eee","errorForeground": "#ee6666","button.background": "#44475A","button.foreground": "#f6f6f4","button.secondaryBackground": "#282A36","button.secondaryForeground": "#f6f6f4","button.secondaryHoverBackground": "#343746","dropdown.background": "#343746","dropdown.border": "#191A21","dropdown.foreground": "#f6f6f4","input.background": "#282A36","input.foreground": "#f6f6f4","input.border": "#191A21","input.placeholderForeground": "#7b7f8b","inputOption.activeBorder": "#bf9eee","inputValidation.infoBorder": "#f286c4","inputValidation.warningBorder": "#FFB86C","inputValidation.errorBorder": "#ee6666","badge.foreground": "#f6f6f4","badge.background": "#44475A","progressBar.background": "#f286c4","list.activeSelectionBackground": "#44475A","list.activeSelectionForeground": "#f6f6f4","list.dropBackground": "#44475A","list.focusBackground": "#44475A75","list.highlightForeground": "#97e1f1","list.hoverBackground": "#44475A75","list.inactiveSelectionBackground": "#44475A75","list.warningForeground": "#FFB86C","list.errorForeground": "#ee6666","activityBar.background": "#343746","activityBar.inactiveForeground": "#7b7f8b","activityBar.foreground": "#f6f6f4","activityBar.activeBorder": "#FF79C680","activityBar.activeBackground": "#BD93F910","activityBarBadge.background": "#f286c4","activityBarBadge.foreground": "#f6f6f4","sideBar.background": "#262626","sideBarTitle.foreground": "#f6f6f4","sideBarSectionHeader.background": "#282A36","sideBarSectionHeader.border": "#191A21","editorGroup.border": "#bf9eee","editorGroup.dropBackground": "#44475A70","editorGroupHeader.tabsBackground": "#191A21","tab.activeBackground": "#282A36","tab.activeForeground": "#f6f6f4","tab.border": "#191A21","tab.activeBorderTop": "#FF79C680","tab.inactiveBackground": "#262626","tab.inactiveForeground": "#7b7f8b","editor.foreground": "#f6f6f4","editor.background": "#282A36","editorLineNumber.foreground": "#7b7f8b","editor.selectionBackground": "#44475A","editor.selectionHighlightBackground": "#424450","editor.foldBackground": "#21222C80","editor.wordHighlightBackground": "#8BE9FD50","editor.wordHighlightStrongBackground": "#50FA7B50","editor.findMatchBackground": "#FFB86C80","editor.findMatchHighlightBackground": "#FFFFFF40","editor.findRangeHighlightBackground": "#44475A75","editor.hoverHighlightBackground": "#8BE9FD50","editor.lineHighlightBorder": "#44475A","editorLink.activeForeground": "#97e1f1","editor.rangeHighlightBackground": "#BD93F915","editor.snippetTabstopHighlightBackground": "#282A36","editor.snippetTabstopHighlightBorder": "#7b7f8b","editor.snippetFinalTabstopHighlightBackground": "#282A36","editor.snippetFinalTabstopHighlightBorder": "#62e884","editorWhitespace.foreground": "#FFFFFF1A","editorIndentGuide.background": "#FFFFFF1A","editorIndentGuide.activeBackground": "#FFFFFF45","editorRuler.foreground": "#FFFFFF1A","editorCodeLens.foreground": "#7b7f8b","editorBracketHighlight.foreground1": "#f6f6f4","editorBracketHighlight.foreground2": "#f286c4","editorBracketHighlight.foreground3": "#97e1f1","editorBracketHighlight.foreground4": "#62e884","editorBracketHighlight.foreground5": "#bf9eee","editorBracketHighlight.foreground6": "#FFB86C","editorBracketHighlight.unexpectedBracket.foreground": "#ee6666","editorOverviewRuler.border": "#191A21","editorOverviewRuler.selectionHighlightForeground": "#FFB86C","editorOverviewRuler.wordHighlightForeground": "#97e1f1","editorOverviewRuler.wordHighlightStrongForeground": "#62e884","editorOverviewRuler.modifiedForeground": "#8BE9FD80","editorOverviewRuler.addedForeground": "#50FA7B80","editorOverviewRuler.deletedForeground": "#FF555580","editorOverviewRuler.errorForeground": "#FF555580","editorOverviewRuler.warningForeground": "#FFB86C80","editorOverviewRuler.infoForeground": "#8BE9FD80","editorError.foreground": "#ee6666","editorWarning.foreground": "#97e1f1","editorGutter.modifiedBackground": "#8BE9FD80","editorGutter.addedBackground": "#50FA7B80","editorGutter.deletedBackground": "#FF555580","gitDecoration.modifiedResourceForeground": "#97e1f1","gitDecoration.deletedResourceForeground": "#ee6666","gitDecoration.untrackedResourceForeground": "#62e884","gitDecoration.ignoredResourceForeground": "#7b7f8b","gitDecoration.conflictingResourceForeground": "#FFB86C","diffEditor.insertedTextBackground": "#50FA7B20","diffEditor.removedTextBackground": "#FF555550","editorWidget.background": "#262626","editorSuggestWidget.background": "#262626","editorSuggestWidget.foreground": "#f6f6f4","editorSuggestWidget.selectedBackground": "#44475A","editorHoverWidget.background": "#282A36","editorHoverWidget.border": "#7b7f8b","editorMarkerNavigation.background": "#262626","peekView.border": "#44475A","peekViewEditor.background": "#282A36","peekViewEditor.matchHighlightBackground": "#F1FA8C80","peekViewResult.background": "#262626","peekViewResult.fileForeground": "#f6f6f4","peekViewResult.lineForeground": "#f6f6f4","peekViewResult.matchHighlightBackground": "#F1FA8C80","peekViewResult.selectionBackground": "#44475A","peekViewResult.selectionForeground": "#f6f6f4","peekViewTitle.background": "#191A21","peekViewTitleDescription.foreground": "#7b7f8b","peekViewTitleLabel.foreground": "#f6f6f4","merge.currentHeaderBackground": "#50FA7B90","merge.incomingHeaderBackground": "#BD93F990","editorOverviewRuler.currentContentForeground": "#62e884","editorOverviewRuler.incomingContentForeground": "#bf9eee","panel.background": "#282A36","panel.border": "#bf9eee","panelTitle.activeBorder": "#f286c4","panelTitle.activeForeground": "#f6f6f4","panelTitle.inactiveForeground": "#7b7f8b","statusBar.background": "#191A21","statusBar.foreground": "#f6f6f4","statusBar.debuggingBackground": "#ee6666","statusBar.debuggingForeground": "#191A21","statusBar.noFolderBackground": "#191A21","statusBar.noFolderForeground": "#f6f6f4","statusBarItem.prominentBackground": "#ee6666","statusBarItem.prominentHoverBackground": "#FFB86C","statusBarItem.remoteForeground": "#282A36","statusBarItem.remoteBackground": "#bf9eee","titleBar.activeBackground": "#262626","titleBar.activeForeground": "#f6f6f4","titleBar.inactiveBackground": "#191A21","titleBar.inactiveForeground": "#7b7f8b","extensionButton.prominentForeground": "#f6f6f4","extensionButton.prominentBackground": "#50FA7B90","extensionButton.prominentHoverBackground": "#50FA7B60","pickerGroup.border": "#bf9eee","pickerGroup.foreground": "#97e1f1","debugToolBar.background": "#262626","walkThrough.embeddedEditorBackground": "#262626","settings.headerForeground": "#f6f6f4","settings.modifiedItemIndicator": "#FFB86C","settings.dropdownBackground": "#262626","settings.dropdownForeground": "#f6f6f4","settings.dropdownBorder": "#191A21","settings.checkboxBackground": "#262626","settings.checkboxForeground": "#f6f6f4","settings.checkboxBorder": "#191A21","settings.textInputBackground": "#262626","settings.textInputForeground": "#f6f6f4","settings.textInputBorder": "#191A21","settings.numberInputBackground": "#262626","settings.numberInputForeground": "#f6f6f4","settings.numberInputBorder": "#191A21","breadcrumb.foreground": "#7b7f8b","breadcrumb.background": "#282A36","breadcrumb.focusForeground": "#f6f6f4","breadcrumb.activeSelectionForeground": "#f6f6f4","breadcrumbPicker.background": "#191A21","listFilterWidget.background": "#343746","listFilterWidget.outline": "#424450","listFilterWidget.noMatchesOutline": "#ee6666",

编辑区文本颜色

这个是修改特定主题的，放入"textMateRules"//编辑区文本色彩数组中即可，ctrl+F 搜索目录中的关键词就可找到对应板块修改

常见区域
1. Separators 分隔符如:=之类的
2. HTML tags HTML标签名
3. HTML/CSS attribute names 行内样式属性名
4. User-defined class names 用户定义的类名
5. Brackets, braces, parens, etc. 括号符
6. Strings 字符串
各类标记
1. markup.inserted 插入标记
2. markup.deleted 删除标记
3. markup.changed 交换标记
4. markup.error 错误标记
5. Underlined markup 下划线标记
6. Bold markup 粗体标记
JS逻辑等
1. Function names 函数名
2. Function parameters 函数参数
3. Constants 常量
4. Keywords 关键词
5. Built-in functions / properties 内置函数/属性
6. Dates / timestamps (serializable languages) 时间戳
7. Storage 存储类如let const
8. Types 类型
9. RegExp string 正则字符
10. RegExp start and end characters 正则起始
11. Variables and object properties 变量和对象属性
12. Non-capture operators 捕获操作符
13. SCSS attibute selector strings SCSS属性选择器字符串
14. SCSS attibute selector brackets SCSS属性选择器括号
15. Log file error log文件错误
16. Log file warning log文件告警
```
<br/>
```

配置

      "textMateRules": [{"scope": ["emphasis"],"settings": {"fontStyle": "italic"}},{"scope": ["strong"],"settings": {"fontStyle": "bold"}},{"scope": ["header"],"settings": {"foreground": "#bf9eee"}},{"scope": ["meta.diff","meta.diff.header"],"settings": {"foreground": "#7b7f8b"}},{"scope": ["markup.inserted"],"settings": {"foreground": "#62e884"}},{"scope": ["markup.deleted"],"settings": {"foreground": "#ee6666"}},{"scope": ["markup.changed"],"settings": {"foreground": "#FFB86C"}},{"scope": ["invalid"],"settings": {"foreground": "#ee6666","fontStyle": "underline italic"}},{"scope": ["invalid.deprecated"],"settings": {"foreground": "#f6f6f4","fontStyle": "underline italic"}},{"scope": ["entity.name.filename"],"settings": {"foreground": "#e7ee98"}},{"scope": ["markup.error"],"settings": {"foreground": "#ee6666"}},{"name": "Underlined markup","scope": ["markup.underline"],"settings": {"fontStyle": "underline"}},{"name": "Bold markup","scope": ["markup.bold"],"settings": {"fontStyle": "bold","foreground": "#FFB86C"}},{"name": "Markup headings","scope": ["markup.heading"],"settings": {"fontStyle": "bold","foreground": "#bf9eee"}},{"name": "Markup italic","scope": ["markup.italic"],"settings": {"foreground": "#e7ee98","fontStyle": "italic"}},{"name": "Bullets, lists (prose)","scope": ["beginning.punctuation.definition.list.markdown","beginning.punctuation.definition.quote.markdown","punctuation.definition.link.restructuredtext"],"settings": {"foreground": "#97e1f1"}},{"name": "Inline code (prose)","scope": ["markup.inline.raw","markup.raw.restructuredtext"],"settings": {"foreground": "#62e884"}},{"name": "Links (prose)","scope": ["markup.underline.link","markup.underline.link.image"],"settings": {"foreground": "#97e1f1"}},{"name": "Link text, image alt text (prose)","scope": ["meta.link.reference.def.restructuredtext","punctuation.definition.directive.restructuredtext","string.other.link.description","string.other.link.title"],"settings": {"foreground": "#f286c4"}},{"name": "Blockquotes (prose)","scope": ["entity.name.directive.restructuredtext","markup.quote"],"settings": {"foreground": "#e7ee98","fontStyle": "italic"}},{"name": "Horizontal rule (prose)","scope": ["meta.separator.markdown"],"settings": {"foreground": "#7b7f8b"}},{"name": "Code blocks","scope": ["fenced_code.block.language","markup.raw.inner.restructuredtext","markup.fenced_code.block.markdown punctuation.definition.markdown"],"settings": {"foreground": "#62e884"}},{"name": "Prose constants","scope": ["punctuation.definition.constant.restructuredtext"],"settings": {"foreground": "#bf9eee"}},{"name": "Braces in markdown headings","scope": ["markup.heading.markdown punctuation.definition.string.begin","markup.heading.markdown punctuation.definition.string.end"],"settings": {"foreground": "#bf9eee"}},{"name": "Braces in markdown paragraphs","scope": ["meta.paragraph.markdown punctuation.definition.string.begin","meta.paragraph.markdown punctuation.definition.string.end"],"settings": {"foreground": "#f6f6f4"}},{"name": "Braces in markdown blockquotes","scope": ["markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin","markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end"],"settings": {"foreground": "#e7ee98"}},{"name": "User-defined class names","scope": ["entity.name.type.class","entity.name.class"],"settings": {"foreground": "#97e1f1","fontStyle": "normal"}},{"name": "this, super, self, etc.","scope": ["keyword.expressions-and-types.swift","keyword.other.this","variable.language","variable.language punctuation.definition.variable.php","variable.other.readwrite.instance.ruby","variable.parameter.function.language.special"],"settings": {"foreground": "#bf9eee","fontStyle": "italic"}},{"name": "Inherited classes","scope": ["entity.other.inherited-class"],"settings": {"fontStyle": "italic","foreground": "#97e1f1"}},{"name": "Comments","scope": ["comment","punctuation.definition.comment","unused.comment","wildcard.comment"],"settings": {"foreground": "#7b7f8b"}},{"name": "JSDoc-style keywords","scope": ["comment keyword.codetag.notation","comment.block.documentation keyword","comment.block.documentation storage.type.class"],"settings": {"foreground": "#f286c4"}},{"name": "JSDoc-style types","scope": ["comment.block.documentation entity.name.type"],"settings": {"foreground": "#97e1f1","fontStyle": "italic"}},{"name": "JSDoc-style type brackets","scope": ["comment.block.documentation entity.name.type punctuation.definition.bracket"],"settings": {"foreground": "#97e1f1"}},{"name": "JSDoc-style comment parameters","scope": ["comment.block.documentation variable"],"settings": {"foreground": "#FFB86C","fontStyle": "italic"}},{"name": "Constants","scope": ["constant","variable.other.constant"],"settings": {"foreground": "#bf9eee"}},{"name": "Constant escape sequences","scope": ["constant.character.escape","constant.character.string.escape","constant.regexp"],"settings": {"foreground": "#f286c4"}},{"name": "HTML tags","scope": ["entity.name.tag"],"settings": {"foreground": "#808080"}},{"name": "CSS attribute parent selectors ('&')","scope": ["entity.other.attribute-name.parent-selector"],"settings": {"foreground": "#f286c4"}},{"name": "HTML/CSS attribute names","scope": ["entity.other.attribute-name"],"settings": {"foreground": "#97e1f1","fontStyle": "italic"}},{"name": "Function names","scope": ["entity.name.function","meta.function-call.object","meta.function-call.php","meta.function-call.static","meta.method-call.java meta.method","meta.method.groovy","support.function.any-method.lua","keyword.operator.function.infix"],"settings": {"foreground": "#62e884"}},{"name": "Function parameters","scope": ["entity.name.variable.parameter","meta.at-rule.function variable","meta.at-rule.mixin variable","meta.function.arguments variable.other.php","meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql","variable.parameter"],"settings": {"fontStyle": "italic","foreground": "#FFB86C"}},{"name": "Decorators","scope": ["meta.decorator variable.other.readwrite","meta.decorator variable.other.property"],"settings": {"foreground": "#62e884","fontStyle": "italic"}},{"name": "Decorator Objects","scope": ["meta.decorator variable.other.object"],"settings": {"foreground": "#62e884"}},{"name": "Keywords","scope": ["keyword","punctuation.definition.keyword"],"settings": {"foreground": "#f286c4"}},{"name": "Keyword \"new\"","scope": ["keyword.control.new","keyword.operator.new"],"settings": {"fontStyle": "bold"}},{"name": "Generic selectors (CSS/SCSS/Less/Stylus)","scope": ["meta.selector"],"settings": {"foreground": "#f286c4"}},{"name": "Language Built-ins","scope": ["support"],"settings": {"fontStyle": "italic","foreground": "#97e1f1"}},{"name": "Built-in magic functions and constants","scope": ["support.function.magic","support.variable","variable.other.predefined"],"settings": {"fontStyle": "regular","foreground": "#bf9eee"}},{"name": "Built-in functions / properties","scope": ["support.function","support.type.property-name"],"settings": {"fontStyle": "regular"}},{"name": "Separators (key/value, namespace, inheritance, pointer, hash, slice, etc)","scope": ["constant.other.symbol.hashkey punctuation.definition.constant.ruby","entity.other.attribute-name.placeholder punctuation","entity.other.attribute-name.pseudo-class punctuation","entity.other.attribute-name.pseudo-element punctuation","meta.group.double.toml","meta.group.toml","meta.object-binding-pattern-variable punctuation.destructuring","punctuation.colon.graphql","punctuation.definition.block.scalar.folded.yaml","punctuation.definition.block.scalar.literal.yaml","punctuation.definition.block.sequence.item.yaml","punctuation.definition.entity.other.inherited-class","punctuation.function.swift","punctuation.separator.dictionary.key-value","punctuation.separator.hash","punctuation.separator.inheritance","punctuation.separator.key-value","punctuation.separator.key-value.mapping.yaml","punctuation.separator.namespace","punctuation.separator.pointer-access","punctuation.separator.slice","string.unquoted.heredoc punctuation.definition.string","support.other.chomping-indicator.yaml","punctuation.separator.annotation"],"settings": {"foreground": "#f286c4"}},{"name": "Brackets, braces, parens, etc.","scope": ["keyword.operator.other.powershell","keyword.other.statement-separator.powershell","meta.brace.round","meta.function-call punctuation","punctuation.definition.arguments.begin","punctuation.definition.arguments.end","punctuation.definition.entity.begin","punctuation.definition.entity.end","punctuation.definition.tag.cs","punctuation.definition.type.begin","punctuation.definition.type.end","punctuation.section.scope.begin","punctuation.section.scope.end","punctuation.terminator.expression.php","storage.type.generic.java","string.template meta.brace","string.template punctuation.accessor"],"settings": {"foreground": "#f6f6f4"}},{"name": "Variable interpolation operators","scope": ["meta.string-contents.quoted.double punctuation.definition.variable","punctuation.definition.interpolation.begin","punctuation.definition.interpolation.end","punctuation.definition.template-expression.begin","punctuation.definition.template-expression.end","punctuation.section.embedded.begin","punctuation.section.embedded.coffee","punctuation.section.embedded.end","punctuation.section.embedded.end source.php","punctuation.section.embedded.end source.ruby","punctuation.definition.variable.makefile"],"settings": {"foreground": "#f286c4"}},{"name": "Keys (serializable languages)","scope": ["entity.name.function.target.makefile","entity.name.section.toml","entity.name.tag.yaml","variable.other.key.toml"],"settings": {"foreground": "#97e1f1"}},{"name": "Dates / timestamps (serializable languages)","scope": ["constant.other.date","constant.other.timestamp"],"settings": {"foreground": "#FFB86C"}},{"name": "YAML aliases","scope": ["variable.other.alias.yaml"],"settings": {"fontStyle": "italic underline","foreground": "#62e884"}},{"name": "Storage","scope": ["storage","meta.implementation storage.type.objc","meta.interface-or-protocol storage.type.objc","source.groovy storage.type.def"],"settings": {"fontStyle": "regular","foreground": "#f286c4"}},{"name": "Types","scope": ["entity.name.type","keyword.primitive-datatypes.swift","keyword.type.cs","meta.protocol-list.objc","meta.return-type.objc","source.go storage.type","source.groovy storage.type","source.java storage.type","source.powershell entity.other.attribute-name","storage.class.std.rust","storage.type.attribute.swift","storage.type.c","storage.type.core.rust","storage.type.cs","storage.type.groovy","storage.type.objc","storage.type.php","storage.type.haskell","storage.type.ocaml"],"settings": {"fontStyle": "italic","foreground": "#97e1f1"}},{"name": "Generics, templates, and mapped type declarations","scope": ["entity.name.type.type-parameter","meta.indexer.mappedtype.declaration entity.name.type","meta.type.parameters entity.name.type"],"settings": {"foreground": "#FFB86C"}},{"name": "Modifiers","scope": ["storage.modifier"],"settings": {"foreground": "#f286c4"}},{"name": "RegExp string","scope": ["string.regexp","constant.other.character-class.set.regexp","constant.character.escape.backslash.regexp"],"settings": {"foreground": "#e7ee98"}},{"name": "Non-capture operators","scope": ["punctuation.definition.group.capture.regexp"],"settings": {"foreground": "#f286c4"}},{"name": "RegExp start and end characters","scope": ["string.regexp punctuation.definition.string.begin","string.regexp punctuation.definition.string.end"],"settings": {"foreground": "#ee6666"}},{"name": "Character group","scope": ["punctuation.definition.character-class.regexp"],"settings": {"foreground": "#97e1f1"}},{"name": "Capture groups","scope": ["punctuation.definition.group.regexp"],"settings": {"foreground": "#FFB86C"}},{"name": "Assertion operators","scope": ["punctuation.definition.group.assertion.regexp","keyword.operator.negation.regexp"],"settings": {"foreground": "#ee6666"}},{"name": "Positive lookaheads","scope": ["meta.assertion.look-ahead.regexp"],"settings": {"foreground": "#62e884"}},{"name": "Strings","scope": ["string"],"settings": {"foreground": "#e7ee98"}},{"name": "String quotes (temporary vscode fix)","scope": ["punctuation.definition.string.begin","punctuation.definition.string.end"],"settings": {"foreground": "#dee492"}},{"name": "Property quotes (temporary vscode fix)","scope": ["punctuation.support.type.property-name.begin","punctuation.support.type.property-name.end"],"settings": {"foreground": "#97e2f2"}},{"name": "Docstrings","scope": ["string.quoted.docstring.multi","string.quoted.docstring.multi.python punctuation.definition.string.begin","string.quoted.docstring.multi.python punctuation.definition.string.end","string.quoted.docstring.multi.python constant.character.escape"],"settings": {"foreground": "#7b7f8b"}},{"name": "Variables and object properties","scope": ["variable","constant.other.key.perl","support.variable.property","variable.other.constant.js","variable.other.constant.ts","variable.other.constant.tsx"],"settings": {"foreground": "#f6f6f4"}},{"name": "Destructuring / aliasing reference name (LHS)","scope": ["meta.import variable.other.readwrite","meta.variable.assignment.destructured.object.coffee variable"],"settings": {"fontStyle": "italic","foreground": "#FFB86C"}},{"name": "Destructuring / aliasing variable name (RHS)","scope": ["meta.import variable.other.readwrite.alias","meta.export variable.other.readwrite.alias","meta.variable.assignment.destructured.object.coffee variable variable"],"settings": {"fontStyle": "normal","foreground": "#f6f6f4"}},{"name": "GraphQL keys","scope": ["meta.selectionset.graphql variable"],"settings": {"foreground": "#e7ee98"}},{"name": "GraphQL function arguments","scope": ["meta.selectionset.graphql meta.arguments variable"],"settings": {"foreground": "#f6f6f4"}},{"name": "GraphQL fragment name (definition)","scope": ["entity.name.fragment.graphql","variable.fragment.graphql"],"settings": {"foreground": "#97e1f1"}},{"name": "Edge cases (foreground color resets)","scope": ["constant.other.symbol.hashkey.ruby","keyword.operator.dereference.java","keyword.operator.navigation.groovy","meta.scope.for-loop.shell punctuation.definition.string.begin","meta.scope.for-loop.shell punctuation.definition.string.end","meta.scope.for-loop.shell string","storage.modifier.import","punctuation.section.embedded.begin.tsx","punctuation.section.embedded.end.tsx","punctuation.section.embedded.begin.jsx","punctuation.section.embedded.end.jsx","punctuation.separator.list.comma.css","constant.language.empty-list.haskell"],"settings": {"foreground": "#f6f6f4"}},{"name": "Shell variables prefixed with \"$\" (edge case)","scope": ["source.shell variable.other"],"settings": {"foreground": "#bf9eee"}},{"name": "Powershell constants mistakenly scoped to `support`, rather than `constant` (edge)","scope": ["support.constant"],"settings": {"fontStyle": "normal","foreground": "#bf9eee"}},{"name": "Makefile prerequisite names","scope": ["meta.scope.prerequisites.makefile"],"settings": {"foreground": "#e7ee98"}},{"name": "SCSS attibute selector strings","scope": ["meta.attribute-selector.scss"],"settings": {"foreground": "#e7ee98"}},{"name": "SCSS attribute selector brackets","scope": ["punctuation.definition.attribute-selector.end.bracket.square.scss","punctuation.definition.attribute-selector.begin.bracket.square.scss"],"settings": {"foreground": "#f6f6f4"}},{"name": "Haskell Pragmas","scope": ["meta.preprocessor.haskell"],"settings": {"foreground": "#7b7f8b"}},{"name": "Log file error","scope": ["log.error"],"settings": {"foreground": "#ee6666","fontStyle": "bold"}},{"name": "Log file warning","scope": ["log.warning"],"settings": {"foreground": "#e7ee98","fontStyle": "bold"}}]

代码scope检查

F1搜索Inspect Editor Tokens and Scopes检查编辑器和作用域，鼠标光标点击想要检测的代码，如下是检测HTML标签的结果。
把这里的作用域仿照格式写入到配置文件中即可修改颜色

vscode 自定义代码主题颜色相关推荐

VSCode自定义代码片段1——vue主模板
VSCode自定义代码片段(vue主模板) {// vue// 1,自定义用户代码片段:VSCode =>左下角设置 =>用户代码片段 => 自定义片段名称 =>编辑用户片段 ...
用计算机设计主题色调,Win10个性化颜色怎么设置自定义Win10主题颜色方法 (全文)...
Win10个性化颜色怎么设置?本文主要分享一些实用的Win10小技巧,本文主要针对开始菜单背景与主题色颜色设置的问题,虽然设置个性化颜色很简单,但自定义Win10主题颜色可不是每个朋友都会的,下面本文 ...
vscode自定义代码片段（新手交流）
一.为什么要用js代码片段运用js代码片段,能有效地帮助我们提高代码效率,减少繁琐代码的记忆过程.也是搜集过很多代码片段设置的文章,但步骤不太明确,经实际操作后整理了以下步骤,供大家学习参考,如有不 ...
VSCode自定义代码片段6——CSS选择器
CSS选择器自定义代码片段 { // CSS'selector // 6 如何自定义用户代码片段:VSCode =>左下角设置 =>用户代码片段 => 新建全局代码片段文件... = ...
c vscode 高亮,vscode设置代码字体颜色高亮_编程开发工具
vscode如何恢复默认设置_编程开发工具 vscode恢复默认设置的方法是:1.首先点击左下角,打开设置:2.然后点击右上角[{}]按钮:3.最后将右侧的用户设置json全部清空即可恢复默认设置. ...
vscode自定义代码块
自定义用户代码块是可以给我们的开发带来更高的开发效率的 1.首先找到Vscode左下角的设置图标,选择用户代码片段,此时会让你选择各种类型的代码片段,这里我就拿Vue举个例子,下拉框往下拉,找到 Vu ...
vscode自定义代码片段详解
文章目录第一步:打开书写代码块的工作区间(两种方法) 第二步:选择代码块作用域的文件类型第三步:代码块的书写第四步:代码块的使用第五步:代码块的编辑与删除日常开发中,代码块的使用,会给我们开 ...
VSCode自定义代码片段13——Vue的状态大管家
Vue的状态大管家 {// V'Vuex// 13 如何自定义用户代码片段:VSCode =>左下角设置 =>用户代码片段 =>新建全局代码片段文件... =>自定义片段名称 ...
VSCode自定义代码片段11——vue路由的配置
vue路由的配置 {// v'router// 11 如何自定义用户代码片段:VSCode =>左下角设置 =>用户代码片段 =>新建全局代码片段文件... =>自定义片段名称 ...

vscode 自定义代码主题颜色

VS Code自定义主题色