vscode 自定义代码主题颜色

article/2025/11/6 11:30:32

VS Code自定义主题色

  • 基本结构
    • UserJSON配置格式
    • 工作台颜色配置
    • 编辑区文本颜色
      • 目录
      • 配置
      • 代码scope检查

基本结构

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. 常见区域

    1. Separators 分隔符如:=之类的
    2. HTML tags HTML标签名
    3. HTML/CSS attribute names 行内样式属性名
    4. User-defined class names 用户定义的类名
    5. Brackets, braces, parens, etc. 括号符
    6. Strings 字符串
  2. 各类标记

    1. markup.inserted 插入标记
    2. markup.deleted 删除标记
    3. markup.changed 交换标记
    4. markup.error 错误标记
    5. Underlined markup 下划线标记
    6. Bold markup 粗体标记
  3. 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标签的结果。
把这里的作用域仿照格式写入到配置文件中即可修改颜色
在这里插入图片描述


http://chatgpt.dhexx.cn/article/xy2sLg95.shtml

相关文章

【编辑器】VSCode界面美化,图标与主题插件大全

1、VSCode图标插件 1、vscode-icons VSCode官方出品的图标库 2、Material Icon Theme 扁平化的主题图标库&#xff0c;采用了 Google Material Design 风格 3、vscode-icons-mac vscode-icons-mac 的文件图标与 vscode-icons 一致&#xff0c;只是文件夹图标改成了 Mac 风格…

Vscode 绿色系清新主题

炎炎夏日&#xff0c;上班上的心浮气躁&#xff0c;敲代码的时候&#xff0c;只觉昏昏沉沉&#xff0c;浑浑噩噩... 给vscode换一个一个清新美好的绿色主题&#xff0c;充满活力和希望吧。 朋友们&#xff0c;收藏起来&#xff0c;每个季节换一个主题&#xff0c;打工快乐&am…

vscode美化:主题切换+背景图片设置

目录 1.主题切换 1.1 使用vscode自带的主题 1.2 使用插件 2.背景图片设置 2.1 内部配置文件设置&#xff08;自定义&#xff09; 2.2 安装插件-[background] 2.3 安装插件-[background-cover](推荐) 1.主题切换 1.1 使用vscode自带的主题 步骤&#xff1a;文件——首选…

自定义你的VSCode:主题、文件图标、快捷键、设置、schema、插件

超详细VSCode安装教程&#xff08;Windows&#xff09;推荐自己的专栏&#xff1a;分享使用VS Code的基本操作与各种技巧 请记住一点&#xff0c;VSCode中的一切快捷键操作都可以在控制面板中输入对应的命令来完成&#xff0c;并且常用命令还可以在菜单栏中找到&#xff0c;命…

VScode 主题字体颜色 必备插件

主题字体颜色 通过文件>首选项>设置 > 搜索workbench.settings.editor&#xff0c;选中json即可改成json设置 // settings.json (个人配置) {"files.associations": {"*.vue": "vue","*.wpy": "vue","*.wxm…

VScode 自定义主题颜色

vscode其实已经有很多完善且好看的主题了&#xff0c;但我总觉得每一个主题对我来说&#xff0c;都有那么一点点不够完美&#xff0c;比如亮色的主题&#xff0c;颜色就没有深色主题那么好看&#xff0c;对比度高。 好不容易看到一个好看的主题吧&#xff0c;又觉得某一部分的…

把VScode的主题变得和idea一样

用惯了jetbrains系列软件&#xff0c;不太适应VScode的主题和颜色&#xff0c;可以通过一个插件把VScode的颜色变得和idea一样 打开VScode,搜索插件jetbrains, JetBrains Darcula Theme是暗色&#xff0c;Webstorm JetBrains Theme是亮色 和idea对比效果&#xff1a; 与些许差距…

7 款炫酷的 VSCode 主题扩展

&#x1f447;&#x1f447;关注后回复 “进群” &#xff0c;拉你进程序员交流群&#x1f447;&#x1f447; 作者丨小集 来源丨小集&#xff08;ID&#xff1a;zsxjtip&#xff09; 在 VSCode 中&#xff0c;安装自定义主题和图标包可以彻底改变 VSCode 的外观。VSCode 有数千…

推荐几款好用的VsCode色彩主题

经常对着同一款主题&#xff0c;有没有想着换一拨呢&#xff1f; 推荐一些个人觉得比较不错的主题&#xff0c;可以自己选择&#xff0c; 所有主题可以直接在扩展商店下载&#xff0c;直接上主题&#xff1a; Gatito Theme Dark Night Owl One Monokai Syntax Pink Cat Boo t…

vscode优美的主题

如何给VS Code更换主题 Mac用户 ⌘ K 然后 ⌘ T&#xff0c;会显示出所有的主题列表&#xff0c;按上下键可修改主题&#xff0c;⌘ ⇧ P , 在输入框中color theme&#xff0c;然后回车&#xff0c;同样也会进入主题列表 Windows用户: Ctrl Shift P 即可进入主题列表…

【3】VSCode 主题设置推荐,自定义配色方案,修改注释高亮颜色

相关文章&#xff1a; 【一】tensorflow安装、常用python镜像源、tensorflow 深度学习强化学习教学 【二】tensorflow调试报错、tensorflow 深度学习强化学习教学【三】tensorboard安装、使用教学以及遇到的问题【四】超级快速pytorch安装 【1】VScode中文界面方法-------…

【vscode简单入门(四)】vscode精美UI主题推荐 (~」还你一个花里胡哨的vscode「~)

学习一个新的软件&#xff0c;只会基本的操作怎么能满足一个富有个性的程序猿本猿捏>-< 那必须得鼓捣起来呀&#xff0c;本着能自定义就绝不用默认的态度&#xff0c;我打算开始写今天这篇博客了~偶吼吼 一. 有趣的小插件 开始介绍主题之前&#xff0c;再给大家安利三个…

vscode 主题的颜色定制

颜色定制 workbench.colorCustomizations setting.json {"workbench.colorCustomizations": {"activityBar.background": "#00AA00"} }对比颜色: 对比色通常只用于高对比主题。如果设置了&#xff0c;它们会在UI元素周围添加额外的边框来增加对…

vscode如何更换主题

1.打开Vscode&#xff0c;点击“文件”-“首选项”-“颜色主题”。 (快捷键&#xff1a;先按CtrlK、再按CtrlT) 2.打开主题设置面板&#xff0c;在深色主题中点击“深色”。 3.这样就可以把主题改为“深色”这样Vscode界面就会全部显示为黑色。 参考&#xff1a;https://jingy…

VSCODE 好看的亮色系主题

搬砖那么枯燥&#xff0c;一定要在颜值高的窗口进行呀。这几年用了好多vscode主题&#xff0c;但这几个&#xff0c;真的是每次看到都会心动的主题。 很适合花里胡哨的女孩子们呀&#xff5e; 粉粉嫩嫩的&#xff1a;Cute 这款主题的特点就是&#xff1a;粉&#xff01;&…

VSCode:一个温馨不扎眼的暗色主题推荐

最下方有手把手使用方法和配置过程。 身为一个编程小白&#xff0c;我也想找一个好看的vscode主题&#xff0c;来给我提供源源不断地写代码动力&#xff0c;好让我早日成为卷王&#xff08;bushi 主题名为&#xff1a;Ayu Mirage Bordered 演示效果如下&#xff1a; 个…

2022 年最受欢迎的 19个 VS Code 主题排行榜

2022 年最受欢迎的 19 个 VS Code 主题排行榜 微软的 VS Code 凭其丰富的扩展受到众多开发者的青睐&#xff0c;俺总结了 2021 年最受欢迎的15 个 VS Code 主题&#xff08;按 VS Code 扩展商店的安装次数排名&#xff09;&#xff0c;仅供大家参考。 推荐使用 13&#xff1a…

【VSCode | 主题】推荐几个适合看 C/C++ 代码的 VSCode 主题

目录 一、概述二、主题2.1 Eva Theme2.2 Theme2.3 GitHub Theme2.4 One Monokai Theme2.5 Atom One Dark Theme2.6 Atom One Light Theme2.7 One Dark Pro2.8 Palenight Theme 总结 一、概述 从 source insight 转到 VSCode 的一个好处就是&#xff0c;VSCode有很多主题插件。本…

主题之美,排名靠前的 10 个 VSCode 主题

作者&#xff1a;Muthu Annamalai Venkatachalam 译者&#xff1a;前端小智 来源&#xff1a;dev 有梦想&#xff0c;有干货&#xff0c;微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录&#xff0c;有一线…