Tinted VSCode
Publisher: Tinted ThemingThemes in package: 543
Choose from over 250 Tinted Themes
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#353554
- activityBar.activeBorder#94e2d5
- activityBar.background#1e1e2e
- activityBar.dropBackground#ff0000
- activityBar.foreground#cdd6f4
- activityBar.inactiveForeground#6c7086
- activityBarBadge.background#94e2d5
- activityBarBadge.foreground#353554
- badge.background#94e2d5
- badge.foreground#1e1e2e
- breadcrumb.activeSelectionForeground#cdd6f4
- breadcrumb.background#1e1e2e
- breadcrumb.focusForeground#cdd6f4
- breadcrumb.foreground#505365
- breadcrumbPicker.background#181825
- button.background#181825
- button.foreground#cdd6f4
- charts.blue#89b4fa
- charts.foreground#97abed
- charts.green#a6e3a1
- charts.lines#94e2d5
- charts.orange#fab387
- charts.purple#cba6f7
- charts.red#f38ba8
- charts.yellow#f9e2af
- checkbox.background#181825
- checkbox.border#181825
- checkbox.foreground#cdd6f4
- contrastBorder#505365
- debugConsole.errorForeground#f38ba8
- debugConsole.infoForeground#fab387
- debugConsole.warningForeground#f9e2af
- debugIcon.breakpointForeground#f38ba8
- debugToolBar.background#181825
- diffEditor.insertedTextBackground#d3f1d040
- diffEditor.removedTextBackground#f9c2d240
- dropdown.background#1e1e2e
- dropdown.border#505365
- dropdown.foreground#cdd6f4
- editor.background#1e1e2e
- editor.findMatchBackground#353554
- editor.findMatchBorder#353554
- editor.findMatchHighlightBackground#353554
- editor.findMatchHighlightBorder#35355440
- editor.foldBackground#181825
- editor.foreground#cdd6f4
- editor.hoverHighlightBackground#181825
- editor.inactiveSelectionBackground#353554
- editor.lineHighlightBackground#505365
- editor.lineHighlightBorder#505365
- editor.rangeHighlightBackground#94e2d5
- editor.selectionBackground#353554
- editor.selectionHighlightBackground#353554
- editor.snippetFinalTabstopHighlightBackground#1e1e2e
- editor.snippetFinalTabstopHighlightBorder#94e2d5
- editor.snippetTabstopHighlightBackground#1e1e2e
- editor.snippetTabstopHighlightBorder#505365
- editor.wordHighlightBackground#505365
- editor.wordHighlightBorder#505365
- editor.wordHighlightStrongBackground#6c7086
- editor.wordHighlightStrongBorder#6c7086
- editorBracketHighlight.foreground1#fab387
- editorBracketHighlight.foreground2#fab387
- editorBracketHighlight.foreground3#fab387
- editorBracketHighlight.foreground4#fab387
- editorBracketHighlight.foreground5#fab387
- editorBracketHighlight.foreground6#fab387
- editorBracketHighlight.unexpectedBracket.foreground#f38ba8
- editorBracketMatch.background#181825
- editorBracketMatch.border#94e2d5
- editorBracketPairGuide.activeBackground1#fab38740
- editorBracketPairGuide.activeBackground2#fab38740
- editorBracketPairGuide.activeBackground3#fab38740
- editorBracketPairGuide.activeBackground4#fab38740
- editorBracketPairGuide.activeBackground5#fab38740
- editorBracketPairGuide.activeBackground6#fab38740
- editorBracketPairGuide.background1#fab38720
- editorBracketPairGuide.background2#fab38720
- editorBracketPairGuide.background3#fab38720
- editorBracketPairGuide.background4#fab38720
- editorBracketPairGuide.background5#fab38720
- editorBracketPairGuide.background6#fab38720
- editorCodeLens.foreground#97abed
- editorCursor.foreground#
- editorError.foreground#f38ba8
- editorGroup.border#505365
- editorGroup.dropBackground#353554
- editorGroupHeader.tabsBackground#181825
- editorGutter.addedBackground#a6e3a1
- editorGutter.background#1e1e2e
- editorGutter.deletedBackground#f38ba8
- editorGutter.modifiedBackground#f9e2af
- editorHoverWidget.background#181825
- editorHoverWidget.border#505365
- editorHoverWidget.foreground#cdd6f4
- editorIndentGuide.activeBackground#505365
- editorIndentGuide.background#353554
- editorInfo.foreground#fab387
- editorLineNumber.activeForeground#cdd6f4
- editorLineNumber.foreground#97abed
- editorLink.activeForeground#94e2d5
- editorMarkerNavigation.background#181825
- editorOverviewRuler.addedForeground#a6e3a1
- editorOverviewRuler.border#505365
- editorOverviewRuler.currentContentForeground#a6e3a1
- editorOverviewRuler.deletedForeground#f38ba8
- editorOverviewRuler.errorForeground#f38ba8
- editorOverviewRuler.incomingContentForeground#89b4fa
- editorOverviewRuler.infoForeground#fab387
- editorOverviewRuler.modifiedForeground#f9e2af
- editorOverviewRuler.selectionHighlightForeground#cdd6f4
- editorOverviewRuler.warningForeground#f9e2af
- editorOverviewRuler.wordHighlightForeground#cdd6f4
- editorOverviewRuler.wordHighlightStrongForeground#cdd6f4
- editorRuler.foreground#353554
- editorSuggestWidget.background#181825
- editorSuggestWidget.foreground#cdd6f4
- editorSuggestWidget.selectedBackground#353554
- editorWarning.foreground#f9e2af
- editorWhitespace.foreground#6c7086
- editorWidget.background#181825
- errorForeground#f38ba8
- extensionButton.prominentForeground#cdd6f4
- extensionButton.prominentHoverBackground#a6e3a1
- focusBorder#94e2d5
- foreground#cdd6f4
- gitDecoration.addedResourceForeground#a6e3a1
- gitDecoration.conflictingResourceForeground#f9e2af
- gitDecoration.deletedResourceForeground#f38ba8
- gitDecoration.ignoredResourceForeground#97abed
- gitDecoration.modifiedResourceForeground#fab387
- gitDecoration.renamedResourceForeground#fab387
- gitDecoration.stageModifiedResourceForeground#f9e2af
- gitDecoration.submoduleResourceForeground#94e2d5
- gitDecoration.untrackedResourceForeground#a6e3a1
- input.background#1e1e2e
- input.border#505365
- input.foreground#cdd6f4
- input.placeholderForeground#97abed
- inputOption.activeBorder#94e2d5
- inputValidation.errorBackground#1e1e2e
- inputValidation.errorBorder#505365
- inputValidation.errorForeground#f38ba8
- inputValidation.infoBackground#1e1e2e
- inputValidation.infoBorder#505365
- inputValidation.infoForeground#fab387
- inputValidation.warningBackground#1e1e2e
- inputValidation.warningBorder#505365
- inputValidation.warningForeground#f9e2af
- list.activeSelectionBackground#353554
- list.activeSelectionForeground#cdd6f4
- list.dropBackground#181825
- list.errorForeground#f38ba8
- list.focusBackground#353554
- list.highlightForeground#f9e2af
- list.hoverBackground#353554
- list.inactiveSelectionBackground#353554
- list.warningForeground#f9e2af
- listFilterWidget.background#1e1e2e
- listFilterWidget.noMatchesOutline#f38ba8
- listFilterWidget.outline#353554
- merge.currentHeaderBackground#a6e3a1
- merge.incomingHeaderBackground#89b4fa
- minimap.background#1e1e2e
- minimap.findMatchHighlight#353554
- minimap.selectionHighlight#353554
- minimapGutter.addedBackground#a6e3a1
- minimapGutter.deletedBackground#f38ba8
- minimapGutter.modifiedBackground#f9e2af
- notification.background#1e1e2e
- notification.buttonBackground#353554
- notification.buttonForeground#cdd6f4
- notification.buttonHoverBackground#353554
- notification.errorBackground#f38ba8
- notification.errorForeground#1e1e2e
- notification.foreground#cdd6f4
- notification.infoBackground#fab387
- notification.infoForeground#1e1e2e
- notification.warningBackground#f9e2af
- notification.warningForeground#1e1e2e
- notificationCenter.border#505365
- notificationCenterHeader.background#1e1e2e
- notificationCenterHeader.foreground#cdd6f4
- notificationLink.foreground#94e2d5
- notifications.background#1e1e2e
- notifications.border#505365
- notifications.foreground#cdd6f4
- notificationsErrorIcon.foreground#f38ba8
- notificationsInfoIcon.foreground#fab387
- notificationsWarningIcon.foreground#f9e2af
- notificationToast.border#505365
- panel.background#1e1e2e
- panel.border#505365
- panelInput.border#505365
- panelTitle.activeBorder#94e2d5
- panelTitle.activeForeground#cdd6f4
- panelTitle.inactiveForeground#97abed
- peekView.border#505365
- peekViewEditor.background#1e1e2e
- peekViewEditor.matchHighlightBackground#353554
- peekViewResult.background#181825
- peekViewResult.fileForeground#cdd6f4
- peekViewResult.lineForeground#cdd6f4
- peekViewResult.matchHighlightBackground#353554
- peekViewResult.selectionBackground#353554
- peekViewResult.selectionForeground#cdd6f4
- peekViewTitle.background#181825
- peekViewTitleDescription.foreground#97abed
- peekViewTitleLabel.foreground#cdd6f4
- pickerGroup.border#505365
- pickerGroup.foreground#94e2d5
- progressBar.background#94e2d5
- quickInput.background#181825
- quickInput.foreground#cdd6f4
- quickInputList.focusBackground#353554
- scrollbar.shadow#353554
- scrollbarSlider.activeBackground#97abed80
- scrollbarSlider.background#97abed40
- scrollbarSlider.hoverBackground#97abed60
- selection.background#353554
- settings.checkboxBackground#181825
- settings.checkboxBorder#505365
- settings.checkboxForeground#cdd6f4
- settings.dropdownBackground#181825
- settings.dropdownBorder#505365
- settings.dropdownForeground#cdd6f4
- settings.headerForeground#cdd6f4
- settings.modifiedItemIndicator#f9e2af
- settings.numberInputBackground#181825
- settings.numberInputBorder#181825
- settings.numberInputForeground#cdd6f4
- settings.textInputBackground#181825
- settings.textInputBorder#181825
- settings.textInputForeground#cdd6f4
- sideBar.background#1e1e2e
- sideBar.border#505365
- sideBar.foreground#cdd6f4
- sideBarSectionHeader.background#1e1e2e
- sideBarSectionHeader.border#505365
- sideBarTitle.foreground#cdd6f4
- statusBar.background#181825
- statusBar.debuggingForeground#181825
- statusBar.foreground#cdd6f4
- statusBar.noFolderBackground#181825
- statusBar.noFolderForeground#cdd6f4
- statusBarItem.prominentBackground#f38ba8
- statusBarItem.prominentHoverBackground#f9e2af
- statusBarItem.remoteBackground#94e2d5
- statusBarItem.remoteForeground#1e1e2e
- tab.activeBackground#353554
- tab.activeBorderTop#94e2d580
- tab.activeForeground#ffffff
- tab.border#505365
- tab.inactiveBackground#181825
- tab.inactiveForeground#97abed
- terminal.ansiBlack#1e1e2e
- terminal.ansiBlue#89b4fa
- terminal.ansiBrightBlack#353554
- terminal.ansiBrightBlue#c4d9fc
- terminal.ansiBrightCyan#c4efe8
- terminal.ansiBrightGreen#d3f1d0
- terminal.ansiBrightMagenta#ece0fb
- terminal.ansiBrightRed#f9c2d2
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fcf6e9
- terminal.ansiCyan#94e2d5
- terminal.ansiGreen#a6e3a1
- terminal.ansiMagenta#cba6f7
- terminal.ansiRed#f38ba8
- terminal.ansiWhite#cdd6f4
- terminal.ansiYellow#f9e2af
- terminal.background#1e1e2e
- terminal.border#505365
- terminal.foreground#cdd6f4
- terminal.selectionBackground#353554
- terminalCursor.background#1e1e2e
- terminalCursor.foreground#
- textBlockQuote.background#181825
- textLink.foreground#94e2d5
- titleBar.activeBackground#181825
- titleBar.activeForeground#cdd6f4
- titleBar.inactiveBackground#181825
- titleBar.inactiveForeground#97abed
- walkThrough.embeddedEditorBackground#181825
- welcomePage.buttonBackground#353554
- welcomePage.buttonHoverBackground#353554
- widget.shadow#505365
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #505365 | — |
| comment.line | #505365 | — |
| comment.block | #505365 | — |
| comment.block.documentation | #505365 | — |
| invalid | #f9c2d2 | — |
| invalid.deprecated | #fcf6e9 | — |
| invalid.illegal | #f9c2d2 | — |
| string | #a6e3a1 | — |
| string.quoted | #a6e3a1 | — |
| string.quoted.single | #a6e3a1 | — |
| string.quoted.double | #a6e3a1 | — |
| string.regexp | #f38ba8 | — |
| string.template | #a6e3a1 | — |
| string.interpolated, meta.template.expression, punctuation.definition.template-expression | #a6e3a1 | — |
| string.unquoted | #a6e3a1 | — |
| string.other | #a6e3a1 | — |
| constant | #fab387 | — |
| constant.numeric | #fab387 | — |
| constant.numeric.integer | #fab387 | — |
| constant.numeric.float | #fab387 | — |
| constant.numeric.hex | #fab387 | — |
| constant.language | #fab387 | — |
| constant.character | #fab387 | — |
| constant.character.escape | #fab387 | — |
| constant.character.entity | #fab387 | — |
| constant.other | #fab387 | — |
| entity | #cdd6f4 | — |
| entity.name | #cdd6f4 | — |
| entity.name.class | #cdd6f4 | — |
| entity.name.type | #f9e2af | — |
| entity.name.type.class | #f9e2af | — |
| entity.name.type.enum | #f9e2af | — |
| entity.name.type.struct | #f9e2af | — |
| entity.name.function | #89b4fa | — |
| entity.name.function.constructor | #89b4fa | — |
| entity.name.label | #cdd6f4 | — |
| entity.name.tag | #cdd6f4 | — |
| entity.name.type | #f9e2af | — |
| entity.name.namespace, entity.name.module | #f9e2af | — |
| entity.name.section | #94e2d5 | — |
| entity.other | #cdd6f4 | — |
| entity.other.attribute-name | #cba6f7 | — |
| entity.other.inherited-class | #cdd6f4 | — |
| keyword | #cba6f7 | — |
| keyword.control | #cba6f7 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #cba6f7 | — |
| keyword.control.flow, keyword.control.return, keyword.control.break, keyword.control.continue | #cba6f7 | — |
| keyword.declaration, keyword.other.declaration | #cba6f7 | — |
| keyword.operator | #94e2d5 | — |
| keyword.other | #cba6f7 | — |
| storage | #cba6f7 | — |
| storage.type | #cba6f7 | — |
| storage.modifier | #cba6f7 | — |
| support | #89b4fa | — |
| support.function | #89b4fa | — |
| support.function.builtin | #c4d9fc | — |
| support.class | #89b4fa | — |
| support.type | #89b4fa | — |
| support.constant | #cba6f7 | — |
| support.variable | #94e2d5 | — |
| support.other | #89b4fa | — |
| variable | #cdd6f4 | — |
| variable.parameter | #c4efe8 | — |
| variable.language | #f38ba8 | — |
| variable.other | #cdd6f4 | — |
| variable.other.constant | #cdd6f4 | — |
| variable.other.property, variable.other.member | #cdd6f4 | — |
| variable.other.object | #cdd6f4 | — |
| punctuation | #97abed | — |
| punctuation.separator | #cdd6f4 | — |
| punctuation.definition | #cdd6f4 | — |
| punctuation.definition.string | #a6e3a1 | — |
| punctuation.definition.comment | #505365 | — |
| punctuation.section | #fab387 | — |
| punctuation.brackets | #eba0ac | — |
| punctuation.brackets.round | #eba0ac | — |
| punctuation.brackets.curly | #eba0ac | — |
| punctuation.brackets.square | #eba0ac | — |
| punctuation.brackets.angle | #89dceb | — |
| markup | #fab387 | — |
| markup.bold | #fab387 | bold |
| markup.italic | #fab387 | italic |
| markup.heading, entity.name.section | #cba6f7 | — |
| markup.quote | #fab387 | — |
| markup.underline | #fab387 | underline |
| markup.list, punctuation.definition.list | #fab387 | — |
| markup.list.numbered | #94e2d5 | — |
| markup.list.unnumbered | #94e2d5 | — |
| markup.underline.link | #f9e2af | — |
| markup.raw, markup.inline.raw, markup.fenced_code | #fab387 | — |
| markup.inserted, meta.diff.header.to-file | #d3f1d0 | — |
| markup.changed | #fcf6e9 | — |
| markup.deleted, meta.diff.header.from-file | #f9c2d2 | — |
| source | #cdd6f4 | — |
| text | #cdd6f4 | — |
| meta | #cdd6f4 | — |
| meta.annotation.hex, meta.attribute | #f9e2af | — |
| meta.function | #89b4fa | — |
| meta.class | #cdd6f4 | — |
| meta.block | #cdd6f4 | — |
| meta.tag | #cdd6f4 | — |
| meta.type | #cdd6f4 | — |
| meta.import | #cdd6f4 | — |
| meta.preprocessor | #cdd6f4 | — |
| meta.object.member, meta.object-literal.key | #fab387 | — |
| meta.embedded | #cdd6f4 | — |
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#3c3836
- activityBar.activeBorder#689d6a
- activityBar.background#282828
- activityBar.dropBackground#ff0000
- activityBar.foreground#ebdbb2
- activityBar.inactiveForeground#928374
- activityBarBadge.background#689d6a
- activityBarBadge.foreground#3c3836
- badge.background#689d6a
- badge.foreground#282828
- breadcrumb.activeSelectionForeground#ebdbb2
- breadcrumb.background#282828
- breadcrumb.focusForeground#ebdbb2
- breadcrumb.foreground#716457
- breadcrumbPicker.background#1d2021
- button.background#1d2021
- button.foreground#ebdbb2
- charts.blue#458588
- charts.foreground#e3c67d
- charts.green#98971a
- charts.lines#689d6a
- charts.orange#d65d0e
- charts.purple#b16286
- charts.red#cc241d
- charts.yellow#d79921
- checkbox.background#1d2021
- checkbox.border#1d2021
- checkbox.foreground#ebdbb2
- contrastBorder#716457
- debugConsole.errorForeground#cc241d
- debugConsole.infoForeground#d65d0e
- debugConsole.warningForeground#d79921
- debugIcon.breakpointForeground#cc241d
- debugToolBar.background#1d2021
- diffEditor.insertedTextBackground#b8bb2640
- diffEditor.removedTextBackground#fb493440
- dropdown.background#282828
- dropdown.border#716457
- dropdown.foreground#ebdbb2
- editor.background#282828
- editor.findMatchBackground#3c3836
- editor.findMatchBorder#3c3836
- editor.findMatchHighlightBackground#3c3836
- editor.findMatchHighlightBorder#3c383640
- editor.foldBackground#1d2021
- editor.foreground#ebdbb2
- editor.hoverHighlightBackground#1d2021
- editor.inactiveSelectionBackground#3c3836
- editor.lineHighlightBackground#716457
- editor.lineHighlightBorder#716457
- editor.rangeHighlightBackground#689d6a
- editor.selectionBackground#3c3836
- editor.selectionHighlightBackground#3c3836
- editor.snippetFinalTabstopHighlightBackground#282828
- editor.snippetFinalTabstopHighlightBorder#689d6a
- editor.snippetTabstopHighlightBackground#282828
- editor.snippetTabstopHighlightBorder#716457
- editor.wordHighlightBackground#716457
- editor.wordHighlightBorder#716457
- editor.wordHighlightStrongBackground#928374
- editor.wordHighlightStrongBorder#928374
- editorBracketHighlight.foreground1#d65d0e
- editorBracketHighlight.foreground2#d65d0e
- editorBracketHighlight.foreground3#d65d0e
- editorBracketHighlight.foreground4#d65d0e
- editorBracketHighlight.foreground5#d65d0e
- editorBracketHighlight.foreground6#d65d0e
- editorBracketHighlight.unexpectedBracket.foreground#cc241d
- editorBracketMatch.background#1d2021
- editorBracketMatch.border#689d6a
- editorBracketPairGuide.activeBackground1#d65d0e40
- editorBracketPairGuide.activeBackground2#d65d0e40
- editorBracketPairGuide.activeBackground3#d65d0e40
- editorBracketPairGuide.activeBackground4#d65d0e40
- editorBracketPairGuide.activeBackground5#d65d0e40
- editorBracketPairGuide.activeBackground6#d65d0e40
- editorBracketPairGuide.background1#d65d0e20
- editorBracketPairGuide.background2#d65d0e20
- editorBracketPairGuide.background3#d65d0e20
- editorBracketPairGuide.background4#d65d0e20
- editorBracketPairGuide.background5#d65d0e20
- editorBracketPairGuide.background6#d65d0e20
- editorCodeLens.foreground#e3c67d
- editorCursor.foreground#
- editorError.foreground#cc241d
- editorGroup.border#716457
- editorGroup.dropBackground#3c3836
- editorGroupHeader.tabsBackground#1d2021
- editorGutter.addedBackground#98971a
- editorGutter.background#282828
- editorGutter.deletedBackground#cc241d
- editorGutter.modifiedBackground#d79921
- editorHoverWidget.background#1d2021
- editorHoverWidget.border#716457
- editorHoverWidget.foreground#ebdbb2
- editorIndentGuide.activeBackground#716457
- editorIndentGuide.background#3c3836
- editorInfo.foreground#d65d0e
- editorLineNumber.activeForeground#ebdbb2
- editorLineNumber.foreground#e3c67d
- editorLink.activeForeground#689d6a
- editorMarkerNavigation.background#1d2021
- editorOverviewRuler.addedForeground#98971a
- editorOverviewRuler.border#716457
- editorOverviewRuler.currentContentForeground#98971a
- editorOverviewRuler.deletedForeground#cc241d
- editorOverviewRuler.errorForeground#cc241d
- editorOverviewRuler.incomingContentForeground#458588
- editorOverviewRuler.infoForeground#d65d0e
- editorOverviewRuler.modifiedForeground#d79921
- editorOverviewRuler.selectionHighlightForeground#ebdbb2
- editorOverviewRuler.warningForeground#d79921
- editorOverviewRuler.wordHighlightForeground#ebdbb2
- editorOverviewRuler.wordHighlightStrongForeground#ebdbb2
- editorRuler.foreground#3c3836
- editorSuggestWidget.background#1d2021
- editorSuggestWidget.foreground#ebdbb2
- editorSuggestWidget.selectedBackground#3c3836
- editorWarning.foreground#d79921
- editorWhitespace.foreground#928374
- editorWidget.background#1d2021
- errorForeground#cc241d
- extensionButton.prominentForeground#ebdbb2
- extensionButton.prominentHoverBackground#98971a
- focusBorder#689d6a
- foreground#ebdbb2
- gitDecoration.addedResourceForeground#98971a
- gitDecoration.conflictingResourceForeground#d79921
- gitDecoration.deletedResourceForeground#cc241d
- gitDecoration.ignoredResourceForeground#e3c67d
- gitDecoration.modifiedResourceForeground#d65d0e
- gitDecoration.renamedResourceForeground#d65d0e
- gitDecoration.stageModifiedResourceForeground#d79921
- gitDecoration.submoduleResourceForeground#689d6a
- gitDecoration.untrackedResourceForeground#98971a
- input.background#282828
- input.border#716457
- input.foreground#ebdbb2
- input.placeholderForeground#e3c67d
- inputOption.activeBorder#689d6a
- inputValidation.errorBackground#282828
- inputValidation.errorBorder#716457
- inputValidation.errorForeground#cc241d
- inputValidation.infoBackground#282828
- inputValidation.infoBorder#716457
- inputValidation.infoForeground#d65d0e
- inputValidation.warningBackground#282828
- inputValidation.warningBorder#716457
- inputValidation.warningForeground#d79921
- list.activeSelectionBackground#3c3836
- list.activeSelectionForeground#ebdbb2
- list.dropBackground#1d2021
- list.errorForeground#cc241d
- list.focusBackground#3c3836
- list.highlightForeground#d79921
- list.hoverBackground#3c3836
- list.inactiveSelectionBackground#3c3836
- list.warningForeground#d79921
- listFilterWidget.background#282828
- listFilterWidget.noMatchesOutline#cc241d
- listFilterWidget.outline#3c3836
- merge.currentHeaderBackground#98971a
- merge.incomingHeaderBackground#458588
- minimap.background#282828
- minimap.findMatchHighlight#3c3836
- minimap.selectionHighlight#3c3836
- minimapGutter.addedBackground#98971a
- minimapGutter.deletedBackground#cc241d
- minimapGutter.modifiedBackground#d79921
- notification.background#282828
- notification.buttonBackground#3c3836
- notification.buttonForeground#ebdbb2
- notification.buttonHoverBackground#3c3836
- notification.errorBackground#cc241d
- notification.errorForeground#282828
- notification.foreground#ebdbb2
- notification.infoBackground#d65d0e
- notification.infoForeground#282828
- notification.warningBackground#d79921
- notification.warningForeground#282828
- notificationCenter.border#716457
- notificationCenterHeader.background#282828
- notificationCenterHeader.foreground#ebdbb2
- notificationLink.foreground#689d6a
- notifications.background#282828
- notifications.border#716457
- notifications.foreground#ebdbb2
- notificationsErrorIcon.foreground#cc241d
- notificationsInfoIcon.foreground#d65d0e
- notificationsWarningIcon.foreground#d79921
- notificationToast.border#716457
- panel.background#282828
- panel.border#716457
- panelInput.border#716457
- panelTitle.activeBorder#689d6a
- panelTitle.activeForeground#ebdbb2
- panelTitle.inactiveForeground#e3c67d
- peekView.border#716457
- peekViewEditor.background#282828
- peekViewEditor.matchHighlightBackground#3c3836
- peekViewResult.background#1d2021
- peekViewResult.fileForeground#ebdbb2
- peekViewResult.lineForeground#ebdbb2
- peekViewResult.matchHighlightBackground#3c3836
- peekViewResult.selectionBackground#3c3836
- peekViewResult.selectionForeground#ebdbb2
- peekViewTitle.background#1d2021
- peekViewTitleDescription.foreground#e3c67d
- peekViewTitleLabel.foreground#ebdbb2
- pickerGroup.border#716457
- pickerGroup.foreground#689d6a
- progressBar.background#689d6a
- quickInput.background#1d2021
- quickInput.foreground#ebdbb2
- quickInputList.focusBackground#3c3836
- scrollbar.shadow#3c3836
- scrollbarSlider.activeBackground#e3c67d80
- scrollbarSlider.background#e3c67d40
- scrollbarSlider.hoverBackground#e3c67d60
- selection.background#3c3836
- settings.checkboxBackground#1d2021
- settings.checkboxBorder#716457
- settings.checkboxForeground#ebdbb2
- settings.dropdownBackground#1d2021
- settings.dropdownBorder#716457
- settings.dropdownForeground#ebdbb2
- settings.headerForeground#ebdbb2
- settings.modifiedItemIndicator#d79921
- settings.numberInputBackground#1d2021
- settings.numberInputBorder#1d2021
- settings.numberInputForeground#ebdbb2
- settings.textInputBackground#1d2021
- settings.textInputBorder#1d2021
- settings.textInputForeground#ebdbb2
- sideBar.background#282828
- sideBar.border#716457
- sideBar.foreground#ebdbb2
- sideBarSectionHeader.background#282828
- sideBarSectionHeader.border#716457
- sideBarTitle.foreground#ebdbb2
- statusBar.background#1d2021
- statusBar.debuggingForeground#1d2021
- statusBar.foreground#ebdbb2
- statusBar.noFolderBackground#1d2021
- statusBar.noFolderForeground#ebdbb2
- statusBarItem.prominentBackground#cc241d
- statusBarItem.prominentHoverBackground#d79921
- statusBarItem.remoteBackground#689d6a
- statusBarItem.remoteForeground#282828
- tab.activeBackground#3c3836
- tab.activeBorderTop#689d6a80
- tab.activeForeground#fbf1c7
- tab.border#716457
- tab.inactiveBackground#1d2021
- tab.inactiveForeground#e3c67d
- terminal.ansiBlack#282828
- terminal.ansiBlue#458588
- terminal.ansiBrightBlack#3c3836
- terminal.ansiBrightBlue#83a598
- terminal.ansiBrightCyan#8ec07c
- terminal.ansiBrightGreen#b8bb26
- terminal.ansiBrightMagenta#d3869b
- terminal.ansiBrightRed#fb4934
- terminal.ansiBrightWhite#fbf1c7
- terminal.ansiBrightYellow#fabd2f
- terminal.ansiCyan#689d6a
- terminal.ansiGreen#98971a
- terminal.ansiMagenta#b16286
- terminal.ansiRed#cc241d
- terminal.ansiWhite#ebdbb2
- terminal.ansiYellow#d79921
- terminal.background#282828
- terminal.border#716457
- terminal.foreground#ebdbb2
- terminal.selectionBackground#3c3836
- terminalCursor.background#282828
- terminalCursor.foreground#
- textBlockQuote.background#1d2021
- textLink.foreground#689d6a
- titleBar.activeBackground#1d2021
- titleBar.activeForeground#ebdbb2
- titleBar.inactiveBackground#1d2021
- titleBar.inactiveForeground#e3c67d
- walkThrough.embeddedEditorBackground#1d2021
- welcomePage.buttonBackground#3c3836
- welcomePage.buttonHoverBackground#3c3836
- widget.shadow#716457
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #716457 | — |
| comment.line | #716457 | — |
| comment.block | #716457 | — |
| comment.block.documentation | #716457 | — |
| invalid | #fb4934 | — |
| invalid.deprecated | #fabd2f | — |
| invalid.illegal | #fb4934 | — |
| string | #98971a | — |
| string.quoted | #98971a | — |
| string.quoted.single | #98971a | — |
| string.quoted.double | #98971a | — |
| string.regexp | #cc241d | — |
| string.template | #98971a | — |
| string.interpolated, meta.template.expression, punctuation.definition.template-expression | #98971a | — |
| string.unquoted | #98971a | — |
| string.other | #98971a | — |
| constant | #d65d0e | — |
| constant.numeric | #d65d0e | — |
| constant.numeric.integer | #d65d0e | — |
| constant.numeric.float | #d65d0e | — |
| constant.numeric.hex | #d65d0e | — |
| constant.language | #d65d0e | — |
| constant.character | #d65d0e | — |
| constant.character.escape | #d65d0e | — |
| constant.character.entity | #d65d0e | — |
| constant.other | #d65d0e | — |
| entity | #ebdbb2 | — |
| entity.name | #98971a | — |
| entity.name.class | #98971a | — |
| entity.name.type | #98971a | — |
| entity.name.type.class | #98971a | — |
| entity.name.type.enum | #98971a | — |
| entity.name.type.struct | #98971a | — |
| entity.name.function | #689d6a | — |
| entity.name.function.constructor | #689d6a | — |
| entity.name.label | #98971a | — |
| entity.name.tag | #98971a | — |
| entity.name.type | #98971a | — |
| entity.name.namespace, entity.name.module | #98971a | — |
| entity.name.section | #98971a | — |
| entity.other | #ebdbb2 | — |
| entity.other.attribute-name | #b16286 | — |
| entity.other.inherited-class | #ebdbb2 | — |
| keyword | #d79921 | — |
| keyword.control | #d79921 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #d79921 | — |
| keyword.control.flow, keyword.control.return, keyword.control.break, keyword.control.continue | #d79921 | — |
| keyword.declaration, keyword.other.declaration | #d79921 | — |
| keyword.operator | #d79921 | — |
| keyword.other | #d79921 | — |
| storage | #d65d0e | — |
| storage.type | #d65d0e | — |
| storage.modifier | #d65d0e | — |
| support | #458588 | — |
| support.function | #458588 | — |
| support.function.builtin | #83a598 | — |
| support.class | #458588 | — |
| support.type | #458588 | — |
| support.constant | #689d6a | — |
| support.variable | #689d6a | — |
| support.other | #458588 | — |
| variable | #ebdbb2 | — |
| variable.parameter | #8ec07c | — |
| variable.language | #b16286 | — |
| variable.other | #ebdbb2 | — |
| variable.other.constant | #ebdbb2 | — |
| variable.other.property, variable.other.member | #ebdbb2 | — |
| variable.other.object | #ebdbb2 | — |
| punctuation | #e3c67d | — |
| punctuation.separator | #ebdbb2 | — |
| punctuation.definition | #ebdbb2 | — |
| punctuation.definition.string | #98971a | — |
| punctuation.definition.comment | #716457 | — |
| punctuation.section | #d65d0e | — |
| punctuation.brackets | #d65d0e | — |
| punctuation.brackets.round | #d65d0e | — |
| punctuation.brackets.curly | #d65d0e | — |
| punctuation.brackets.square | #d65d0e | — |
| punctuation.brackets.angle | #d65d0e | — |
| markup | #d65d0e | — |
| markup.bold | #d65d0e | bold |
| markup.italic | #d65d0e | italic |
| markup.heading, entity.name.section | #b16286 | — |
| markup.quote | #d65d0e | — |
| markup.underline | #d65d0e | underline |
| markup.list, punctuation.definition.list | #d65d0e | — |
| markup.list.numbered | #689d6a | — |
| markup.list.unnumbered | #689d6a | — |
| markup.underline.link | #d79921 | — |
| markup.raw, markup.inline.raw, markup.fenced_code | #d65d0e | — |
| markup.inserted, meta.diff.header.to-file | #b8bb26 | — |
| markup.changed | #fabd2f | — |
| markup.deleted, meta.diff.header.from-file | #fb4934 | — |
| source | #ebdbb2 | — |
| text | #ebdbb2 | — |
| meta | #ebdbb2 | — |
| meta.annotation.hex, meta.attribute | #d65d0e | — |
| meta.function | #ebdbb2 | — |
| meta.class | #ebdbb2 | — |
| meta.block | #ebdbb2 | — |
| meta.tag | #ebdbb2 | — |
| meta.type | #ebdbb2 | — |
| meta.import | #ebdbb2 | — |
| meta.preprocessor | #ebdbb2 | — |
| meta.object.member, meta.object-literal.key | #d65d0e | — |
| meta.embedded | #ebdbb2 | — |
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#465165
- activityBar.activeBorder#88c0d0
- activityBar.background#2e3440
- activityBar.dropBackground#ff0000
- activityBar.foreground#e5e9f0
- activityBar.inactiveForeground#616e88
- activityBarBadge.background#88c0d0
- activityBarBadge.foreground#465165
- badge.background#88c0d0
- badge.foreground#2e3440
- breadcrumb.activeSelectionForeground#e5e9f0
- breadcrumb.background#2e3440
- breadcrumb.focusForeground#e5e9f0
- breadcrumb.foreground#475165
- breadcrumbPicker.background#14171d
- button.background#14171d
- button.foreground#e5e9f0
- charts.blue#81a1c1
- charts.foreground#d8dee9
- charts.green#a3be8c
- charts.lines#88c0d0
- charts.orange#d08770
- charts.purple#b48ead
- charts.red#bf616a
- charts.yellow#ebcb8b
- checkbox.background#14171d
- checkbox.border#14171d
- checkbox.foreground#e5e9f0
- contrastBorder#3b4252
- debugConsole.errorForeground#bf616a
- debugConsole.infoForeground#ebcb8b
- debugConsole.warningForeground#ebcb8b
- debugIcon.breakpointForeground#bf616a
- debugToolBar.background#14171d
- diffEditor.insertedTextBackground#c2d4b340
- diffEditor.removedTextBackground#d18d9340
- dropdown.background#2e3440
- dropdown.border#3b4252
- dropdown.foreground#e5e9f0
- editor.background#2e3440
- editor.findMatchBackground#465165
- editor.findMatchBorder#465165
- editor.findMatchHighlightBackground#465165
- editor.findMatchHighlightBorder#46516540
- editor.foldBackground#14171d
- editor.foreground#e5e9f0
- editor.hoverHighlightBackground#14171d
- editor.inactiveSelectionBackground#465165
- editor.lineHighlightBackground#434c5e
- editor.lineHighlightBorder#434c5e
- editor.rangeHighlightBackground#88c0d0
- editor.selectionBackground#465165
- editor.selectionHighlightBackground#465165
- editor.snippetFinalTabstopHighlightBackground#2e3440
- editor.snippetFinalTabstopHighlightBorder#88c0d0
- editor.snippetTabstopHighlightBackground#2e3440
- editor.snippetTabstopHighlightBorder#3b4252
- editor.wordHighlightBackground#475165
- editor.wordHighlightBorder#475165
- editor.wordHighlightStrongBackground#616e88
- editor.wordHighlightStrongBorder#616e88
- editorBracketHighlight.foreground1#88c0d0
- editorBracketHighlight.foreground2#88c0d0
- editorBracketHighlight.foreground3#88c0d0
- editorBracketHighlight.foreground4#88c0d0
- editorBracketHighlight.foreground5#88c0d0
- editorBracketHighlight.foreground6#88c0d0
- editorBracketHighlight.unexpectedBracket.foreground#bf616a
- editorBracketMatch.background#14171d
- editorBracketMatch.border#88c0d0
- editorBracketPairGuide.activeBackground1#88c0d040
- editorBracketPairGuide.activeBackground2#88c0d040
- editorBracketPairGuide.activeBackground3#88c0d040
- editorBracketPairGuide.activeBackground4#88c0d040
- editorBracketPairGuide.activeBackground5#88c0d040
- editorBracketPairGuide.activeBackground6#88c0d040
- editorBracketPairGuide.background1#88c0d020
- editorBracketPairGuide.background2#88c0d020
- editorBracketPairGuide.background3#88c0d020
- editorBracketPairGuide.background4#88c0d020
- editorBracketPairGuide.background5#88c0d020
- editorBracketPairGuide.background6#88c0d020
- editorCodeLens.foreground#d8dee9
- editorCursor.foreground#
- editorError.foreground#bf616a
- editorGroup.border#3b4252
- editorGroup.dropBackground#465165
- editorGroupHeader.tabsBackground#14171d
- editorGutter.addedBackground#a3be8c
- editorGutter.background#2e3440
- editorGutter.deletedBackground#bf616a
- editorGutter.modifiedBackground#ebcb8b
- editorHoverWidget.background#14171d
- editorHoverWidget.border#3b4252
- editorHoverWidget.foreground#e5e9f0
- editorIndentGuide.activeBackground#616e88
- editorIndentGuide.background#434c5e
- editorInfo.foreground#ebcb8b
- editorLineNumber.activeForeground#e5e9f0
- editorLineNumber.foreground#434c5e
- editorLink.activeForeground#88c0d0
- editorMarkerNavigation.background#14171d
- editorOverviewRuler.addedForeground#a3be8c
- editorOverviewRuler.border#3b4252
- editorOverviewRuler.currentContentForeground#a3be8c
- editorOverviewRuler.deletedForeground#bf616a
- editorOverviewRuler.errorForeground#bf616a
- editorOverviewRuler.incomingContentForeground#81a1c1
- editorOverviewRuler.infoForeground#ebcb8b
- editorOverviewRuler.modifiedForeground#ebcb8b
- editorOverviewRuler.selectionHighlightForeground#e5e9f0
- editorOverviewRuler.warningForeground#ebcb8b
- editorOverviewRuler.wordHighlightForeground#e5e9f0
- editorOverviewRuler.wordHighlightStrongForeground#e5e9f0
- editorRuler.foreground#465165
- editorSuggestWidget.background#14171d
- editorSuggestWidget.foreground#e5e9f0
- editorSuggestWidget.selectedBackground#465165
- editorWarning.foreground#ebcb8b
- editorWhitespace.foreground#616e88
- editorWidget.background#14171d
- errorForeground#bf616a
- extensionButton.prominentForeground#e5e9f0
- extensionButton.prominentHoverBackground#a3be8c
- focusBorder#88c0d0
- foreground#e5e9f0
- gitDecoration.addedResourceForeground#a3be8c
- gitDecoration.conflictingResourceForeground#ebcb8b
- gitDecoration.deletedResourceForeground#bf616a
- gitDecoration.ignoredResourceForeground#d8dee9
- gitDecoration.modifiedResourceForeground#ebcb8b
- gitDecoration.renamedResourceForeground#ebcb8b
- gitDecoration.stageModifiedResourceForeground#ebcb8b
- gitDecoration.submoduleResourceForeground#88c0d0
- gitDecoration.untrackedResourceForeground#a3be8c
- input.background#2e3440
- input.border#3b4252
- input.foreground#e5e9f0
- input.placeholderForeground#d8dee9
- inputOption.activeBorder#88c0d0
- inputValidation.errorBackground#2e3440
- inputValidation.errorBorder#3b4252
- inputValidation.errorForeground#bf616a
- inputValidation.infoBackground#2e3440
- inputValidation.infoBorder#3b4252
- inputValidation.infoForeground#ebcb8b
- inputValidation.warningBackground#2e3440
- inputValidation.warningBorder#3b4252
- inputValidation.warningForeground#ebcb8b
- list.activeSelectionBackground#465165
- list.activeSelectionForeground#e5e9f0
- list.dropBackground#14171d
- list.errorForeground#bf616a
- list.focusBackground#465165
- list.highlightForeground#ebcb8b
- list.hoverBackground#465165
- list.inactiveSelectionBackground#465165
- list.warningForeground#ebcb8b
- listFilterWidget.background#2e3440
- listFilterWidget.noMatchesOutline#bf616a
- listFilterWidget.outline#465165
- merge.currentHeaderBackground#a3be8c
- merge.incomingHeaderBackground#81a1c1
- minimap.background#2e3440
- minimap.findMatchHighlight#465165
- minimap.selectionHighlight#465165
- minimapGutter.addedBackground#a3be8c
- minimapGutter.deletedBackground#bf616a
- minimapGutter.modifiedBackground#ebcb8b
- notification.background#2e3440
- notification.buttonBackground#465165
- notification.buttonForeground#e5e9f0
- notification.buttonHoverBackground#465165
- notification.errorBackground#bf616a
- notification.errorForeground#2e3440
- notification.foreground#e5e9f0
- notification.infoBackground#ebcb8b
- notification.infoForeground#2e3440
- notification.warningBackground#ebcb8b
- notification.warningForeground#2e3440
- notificationCenter.border#3b4252
- notificationCenterHeader.background#2e3440
- notificationCenterHeader.foreground#e5e9f0
- notificationLink.foreground#88c0d0
- notifications.background#2e3440
- notifications.border#3b4252
- notifications.foreground#e5e9f0
- notificationsErrorIcon.foreground#bf616a
- notificationsInfoIcon.foreground#ebcb8b
- notificationsWarningIcon.foreground#ebcb8b
- notificationToast.border#3b4252
- panel.background#2e3440
- panel.border#3b4252
- panelInput.border#3b4252
- panelTitle.activeBorder#88c0d0
- panelTitle.activeForeground#e5e9f0
- panelTitle.inactiveForeground#d8dee9
- peekView.border#3b4252
- peekViewEditor.background#2e3440
- peekViewEditor.matchHighlightBackground#465165
- peekViewResult.background#14171d
- peekViewResult.fileForeground#e5e9f0
- peekViewResult.lineForeground#e5e9f0
- peekViewResult.matchHighlightBackground#465165
- peekViewResult.selectionBackground#465165
- peekViewResult.selectionForeground#e5e9f0
- peekViewTitle.background#14171d
- peekViewTitleDescription.foreground#d8dee9
- peekViewTitleLabel.foreground#e5e9f0
- pickerGroup.border#3b4252
- pickerGroup.foreground#88c0d0
- progressBar.background#88c0d0
- quickInput.background#14171d
- quickInput.foreground#e5e9f0
- quickInputList.focusBackground#465165
- scrollbar.shadow#465165
- scrollbarSlider.activeBackground#d8dee980
- scrollbarSlider.background#d8dee940
- scrollbarSlider.hoverBackground#d8dee960
- selection.background#465165
- settings.checkboxBackground#14171d
- settings.checkboxBorder#3b4252
- settings.checkboxForeground#e5e9f0
- settings.dropdownBackground#14171d
- settings.dropdownBorder#3b4252
- settings.dropdownForeground#e5e9f0
- settings.headerForeground#e5e9f0
- settings.modifiedItemIndicator#ebcb8b
- settings.numberInputBackground#14171d
- settings.numberInputBorder#14171d
- settings.numberInputForeground#e5e9f0
- settings.textInputBackground#14171d
- settings.textInputBorder#14171d
- settings.textInputForeground#e5e9f0
- sideBar.background#2e3440
- sideBar.border#3b4252
- sideBar.foreground#e5e9f0
- sideBarSectionHeader.background#2e3440
- sideBarSectionHeader.border#3b4252
- sideBarTitle.foreground#e5e9f0
- statusBar.background#14171d
- statusBar.debuggingForeground#14171d
- statusBar.foreground#e5e9f0
- statusBar.noFolderBackground#14171d
- statusBar.noFolderForeground#e5e9f0
- statusBarItem.prominentBackground#bf616a
- statusBarItem.prominentHoverBackground#ebcb8b
- statusBarItem.remoteBackground#88c0d0
- statusBarItem.remoteForeground#2e3440
- tab.activeBackground#465165
- tab.activeBorderTop#88c0d080
- tab.activeForeground#eceff4
- tab.border#3b4252
- tab.inactiveBackground#14171d
- tab.inactiveForeground#d8dee9
- terminal.ansiBlack#2e3440
- terminal.ansiBlue#81a1c1
- terminal.ansiBrightBlack#465165
- terminal.ansiBrightBlue#aac0d5
- terminal.ansiBrightCyan#b4d7e1
- terminal.ansiBrightGreen#c2d4b3
- terminal.ansiBrightMagenta#ccb3c8
- terminal.ansiBrightRed#d18d93
- terminal.ansiBrightWhite#eceff4
- terminal.ansiBrightYellow#f4e2bf
- terminal.ansiCyan#88c0d0
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#bf616a
- terminal.ansiWhite#e5e9f0
- terminal.ansiYellow#ebcb8b
- terminal.background#2e3440
- terminal.border#3b4252
- terminal.foreground#e5e9f0
- terminal.selectionBackground#465165
- terminalCursor.background#2e3440
- terminalCursor.foreground#
- textBlockQuote.background#14171d
- textLink.foreground#88c0d0
- titleBar.activeBackground#14171d
- titleBar.activeForeground#e5e9f0
- titleBar.inactiveBackground#14171d
- titleBar.inactiveForeground#d8dee9
- walkThrough.embeddedEditorBackground#14171d
- welcomePage.buttonBackground#465165
- welcomePage.buttonHoverBackground#465165
- widget.shadow#3b4252
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #616e88 | — |
| comment.line | #616e88 | — |
| comment.block | #616e88 | — |
| comment.block.documentation | #616e88 | — |
| invalid | #d18d93 | — |
| invalid.deprecated | #f4e2bf | — |
| invalid.illegal | #d18d93 | — |
| string | #a3be8c | — |
| string.quoted | #a3be8c | — |
| string.quoted.single | #a3be8c | — |
| string.quoted.double | #a3be8c | — |
| string.regexp | #a3be8c | — |
| string.template | #a3be8c | — |
| string.interpolated, meta.template.expression, punctuation.definition.template-expression | #a3be8c | — |
| string.unquoted | #a3be8c | — |
| string.other | #a3be8c | — |
| constant | #88c0d0 | — |
| constant.numeric | #b48ead | — |
| constant.numeric.integer | #b48ead | — |
| constant.numeric.float | #b48ead | — |
| constant.numeric.hex | #b48ead | — |
| constant.language | #88c0d0 | — |
| constant.character | #88c0d0 | — |
| constant.character.escape | #88c0d0 | — |
| constant.character.entity | #88c0d0 | — |
| constant.other | #88c0d0 | — |
| entity | #e5e9f0 | — |
| entity.name | #81a1c1 | — |
| entity.name.class | #81a1c1 | — |
| entity.name.type | #e5e9f0 | — |
| entity.name.type.class | #e5e9f0 | — |
| entity.name.type.enum | #e5e9f0 | — |
| entity.name.type.struct | #e5e9f0 | — |
| entity.name.function | #88c0d0 | — |
| entity.name.function.constructor | #88c0d0 | — |
| entity.name.label | #81a1c1 | — |
| entity.name.tag | #81a1c1 | — |
| entity.name.type | #e5e9f0 | — |
| entity.name.namespace, entity.name.module | #81a1c1 | — |
| entity.name.section | #81a1c1 | — |
| entity.other | #e5e9f0 | — |
| entity.other.attribute-name | #b48ead | — |
| entity.other.inherited-class | #e5e9f0 | — |
| keyword | #81a1c1 | — |
| keyword.control | #81a1c1 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #81a1c1 | — |
| keyword.control.flow, keyword.control.return, keyword.control.break, keyword.control.continue | #81a1c1 | — |
| keyword.declaration, keyword.other.declaration | #81a1c1 | — |
| keyword.operator | #81a1c1 | — |
| keyword.other | #81a1c1 | — |
| storage | #81a1c1 | — |
| storage.type | #81a1c1 | — |
| storage.modifier | #81a1c1 | — |
| support | #81a1c1 | — |
| support.function | #81a1c1 | — |
| support.function.builtin | #aac0d5 | — |
| support.class | #81a1c1 | — |
| support.type | #81a1c1 | — |
| support.constant | #b48ead | — |
| support.variable | #88c0d0 | — |
| support.other | #81a1c1 | — |
| variable | #e5e9f0 | — |
| variable.parameter | #b4d7e1 | — |
| variable.language | #81a1c1 | — |
| variable.other | #e5e9f0 | — |
| variable.other.constant | #e5e9f0 | — |
| variable.other.property, variable.other.member | #e5e9f0 | — |
| variable.other.object | #e5e9f0 | — |
| punctuation | #d8dee9 | — |
| punctuation.separator | #e5e9f0 | — |
| punctuation.definition | #e5e9f0 | — |
| punctuation.definition.string | #e5e9f0 | — |
| punctuation.definition.comment | #616e88 | — |
| punctuation.section | #88c0d0 | — |
| punctuation.brackets | #d08770 | — |
| punctuation.brackets.round | #d08770 | — |
| punctuation.brackets.curly | #d08770 | — |
| punctuation.brackets.square | #d08770 | — |
| punctuation.brackets.angle | #d08770 | — |
| markup | #d08770 | — |
| markup.bold | #d08770 | bold |
| markup.italic | #d08770 | italic |
| markup.heading, entity.name.section | #b48ead | — |
| markup.quote | #d08770 | — |
| markup.underline | #d08770 | underline |
| markup.list, punctuation.definition.list | #d08770 | — |
| markup.list.numbered | #88c0d0 | — |
| markup.list.unnumbered | #88c0d0 | — |
| markup.underline.link | #ebcb8b | — |
| markup.raw, markup.inline.raw, markup.fenced_code | #d08770 | — |
| markup.inserted, meta.diff.header.to-file | #c2d4b3 | — |
| markup.changed | #f4e2bf | — |
| markup.deleted, meta.diff.header.from-file | #d18d93 | — |
| source | #e5e9f0 | — |
| text | #e5e9f0 | — |
| meta | #e5e9f0 | — |
| meta.annotation.hex, meta.attribute | #e5e9f0 | — |
| meta.function | #e5e9f0 | — |
| meta.class | #e5e9f0 | — |
| meta.block | #e5e9f0 | — |
| meta.tag | #e5e9f0 | — |
| meta.type | #e5e9f0 | — |
| meta.import | #e5e9f0 | — |
| meta.preprocessor | #e5e9f0 | — |
| meta.object.member, meta.object-literal.key | #e5e9f0 | — |
| meta.embedded | #e5e9f0 | — |