水墨 Theme
Publisher: wangxThemes in package: 3
几抹淡墨涵万象，一帧素宣蕴乾坤。深度适配 Trae / VS Code / Cursor 的高雅水墨配色主题。
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#F6F5E1
- activityBar.activeBorder#9D2933
- activityBar.background#F6F5E1
- activityBar.border#26262600
- activityBar.dropBorder#26262600
- activityBar.foreground#232527
- activityBar.inactiveForeground#5C5852B0
- activityBarBadge.background#9D2933
- activityBarBadge.foreground#F6F5E1
- activityBarTop.activeBorder#A23B29
- activityBarTop.foreground#232527
- activityBarTop.inactiveForeground#5A5F66
- agentsCard.border#00000000
- agentsChatInput.border#26262612
- agentsChatInput.focusBorder#315D8C
- agentSessionReadIndicator.foreground#315D8C
- agentsNewSessionButton.border#00000000
- agentsPanel.border#00000000
- badge.background#9D2933
- badge.foreground#F6F5E1
- breadcrumb.activeSelectionForeground#232527
- breadcrumb.background#F6F5E1
- breadcrumb.focusForeground#232527
- breadcrumb.foreground#5C5852
- breadcrumbPicker.background#F6F5E1
- button.background#232527
- button.foreground#FAF9F0
- button.hoverBackground#2A2C30
- button.secondaryBackground#2626260F
- button.secondaryForeground#232527
- button.secondaryHoverBackground#26262618
- charts.blue#315D8C
- charts.foreground#2A2C30
- charts.green#4C7548
- charts.lines#D8D3BC
- charts.orange#8A4B2F
- charts.purple#7A5B8C
- charts.red#9A3B26
- charts.yellow#8A6D1F
- chat.avatarBackground#315D8C
- chat.avatarForeground#FAF9F0
- chat.checkpointSeparator#26262615
- chat.editedFileForeground#315D8C
- chat.linesAddedForeground#4C7548C0
- chat.linesRemovedForeground#9A3B26C0
- chat.requestBackground#00000000
- chat.requestBorder#00000000
- chat.requestBubbleBackground#00000000
- chat.requestBubbleHoverBackground#00000000
- chat.requestCodeBorder#00000000
- chat.slashCommandBackground#315D8C15
- chat.slashCommandForeground#315D8C
- commandCenter.activeBackground#ECE8D0
- commandCenter.activeBorder#26262600
- commandCenter.activeForeground#232527
- commandCenter.background#FAF9F0
- commandCenter.border#26262600
- commandCenter.foreground#5A5F66
- debugExceptionWidget.background#9A3B261F
- debugExceptionWidget.border#26262600
- debugToolBar.background#FAF9F0
- debugToolBar.border#26262600
- descriptionForeground#5C5852
- diffEditor.border#26262600
- diffEditor.diagonalFill#D8D3BC80
- diffEditor.insertedLineBackground#4C754814
- diffEditor.insertedTextBackground#4C754826
- diffEditor.removedLineBackground#9A3B2614
- diffEditor.removedTextBackground#9A3B2626
- diffEditor.unchangedRegionBackground#F6F5E1
- diffEditor.unchangedRegionForeground#5A5F66
- disabledForeground#6E7278
- dropdown.background#F6F5E1
- dropdown.border#26262628
- dropdown.foreground#5A5F66
- dropdown.listBackground#F6F5E1
- editor.background#F6F5E1
- editor.findMatchBackground#A23B2940
- editor.findMatchHighlightBackground#A23B2920
- editor.findRangeHighlightBackground#315D8C18
- editor.foldBackground#2626260D
- editor.foreground#2A2C30
- editor.hoverHighlightBackground#315D8C18
- editor.inactiveSelectionBackground#315D8C14
- editor.lineHighlightBackground#2626260D
- editor.lineHighlightBorder#26262600
- editor.linkedEditingBackground#315D8C18
- editor.rangeHighlightBackground#315D8C18
- editor.selectionBackground#315D8C26
- editor.selectionHighlightBackground#315D8C14
- editor.wordHighlightBackground#315D8C24
- editor.wordHighlightStrongBackground#315D8C38
- editorBracketHighlight.foreground1#2A2C30
- editorBracketHighlight.foreground2#2E59A7
- editorBracketHighlight.foreground3#6B6F76
- editorBracketHighlight.foreground4#9D2933
- editorBracketHighlight.foreground5#4A7A42
- editorBracketHighlight.foreground6#3B3D42
- editorBracketHighlight.unexpectedBracket.foreground#A23B29
- editorBracketMatch.background#315D8C1A
- editorBracketMatch.border#315D8C40
- editorBracketPairGuide.activeBackground1#5A5F6673
- editorBracketPairGuide.activeBackground2#5A5F6673
- editorBracketPairGuide.activeBackground3#5A5F6673
- editorBracketPairGuide.activeBackground4#5A5F6673
- editorBracketPairGuide.activeBackground5#5A5F6673
- editorBracketPairGuide.activeBackground6#5A5F6673
- editorBracketPairGuide.background1#5A5F6614
- editorBracketPairGuide.background2#5A5F6614
- editorBracketPairGuide.background3#5A5F6614
- editorBracketPairGuide.background4#5A5F6614
- editorBracketPairGuide.background5#5A5F6614
- editorBracketPairGuide.background6#5A5F6614
- editorCodeLens.foreground#5C5852B0
- editorCursor.foreground#9D2933
- editorError.foreground#9D2933
- editorGhostText.foreground#5A5F66A0
- editorGroup.border#26262618
- editorGroup.dropBackground#26262610
- editorGroup.emptyBackground#F6F5E1
- editorGroupHeader.noTabsBackground#F6F5E1
- editorGroupHeader.tabsBackground#F6F5E1
- editorGroupHeader.tabsBorder#26262600
- editorGutter.addedBackground#4A7A42
- editorGutter.deletedBackground#A23B29
- editorGutter.foldingControlForeground#5A5F66
- editorGutter.modifiedBackground#2B5A8C
- editorHint.foreground#5A5F66
- editorHoverWidget.background#F6F5E1
- editorHoverWidget.border#26262600
- editorHoverWidget.foreground#5A5F66
- editorIndentGuide.activeBackground1#5A5F6673
- editorIndentGuide.background1#5A5F6614
- editorInfo.foreground#315D8C
- editorInlayHint.background#2626260D
- editorInlayHint.foreground#5A5F66
- editorInlayHint.parameterBackground#2626260D
- editorInlayHint.parameterForeground#5A5F66
- editorInlayHint.typeBackground#2626260D
- editorInlayHint.typeForeground#5A5F66
- editorLineNumber.activeForeground#232527
- editorLineNumber.foreground#5C5852A0
- editorLink.activeForeground#232527
- editorMarkerNavigation.background#FAF9F0
- editorMarkerNavigationError.background#9A3B26
- editorMarkerNavigationInfo.background#315D8C
- editorMarkerNavigationWarning.background#8A6D1F
- editorOverviewRuler.addedForeground#4C7548
- editorOverviewRuler.border#26262600
- editorOverviewRuler.bracketMatchForeground#5A5F66
- editorOverviewRuler.deletedForeground#A23B29
- editorOverviewRuler.errorForeground#A23B29
- editorOverviewRuler.findMatchForeground#A23B2940
- editorOverviewRuler.infoForeground#315D8C
- editorOverviewRuler.modifiedForeground#315D8C
- editorOverviewRuler.rangeHighlightForeground#5A5F6620
- editorOverviewRuler.selectionHighlightForeground#5A5F6620
- editorOverviewRuler.warningForeground#8A6D1F
- editorOverviewRuler.wordHighlightForeground#5A5F6620
- editorOverviewRuler.wordHighlightStrongForeground#23252730
- editorRuler.foreground#5A5F6614
- editorStickyScroll.background#F6F5E1
- editorStickyScrollHover.background#26262608
- editorSuggestWidget.background#F6F5E1
- editorSuggestWidget.border#26262600
- editorSuggestWidget.foreground#5A5F66
- editorSuggestWidget.highlightForeground#A23B29
- editorSuggestWidget.selectedBackground#2B5A8C21
- editorSuggestWidget.selectedForeground#232527
- editorSuggestWidget.selectedIconForeground#232527
- editorUnicodeHighlight.border#26262600
- editorWarning.foreground#8A6D1F
- editorWhitespace.foreground#5A5F6636
- editorWidget.background#F6F5E1
- editorWidget.border#26262600
- editorWidget.foreground#5A5F66
- editorWidget.resizeBorder#26262600
- errorForeground#9D2933
- extensionBadge.remoteBackground#232527
- extensionBadge.remoteForeground#FAF9F0
- extensionButton.prominentBackground#232527
- extensionButton.prominentForeground#FAF9F0
- extensionButton.prominentHoverBackground#2A2C30
- focusBorder#9D2933
- foreground#2A2C30
- gitDecoration.addedResourceForeground#4C7548
- gitDecoration.conflictingResourceForeground#8A6D1F
- gitDecoration.deletedResourceForeground#A23B29
- gitDecoration.ignoredResourceForeground#6E7278
- gitDecoration.modifiedResourceForeground#315D8C
- gitDecoration.renamedResourceForeground#315D8C
- gitDecoration.stageDeletedResourceForeground#A23B29
- gitDecoration.stageModifiedResourceForeground#315D8C
- gitDecoration.submoduleResourceForeground#7A5B8C
- gitDecoration.untrackedResourceForeground#4C7548
- icube--bg-bg-brand#315D8C
- icube--bg-bg-brand-disabled#315D8C33
- icube--bg-bg-brand-hover#3D6E9E
- icube--bg-bg-menu#FAF9F0
- icube--border-border-brand#315D8C
- icube--border-border-contrast#232527
- icube--icon-icon-brand#315D8C
- icube--icon-icon-brand-hover#3D6E9E
- icube--icon-icon-onaccent#FAF9F0
- icube--icon-icon-onbrand#FAF9F0
- icube--text-text-brand#315D8C
- icube--text-text-brand-hover#3D6E9E
- icube--text-text-onaccent#FAF9F0
- icube--text-text-onbrand#FAF9F0
- icube.colorBg1#FAF9F0
- icube.colorBg2#FAF9F0
- icube.colorBg3#EDEBD6
- icube.colorBg4#FAF9F0
- icube.colorBgCode#F0EEE0
- icube.colorBgTr0#00000000
- icube.colorBlend#00000000
- icube.colorBrand#315D8C
- icube.colorBrandActive#254B73
- icube.colorBrandHover#3D6E9E
- icube.colorBrandTransparent#315D8C1f
- icube.colorBrandTransparent2#315D8C33
- icube.colorBrandTransparent3#315D8C5c
- icube.colorBtnHover#26262612
- icube.colorBtnHover2#2626261a
- icube.colorBtnTransparent3#2626260a
- icube.colorDefaultAvatar#FAF9F0
- icube.colorDefaultAvatarBackground#315D8C
- icube.colorDefaultText#232527
- icube.colorDisableText#8C9099
- icube.colorGrayText#5A5F66
- icube.colorGrayText2#6E7278
- icube.colorHighlightText#315D8C
- icube.colorIcon#5A5F66
- icube.colorLine1#2626260f
- icube.colorLine2#26262618
- icube.colorLine3#26262628
- icube.colorWidgetShadow#00000014
- icube.colorWidgetShadow2#0000001f
- icube.colorWidgetShadow3#00000000
- icube.emptyExplorerButtonBgColor#315D8C14
- icube.emptyExplorerButtonTextColor#232527
- icube.emptyExplorerSplitColor#26262618
- icube.emptyExplorerSplitTextColor#6E7278
- icube.inlineChatDiff.inserted#4C754818
- icube.inlineChatDiff.removed#9A3B2618
- icube.simpleInlineChatDiff.inserted#4C754818
- icube.simpleInlineChatDiff.removed#9A3B2618
- icube.tooltipsTextColor#FAF9F0
- inlineChat.background#FAF9F0
- inlineChat.border#26262610
- inlineChat.shadow#00000000
- inlineChatDiff.inserted#4C754818
- inlineChatDiff.removed#9A3B2618
- inlineChatInput.background#F6F5E1
- inlineChatInput.border#26262620
- inlineChatInput.focusBorder#315D8C40
- inlineChatInput.placeholderForeground#5A5F66
- input.background#F6F5E1
- input.border#26262615
- input.foreground#2A2C30
- input.placeholderForeground#6E7278
- inputOption.activeBackground#315D8C33
- inputOption.activeBorder#315D8C
- inputOption.activeForeground#315D8C
- inputValidation.errorBackground#9A3B261F
- inputValidation.errorBorder#26262600
- inputValidation.errorForeground#9A3B26
- inputValidation.infoBackground#315D8C1F
- inputValidation.infoBorder#26262600
- inputValidation.infoForeground#315D8C
- inputValidation.warningBackground#8A6D1F24
- inputValidation.warningBorder#26262600
- inputValidation.warningForeground#8A6D1F
- interactiveEditor.regionHighlight#315D8C15
- keybindingLabel.background#ECE8D0
- keybindingLabel.border#26262600
- keybindingLabel.bottomBorder#26262600
- keybindingLabel.foreground#2A2C30
- keybindingTable.rowsBackground#FAF9F080
- list.activeSelectionBackground#315D8C26
- list.activeSelectionForeground#232527
- list.dropBackground#26262610
- list.errorForeground#A23B29
- list.filterMatchBackground#315D8C21
- list.filterMatchBorder#26262600
- list.focusAndSelectionOutline#26262600
- list.focusBackground#315D8C14
- list.focusForeground#232527
- list.focusOutline#26262600
- list.highlightForeground#9D2933
- list.hoverBackground#2626260D
- list.hoverForeground#2A2C30
- list.inactiveFocusBackground#2626260D
- list.inactiveSelectionBackground#2626260D
- list.inactiveSelectionForeground#5A5F66
- list.invalidItemForeground#A23B29
- list.warningForeground#8A6D1F
- listFilterWidget.background#F6F5E1
- listFilterWidget.noMatchesOutline#26262600
- listFilterWidget.outline#26262600
- markdownAlert.caution.foreground#9A3B26
- markdownAlert.important.foreground#315D8C
- markdownAlert.note.foreground#315D8C
- markdownAlert.tip.foreground#4C7548
- markdownAlert.warning.foreground#A23B29
- menu.background#F6F5E1
- menu.border#26262600
- menu.foreground#5A5F66
- menu.selectionBackground#26262614
- menu.selectionForeground#232527
- menu.separatorBackground#26262618
- menubar.selectionBackground#26262614
- menubar.selectionForeground#232527
- merge.border#26262600
- merge.commonContentBackground#D8D3BC25
- merge.commonHeaderBackground#D8D3BC45
- merge.currentContentBackground#4C754826
- merge.currentHeaderBackground#4C75483D
- merge.incomingContentBackground#315D8C26
- merge.incomingHeaderBackground#315D8C3D
- minimap.background#F6F5E1
- minimap.errorHighlight#A23B29
- minimap.findMatchHighlight#A23B2940
- minimap.selectionHighlight#2B5A8C21
- minimap.warningHighlight#8A6D1F
- minimapSlider.activeBackground#23252721
- minimapSlider.background#2325270A
- minimapSlider.hoverBackground#23252714
- modernActivityBar.activeBackground#EDEBD6
- modernActivityBar.background#FAF9F0
- modernActivityBar.hoverBackground#F0EEE0
- multiDiffEditor.border#26262615
- multiDiffEditor.headerBackground#FAF9F0
- notificationCenterHeader.background#FAF9F0
- notificationCenterHeader.foreground#5A5F66
- notificationLink.foreground#2A2C30
- notifications.background#FAF9F0
- notifications.border#26262600
- notifications.foreground#5A5F66
- notificationsErrorIcon.foreground#A23B29
- notificationsInfoIcon.foreground#315D8C
- notificationsWarningIcon.foreground#8A6D1F
- notificationToast.border#26262618
- panel.background#F6F5E1
- panel.border#26262600
- panelInput.border#26262600
- panelSection.border#26262600
- panelSectionHeader.background#F6F5E1
- panelSectionHeader.border#26262600
- panelSectionHeader.foreground#2A2C30
- panelTitle.activeBorder#26262600
- panelTitle.activeForeground#232527
- panelTitle.inactiveForeground#5A5F66
- peekView.border#26262600
- peekViewEditor.background#F6F5E1
- peekViewEditor.matchHighlightBackground#A23B2933
- peekViewEditorGutter.background#26262608
- peekViewResult.background#F6F5E1
- peekViewResult.fileForeground#232527
- peekViewResult.lineForeground#5A5F66
- peekViewResult.matchHighlightBackground#A23B2933
- peekViewResult.selectionBackground#2B5A8C21
- peekViewResult.selectionForeground#232527
- peekViewTitle.background#F6F5E1
- peekViewTitleDescription.foreground#5A5F66
- peekViewTitleLabel.foreground#232527
- pickerGroup.border#26262615
- pickerGroup.foreground#315D8C
- progressBar.background#232527
- quickInput.background#F6F5E1
- quickInput.foreground#5A5F66
- quickInputList.focusBackground#315D8C21
- quickInputList.focusForeground#232527
- quickInputList.focusIconForeground#232527
- quickInputTitle.background#F6F5E1
- scrollbar.shadow#26262600
- scrollbarSlider.activeBackground#26262629
- scrollbarSlider.background#2626260F
- scrollbarSlider.hoverBackground#2626261C
- searchEditor.findMatchBackground#A23B2920
- searchEditor.findMatchBorder#26262600
- selection.background#315D8C2E
- settings.checkboxBackground#F6F5E1
- settings.checkboxBorder#26262628
- settings.checkboxForeground#2A2C30
- settings.dropdownBackground#F6F5E1
- settings.dropdownBorder#26262628
- settings.dropdownForeground#2A2C30
- settings.focusedRowBackground#ECE8D0
- settings.focusedRowBorder#26262600
- settings.headerForeground#232527
- settings.modifiedItemIndicator#315D8C
- settings.numberInputBackground#F6F5E1
- settings.numberInputBorder#26262615
- settings.numberInputForeground#2A2C30
- settings.rowHoverBackground#ECE8D080
- settings.textInputBackground#F6F5E1
- settings.textInputBorder#26262615
- settings.textInputForeground#2A2C30
- sideBar.background#F6F5E1
- sideBar.border#26262600
- sideBar.dropBackground#26262610
- sideBar.foreground#5C5852
- sideBarSectionHeader.background#F6F5E1
- sideBarSectionHeader.border#26262600
- sideBarSectionHeader.foreground#232527
- sideBarTitle.foreground#232527
- statusBar.background#F6F5E1
- statusBar.border#26262600
- statusBar.debuggingBackground#9D2933
- statusBar.debuggingForeground#FAF9F0
- statusBar.foreground#5C5852
- statusBar.noFolderBackground#F6F5E1
- statusBar.noFolderForeground#5C5852
- statusBarItem.activeBackground#2626261C
- statusBarItem.errorBackground#A23B29
- statusBarItem.errorForeground#FAF9F0
- statusBarItem.hoverBackground#26262612
- statusBarItem.prominentBackground#26262615
- statusBarItem.prominentHoverBackground#26262622
- statusBarItem.warningBackground#8A6D1F
- statusBarItem.warningForeground#FAF9F0
- surface.border#00000000
- symbolIcon.arrayForeground#5A5F66
- symbolIcon.booleanForeground#2A7078
- symbolIcon.classForeground#1D1F21
- symbolIcon.colorForeground#2A7078
- symbolIcon.constantForeground#2E59A7
- symbolIcon.constructorForeground#315D8C
- symbolIcon.enumeratorForeground#2A7078
- symbolIcon.enumeratorMemberForeground#2A7078
- symbolIcon.eventForeground#7A5B8C
- symbolIcon.fieldForeground#3B3D42
- symbolIcon.fileForeground#5A5F66
- symbolIcon.folderForeground#5A5F66
- symbolIcon.functionForeground#2A2C30
- symbolIcon.interfaceForeground#1D1F21
- symbolIcon.keyForeground#8A4B2F
- symbolIcon.keywordForeground#9D2933
- symbolIcon.methodForeground#2A2C30
- symbolIcon.moduleForeground#232527
- symbolIcon.namespaceForeground#232527
- symbolIcon.nullForeground#2A7078
- symbolIcon.numberForeground#2E59A7
- symbolIcon.objectForeground#2A2C30
- symbolIcon.operatorForeground#5A5F66
- symbolIcon.packageForeground#232527
- symbolIcon.propertyForeground#3B3D42
- symbolIcon.referenceForeground#315D8C
- symbolIcon.snippetForeground#7A5B8C
- symbolIcon.stringForeground#2E59A7
- symbolIcon.structForeground#232527
- symbolIcon.textForeground#2A2C30
- symbolIcon.typeParameterForeground#7A5B8C
- symbolIcon.unitForeground#8A4B2F
- symbolIcon.variableForeground#3B3D42
- tab.activeBackground#F6F5E1
- tab.activeBorder#26262600
- tab.activeBorderTop#9D2933
- tab.activeForeground#232527
- tab.border#26262600
- tab.hoverBackground#ECE8D080
- tab.inactiveBackground#F6F5E1
- tab.inactiveForeground#5C5852
- tab.unfocusedActiveBackground#F6F5E1
- tab.unfocusedActiveForeground#5A5F66
- tab.unfocusedInactiveBackground#F6F5E1
- tab.unfocusedInactiveForeground#5A5F66
- terminal.ansiBlack#232527
- terminal.ansiBlue#315D8C
- terminal.ansiBrightBlack#6E7278
- terminal.ansiBrightBlue#3F6EAA
- terminal.ansiBrightCyan#1D828E
- terminal.ansiBrightGreen#507F49
- terminal.ansiBrightMagenta#86699C
- terminal.ansiBrightRed#B04A32
- terminal.ansiBrightWhite#232527
- terminal.ansiBrightYellow#8F7018
- terminal.ansiCyan#2A7078
- terminal.ansiGreen#4C7548
- terminal.ansiMagenta#7A5B8C
- terminal.ansiRed#A23B29
- terminal.ansiWhite#5A5F66
- terminal.ansiYellow#8A6D1F
- terminal.background#F6F5E1
- terminal.foreground#2A2C30
- terminal.selectionBackground#315D8C2E
- terminalCursor.background#FAF9F0
- terminalCursor.foreground#A23B29
- testing.iconErrored#A23B29
- testing.iconFailed#A23B29
- testing.iconPassed#4C7548
- testing.iconQueued#8A6D1F
- testing.iconSkipped#6E7278
- testing.iconUnset#6E7278
- testing.runAction#315D8C
- textBlockQuote.background#4C75480F
- textBlockQuote.border#26262600
- textCodeBlock.background#2626260D
- textLink.activeForeground#232527
- textLink.foreground#315D8C
- textPreformat.foreground#2A2C30
- textSeparator.foreground#26262620
- titleBar.activeBackground#F6F5E1
- titleBar.activeForeground#232527
- titleBar.border#26262600
- titleBar.inactiveBackground#F6F5E1
- titleBar.inactiveForeground#5A5F66
- tree.inactiveIndentGuidesStroke#26262610
- tree.indentGuidesStroke#26262618
- widget.border#26262600
- widget.shadow#00000000
- widget.shadow1#00000014
- widget.shadow2#0000000a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment, comment.block.documentation | #4A7A42 | italic |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return, keyword.control.trycatch, keyword.control.exception, keyword.control.as, keyword.control.default, keyword.control.switch | #9D2933 | bold |
| keyword, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.void, keyword.operator.in, keyword.operator.of, storage.type, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.ts, storage.type.namespace | #5A5D54 | italic |
| storage.modifier, storage.type.annotation | #6B6F76 | — |
| entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.parameter, entity.name.class, support.type, support.class | #1D1F21 | bold |
| entity.other.inherited-class | #1D1F21 | italic |
| entity.name.function, support.function, meta.function-call.generic, meta.function-call.object, entity.name.function.constructor, entity.name.function.destructor, support.function.builtin | #2A2C30 | — |
| variable, variable.other, variable.other.readwrite, meta.definition.variable, support.variable | #3B3D42 | — |
| variable.parameter, meta.function.parameters | #3B3D42 | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.other.attribute-name, entity.other.attribute-name.html, support.type.property-name | #3B3D42 | — |
| variable.language.this, variable.language.super, variable.language.special, variable.parameter.function.language.special | #5A5D54 | italic |
| string, string.quoted, string.template, punctuation.definition.string, string.regexp | #2E59A7 | — |
| constant.numeric, constant.language, constant.character, constant.character.escape, constant.other.placeholder, variable.other.constant, variable.other.enummember, support.constant | #B05628 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.ternary, keyword.operator.type, keyword.operator.spread, keyword.operator.logical, keyword.operator.bitwise | #6B6F76 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.dictionary, punctuation.definition.block, punctuation.definition.tag, meta.brace.round, meta.brace.square, meta.brace.curly | #6B6F76 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, meta.tag.other.html | #2A2C30 | — |
| entity.name.tag.component, support.class.component, entity.name.tag.custom, entity.name.tag.custom.html | #1D1F21 | bold |
| markup.heading, markup.heading entity.name | #1D1F21 | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.inline.raw, markup.fenced_code.block | #2E59A7 | — |
| markup.underline.link, string.other.link | #2E59A7 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #9D2933 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #4A7A42 | — |
| markup.changed, punctuation.definition.changed | #2E59A7 | — |
| entity.name.tag.template.html.vue, entity.name.tag.script.html.vue, entity.name.tag.style.html.vue | #1D1F21 | bold |
| entity.name.tag.html.vue | #2A2C30 | — |
| support.class.component.vue, entity.name.tag.custom.html.vue | #1D1F21 | bold |
| keyword.control.conditional.vue, keyword.control.loop.vue | #9D2933 | bold |
| meta.attribute.directive.vue entity.other.attribute-name.html.vue, meta.attribute.directive.control.vue entity.other.attribute-name.html.vue, punctuation.attribute-shorthand.bind.html.vue, punctuation.attribute-shorthand.event.html.vue, punctuation.attribute-shorthand.slot.html.vue, punctuation.attribute-shorthand.vue | #6B6F76 | — |
| punctuation.definition.interpolation.begin.html.vue, punctuation.definition.interpolation.end.html.vue | #2A2C30 | bold |
| punctuation.definition.block.tag.comment.vue, storage.type.class.comment.vue | #4A7A42 | italic bold |
| vue.sfc.style.variable.injection.v-bind entity.name.function | #315D8C | bold |