vscode 自定义代码主题颜色

已于 2023-03-30 13:37:08 修改
阅读量3.9k 收藏 14
点赞数 4
文章标签： vscode ide 编辑器
于 2023-03-30 13:35:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dg_xdg/article/details/129855488
版权

VS Code自定义主题色

基本结构

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标签的结果。
把这里的作用域仿照格式写入到配置文件中即可修改颜色
在这里插入图片描述

独孤小冬瓜
关注
vscode修改选中文字颜色及当前tab颜色
刘望的博客
08-20 861
VSCode-》首选项-》设置->-》搜color，找到：Workbench：Color Customizations，点击：在 settings.json 中编辑。加上 选中的文字内容的 配置。
vscode 自定义主题色黑绿
星云
05-20 851
这是一个主题 { "name": "Theme", "colors": { /* utf-8 https://code.visualstudio.com/Docs/editor/debugging https://code.visualstudio.com/api/references/theme-color https://code.visualstudio.com/api/extension-guides/c
VSCode自定义配色文件
11-08
VSCode自定义配色方案 目前在使用的一种配色方案，只要将该文件复制到VSCode的主体文件目录中（$RELEASE/resources/app/extensions），以theme-开头的目录即为颜色主题配置 打开vscode，按键选择ctrl+k，ctrl+t，选择Monokai-My即可切换主题
VScode 自定义代码配色方案
最新发布
xiaoyouyouaaa的博客
10-02 1121
打开settings.json文件, 可以本目录的settings.json文件(在.vscode文件夹中), 也可以是全局的settings.json文件(快捷键ctrl+shift+P, 搜索settings, 选择。, 我们先绑定一个快捷键, 这个快捷键是为了找到某个代码中某个token对应的名字, 用ctrl+shift+P, 搜索keyborad, 选择。(类名, 函数名, 关键字, 变量)等设置不同的颜色, 使得代码的可读性变强.设置下面这个快捷键, 我设置的是ctrl+shift+i。
vs code 自定义代码字体颜色
weixin_42746271的博客
03-04 1857
【代码】vs code 自定义代码字体颜色。
修改Visual Studio Code编辑器的主题和代码颜色
热门推荐
qq_37944726的博客
04-16 5万+
怎么自定义Visual Studio Code编辑器的代码颜色** 摘要：自定义Visual Studio Code（VSCode）的代码颜色 在VS Code 的左下角，点击设置。 打开设置后，在搜索栏搜索关键字：主题。 搜索结果显示有许多个在setting.json中编辑，任意点开一个，即可编辑代码的颜色。 在文件setting.json的代码后面，插入相应的代码，然后保存。 代码如下： // 自定义的颜色 "editor.tokenColorCustomizations":
VS Code的自定义代码颜色
lanlinQWQ的博客
03-13 3648
VS Code自定义代码颜色
VSCode颜色主题自定义
meoya的博客
08-09 2392
VScode界面ui自定义
VSCode设置代码颜色
qq_38149488的博客
04-21 1774
【代码】VSCode设置代码颜色。
自定义 vscode代码颜色
Ersan_Yi的博客
11-02 3459
VSCode自定义配色方案 - garvenc - 博客园
vscode 主题自定义设置分享
todayshalemei的博客
10-11 1162
vscode主题
opaline-theme:VSCode的颜色主题
03-27
乳白主题 特征 高对比度主题AA（4.5+） 受Alabaster启发的最小语法突出显示 特殊处理：JavaScript，TypeScript，Python，Rust 深色和浅色变种（TODO） 可选图标主题（TODO） 知道问题： 选项卡尚未经过MVP的真正测试。 （去做） 语法突出显示最少 本主题探讨的是减少语法高亮显示的数量并更多地关注代码的想法，而不是拥有编辑器的cristmas树。 Opaline定义了5种用于语法突出显示的标记类别： 语言关键词 文字-常量，正则表达式，布尔值，字符串，数字等。 函数–函数，类，类型... 注意寻求者–需要尽可能多关注的任何事物–注释，调试器语句等... 其他一切 屏幕截图 TypeScript / JavaScript Python 锈 学分 –语法高亮的灵感 -色彩创意
vscode自定义theme，护眼java主题
11-13
绿色活动栏，纯黑代码背景更加护眼，绿色高亮关键字，错误提醒黄色波浪线更加醒目和护眼 加压后，将压缩包内的文件夹拷贝到vscode安装目录-->resources-->app-->...颜色主题-->Eric Dark
VScode雅蓝配色主题
04-25
这个主题为代码编辑环境带来了一种清新、舒适的颜色搭配，有助于减轻长时间编程时的眼睛疲劳，提升编码体验。 在VS Code中使用HbuilderX雅蓝主题，首先需要将主题文件导入到正确的位置。这通常涉及到解压下载的主题...
vscode 主题的颜色定制
虾球
12-31 9806
vscode 颜色修改
vscode修改代码颜色
weixin_43657954的博客
04-12 4884
3、我从别的地方看的操作步骤没找到，所以我还是ctrl+shift+p，输入setting.json，我选中打开后是空白的，要自己配置颜色。1、ctrl+shift+p ,输入inspect。我换成水蜜桃色的主题后，想要修改一下代码颜色。2、可以查看代码样式。
Vscode文件夹和代码各种颜色（详细汇总）
maxle的博客
04-18 2万+
修改代码颜色（VSCode 设置注释的颜色为绿色）：， git 文件标识，修改vscode代码颜色，vscode文件夹变色，变成绿色 本篇主要写了在vscode里修改代码颜色，vscode文件夹变成绿色，文件夹变色，vscode修改代码颜色（VSCode 设置注释的颜色为绿色），git 文件标识，文件夹后面有个字母，文件的颜色，等等。
VSCode代码颜色设置与常用插件
小绿的博客
10-09 4万+
VSCode代码颜色设置与常用插件
Prettier格式化配置
weixin_30399821的博客
07-24 4104
HTML/CSS/JS/LESS 文件的 prettier 格式化规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "e...
vscode的代码颜色
09-05
VSCode 的代码颜色可以通过安装主题来进行调整。你可以在 VSCode 的插件市场中搜索并安装适合自己的主题。安装完成后，可以在 VSCode 的设置中选择该主题。 要打开设置，可以按下 `Ctrl + ，`（Windows 和 Linux）或 `Command + ，`（macOS）。在设置页面中，搜索 "Color Theme"，然后选择你喜欢的主题。 另外，还可以通过自定义设置来修改特定的代码颜色。你可以在设置页面中搜索并选择 "Edit in settings.json"，然后在打开的 `settings.json` 文件中添加或修改相应的配置。例如，要修改变量的颜色，可以添加以下配置： ```json "editor.tokenColorCustomizations": { "variables": "#FF0000" } ``` 以上是一个示例，将变量的颜色修改为红色。你可以根据自己的需求修改其他代码元素的颜色。修改完成后，保存并重新启动 VSCode 生效。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值