Chilaquiles Theme
Publisher: Arturo De la Garza ZertucheThemes in package: 4
A VS Code color theme inspired by chilaquiles — warm reds, toasted golds, and cilantro greens.
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.background#110A04
- activityBar.border#3D2A1A
- activityBar.foreground#F5F1E8
- activityBar.inactiveForeground#8B6355
- activityBarBadge.background#C44536
- activityBarBadge.foreground#F5F1E8
- badge.background#C44536
- badge.foreground#F5F1E8
- breadcrumb.activeSelectionForeground#F5F1E8
- breadcrumb.focusForeground#F5F1E8
- breadcrumb.foreground#B8917A
- button.background#C44536
- button.foreground#F5F1E8
- button.hoverBackground#D4533F
- button.secondaryBackground#2A1C10
- button.secondaryForeground#F5F1E8
- button.secondaryHoverBackground#3D2A1A
- commandCenter.activeBackground#3A2818
- commandCenter.activeForeground#F5F1E8
- commandCenter.background#241408
- commandCenter.border#3D2A1A
- commandCenter.foreground#F5F1E8
- diffEditor.border#2A1A10
- diffEditor.diagonalFill#2A1A1080
- diffEditor.insertedTextBackground#6DBF7220
- diffEditor.removedTextBackground#E05C4B20
- dropdown.background#211409
- dropdown.border#3D2A1A
- dropdown.foreground#F5F1E8
- editor.background#1A1008
- editor.findMatchBackground#D4A01760
- editor.findMatchHighlightBackground#D4A01730
- editor.foreground#F5F1E8
- editor.inactiveSelectionBackground#C4453625
- editor.lineHighlightBackground#2A1C10
- editor.selectionBackground#C4453640
- editor.selectionHighlightBackground#D4A01730
- editor.wordHighlightBackground#B8917A30
- editor.wordHighlightStrongBackground#B8917A50
- editorBracketHighlight.foreground1#E8B84B
- editorBracketHighlight.foreground2#6DBF72
- editorBracketHighlight.foreground3#E05C4B
- editorBracketHighlight.foreground4#E8C96A
- editorBracketHighlight.foreground5#D97085
- editorBracketHighlight.foreground6#B8917A
- editorBracketHighlight.unexpectedBracket.foreground#E05C4B
- editorBracketMatch.background#D4A01730
- editorBracketMatch.border#D4A017
- editorCursor.foreground#D4A017
- editorError.foreground#E05C4B
- editorGhostText.background#00000000
- editorGhostText.foreground#8B635580
- editorGroup.border#3D2A1A
- editorGroup.dropBackground#E8B84B30
- editorGroupHeader.tabsBackground#110A04
- editorGroupHeader.tabsBorder#3D2A1A
- editorGutter.addedBackground#6DBF72
- editorGutter.deletedBackground#E05C4B
- editorGutter.modifiedBackground#E8B84B
- editorHoverWidget.background#241408
- editorHoverWidget.border#3A2818
- editorHoverWidget.foreground#F5F1E8
- editorIndentGuide.activeBackground1#8B6355
- editorIndentGuide.background1#3D2A1A
- editorInfo.foreground#5B9BD5
- editorInlayHint.background#3A281880
- editorInlayHint.foreground#A67B6A
- editorLineNumber.activeForeground#D4A017
- editorLineNumber.foreground#8B6355
- editorLink.activeForeground#E8B84B
- editorOverviewRuler.errorForeground#E05C4B
- editorOverviewRuler.infoForeground#6DBF72
- editorOverviewRuler.warningForeground#E8B84B
- editorRuler.foreground#3D2A1A
- editorStickyScroll.background#1A1008
- editorStickyScrollHover.background#241408
- editorSuggestWidget.background#241408
- editorSuggestWidget.border#3A2818
- editorSuggestWidget.foreground#F5F1E8
- editorSuggestWidget.highlightForeground#E8B84B
- editorSuggestWidget.selectedBackground#3A2818
- editorWarning.foreground#E8B84B
- editorWhitespace.foreground#3D2A1A
- focusBorder#D4A017
- foreground#F5F1E8
- gitDecoration.addedResourceForeground#4CAF50
- gitDecoration.conflictingResourceForeground#E8B84B
- gitDecoration.deletedResourceForeground#C44536
- gitDecoration.ignoredResourceForeground#8B6355
- gitDecoration.modifiedResourceForeground#D4A017
- gitDecoration.untrackedResourceForeground#2E7D32
- input.background#2A1C10
- input.border#3D2A1A
- input.foreground#F5F1E8
- input.placeholderForeground#8B6355
- inputOption.activeBackground#E8B84B30
- inputOption.activeBorder#E8B84B
- inputOption.activeForeground#F5F1E8
- inputValidation.errorBackground#C4453620
- inputValidation.errorBorder#C44536
- inputValidation.warningBackground#D4A01720
- inputValidation.warningBorder#D4A017
- keybindingLabel.background#3A281880
- keybindingLabel.border#3D2A1A
- keybindingLabel.bottomBorder#3D2A1A
- keybindingLabel.foreground#F5F1E8
- list.activeSelectionBackground#C4453640
- list.activeSelectionForeground#F5F1E8
- list.focusBackground#C4453640
- list.highlightForeground#D4A017
- list.hoverBackground#2A1C10
- list.inactiveSelectionBackground#C4453625
- merge.border#2A1A10
- merge.currentContentBackground#6DBF7220
- merge.currentHeaderBackground#6DBF7240
- merge.incomingContentBackground#E8B84B20
- merge.incomingHeaderBackground#E8B84B40
- minimap.background#1A1008
- minimapSlider.activeBackground#B8917A60
- minimapSlider.background#B8917A20
- minimapSlider.hoverBackground#B8917A40
- notificationCenter.border#3D2A1A
- notificationCenterHeader.background#110A04
- notificationCenterHeader.foreground#D4A017
- notifications.background#211409
- notifications.border#3D2A1A
- notifications.foreground#F5F1E8
- notificationsErrorIcon.foreground#E05C4B
- notificationsInfoIcon.foreground#5B9BD5
- notificationsWarningIcon.foreground#E8B84B
- notificationToast.border#3D2A1A
- panel.background#160D06
- panel.border#3D2A1A
- panelTitle.activeBorder#D4A017
- panelTitle.activeForeground#D4A017
- panelTitle.inactiveForeground#8B6355
- peekView.border#E05C4B
- peekViewEditor.background#1E0E04
- peekViewResult.background#241408
- peekViewTitle.background#2A1A10
- peekViewTitleLabel.foreground#F5F1E8
- pickerGroup.border#3A2818
- pickerGroup.foreground#E8B84B
- progressBar.background#C44536
- quickInput.background#241408
- quickInput.foreground#F5F1E8
- quickInputList.focusBackground#3A2818
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#D4A01780
- scrollbarSlider.background#3D2A1A80
- scrollbarSlider.hoverBackground#8B635580
- selection.background#C4453640
- sideBar.background#160D06
- sideBar.border#3D2A1A
- sideBar.foreground#F5F1E8
- sideBarSectionHeader.background#211409
- sideBarSectionHeader.border#3D2A1A
- sideBarSectionHeader.foreground#F5F1E8
- sideBarTitle.foreground#D4A017
- statusBar.background#0D0704
- statusBar.border#3D2A1A
- statusBar.debuggingBackground#C44536
- statusBar.debuggingForeground#F5F1E8
- statusBar.foreground#F5F1E8
- statusBar.noFolderBackground#2E7D32
- statusBarItem.errorBackground#C44536
- statusBarItem.errorForeground#F5F1E8
- statusBarItem.hoverBackground#2A1C10
- statusBarItem.remoteBackground#2E7D32
- statusBarItem.remoteForeground#F5F1E8
- statusBarItem.warningBackground#E8B84B
- statusBarItem.warningForeground#1A1008
- tab.activeBackground#1A1008
- tab.activeBorder#D4A017
- tab.activeForeground#F5F1E8
- tab.activeModifiedBorder#E8B84B
- tab.border#3D2A1A
- tab.inactiveBackground#110A04
- tab.inactiveForeground#8B6355
- tab.inactiveModifiedBorder#8B6355
- tab.unfocusedActiveBackground#1A1008
- tab.unfocusedActiveBorder#8B6355
- tab.unfocusedActiveForeground#A0927E
- tab.unfocusedActiveModifiedBorder#8B6355
- terminal.ansiBlack#2A1C10
- terminal.ansiBlue#5B9BD5
- terminal.ansiBrightBlack#8B6355
- terminal.ansiBrightBlue#7AB3E0
- terminal.ansiBrightCyan#5BB5AB
- terminal.ansiBrightGreen#4CAF50
- terminal.ansiBrightMagenta#C44536
- terminal.ansiBrightRed#E05C4B
- terminal.ansiBrightWhite#FDF8F0
- terminal.ansiBrightYellow#E8B84B
- terminal.ansiCyan#3A8F85
- terminal.ansiGreen#2E7D32
- terminal.ansiMagenta#B23A2B
- terminal.ansiRed#C44536
- terminal.ansiWhite#F5F1E8
- terminal.ansiYellow#D4A017
- terminal.background#1A1008
- terminal.foreground#F5F1E8
- terminalCursor.background#1A1008
- terminalCursor.foreground#D4A017
- titleBar.activeBackground#0D0704
- titleBar.activeForeground#F5F1E8
- titleBar.border#3D2A1A
- titleBar.inactiveBackground#0D0704
- titleBar.inactiveForeground#8B6355
- tree.indentGuidesStroke#3D2A1A
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #F5F1E8 | — |
| comment, comment.line, comment.block, comment.block.documentation | #A67B6A | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, storage, storage.type, storage.modifier | #E05C4B | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #E05C4B | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated | #E8B84B | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #E05C4B | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #E8C96A | — |
| entity.name.function, support.function, meta.function-call, variable.function | #6DBF72 | — |
| variable, variable.other, variable.other.readwrite, variable.parameter | #F5F1E8 | — |
| variable.other.constant, variable.other.enummember | #E8C96A | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #D97085 | — |
| entity.name.type.primitive, support.type.primitive, keyword.type | #D97085 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #E8B84B | — |
| entity.name.module, support.module, meta.import string | #E8B84B | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #E05C4B | italic |
| entity.name.tag, meta.tag | #D97085 | — |
| entity.other.attribute-name | #C480B0 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #D97085 | — |
| support.type.property-name.css | #6DBF72 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #B8917A | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #F5F1E8 | — |
| markup.heading, entity.name.section | #E05C4B | bold |
| markup.bold | #E8B84B | bold |
| markup.italic | #F5F1E8 | italic |
| markup.inline.raw | #6DBF72 | — |
| markup.underline.link, string.other.link | #E8B84B | underline |
| meta.type.assertion.ts, meta.type.assertion.tsx | #D97085 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #D97085 | italic |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #E05C4B | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #D97085 | italic |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js | #D97085 | italic |
| keyword.control.import.ts, keyword.control.export.ts, keyword.control.import.tsx, keyword.control.export.tsx, keyword.control.import.js, keyword.control.export.js | #E05C4B | bold |
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.background#F0E8D8
- activityBar.border#C8B49A
- activityBar.foreground#2A1810
- activityBar.inactiveForeground#7A5547
- activityBarBadge.background#8C1D35
- activityBarBadge.foreground#FFFBF5
- badge.background#8C1D35
- badge.foreground#FFFBF5
- breadcrumb.activeSelectionForeground#2A1810
- breadcrumb.focusForeground#2A1810
- breadcrumb.foreground#6B4A35
- button.background#8C1D35
- button.foreground#FFFBF5
- button.hoverBackground#B23525
- button.secondaryBackground#EDE4D4
- button.secondaryForeground#2A1810
- button.secondaryHoverBackground#C8B49A
- commandCenter.activeBackground#EDE4D4
- commandCenter.activeForeground#2A1810
- commandCenter.background#F5EFE3
- commandCenter.border#C8B49A
- commandCenter.foreground#2A1810
- diffEditor.border#E8DFD0
- diffEditor.diagonalFill#E8DFD080
- diffEditor.insertedTextBackground#2E7D3220
- diffEditor.removedTextBackground#C4391C20
- dropdown.background#F5EFE3
- dropdown.border#C8B49A
- dropdown.foreground#2A1810
- editor.background#FFFBF5
- editor.findMatchBackground#7A5C0060
- editor.findMatchHighlightBackground#7A5C0030
- editor.foreground#2A1810
- editor.inactiveSelectionBackground#8C1D3525
- editor.lineHighlightBackground#EDE4D4
- editor.selectionBackground#8C1D3540
- editor.selectionHighlightBackground#7A5C0030
- editor.wordHighlightBackground#6B4A3520
- editor.wordHighlightStrongBackground#6B4A3540
- editorBracketHighlight.foreground1#7B5B00
- editorBracketHighlight.foreground2#2E7D32
- editorBracketHighlight.foreground3#C4391C
- editorBracketHighlight.foreground4#A05600
- editorBracketHighlight.foreground5#8C1D35
- editorBracketHighlight.foreground6#6B4A35
- editorBracketHighlight.unexpectedBracket.foreground#C4391C
- editorBracketMatch.background#7A5C0030
- editorBracketMatch.border#7A5C00
- editorCursor.foreground#7A5C00
- editorError.foreground#C0392B
- editorGhostText.background#00000000
- editorGhostText.foreground#7A554780
- editorGroup.border#C8B49A
- editorGroup.dropBackground#7A5C0030
- editorGroupHeader.tabsBackground#F0E8D8
- editorGroupHeader.tabsBorder#C8B49A
- editorGutter.addedBackground#2E7D32
- editorGutter.deletedBackground#C4391C
- editorGutter.modifiedBackground#7B5B00
- editorHoverWidget.background#FFFBF5
- editorHoverWidget.border#E8DFD0
- editorHoverWidget.foreground#2A1810
- editorIndentGuide.activeBackground1#7A5547
- editorIndentGuide.background1#C8B49A
- editorInfo.foreground#2471A3
- editorInlayHint.background#E8DFD080
- editorInlayHint.foreground#826858
- editorLineNumber.activeForeground#7A5C00
- editorLineNumber.foreground#7A5547
- editorLink.activeForeground#7B5B00
- editorOverviewRuler.errorForeground#C4391C
- editorOverviewRuler.infoForeground#2E7D32
- editorOverviewRuler.warningForeground#7B5B00
- editorRuler.foreground#C8B49A
- editorStickyScroll.background#FFFBF5
- editorStickyScrollHover.background#F5EDE0
- editorSuggestWidget.background#FFFBF5
- editorSuggestWidget.border#E8DFD0
- editorSuggestWidget.foreground#2A1810
- editorSuggestWidget.highlightForeground#7B5B00
- editorSuggestWidget.selectedBackground#E8DFD0
- editorWarning.foreground#A0720A
- editorWhitespace.foreground#C8B49A
- focusBorder#7A5C00
- foreground#2A1810
- gitDecoration.addedResourceForeground#2E7D32
- gitDecoration.conflictingResourceForeground#A0720A
- gitDecoration.deletedResourceForeground#8C1D35
- gitDecoration.ignoredResourceForeground#7A5547
- gitDecoration.modifiedResourceForeground#7A5C00
- gitDecoration.untrackedResourceForeground#1B5E20
- input.background#EDE4D4
- input.border#C8B49A
- input.foreground#2A1810
- input.placeholderForeground#7A5547
- inputOption.activeBackground#7A5C0030
- inputOption.activeBorder#7A5C00
- inputOption.activeForeground#2A1810
- inputValidation.errorBackground#8C1D3515
- inputValidation.errorBorder#8C1D35
- inputValidation.warningBackground#7A5C0015
- inputValidation.warningBorder#7A5C00
- keybindingLabel.background#EDE4D480
- keybindingLabel.border#C8B49A
- keybindingLabel.bottomBorder#C8B49A
- keybindingLabel.foreground#2A1810
- list.activeSelectionBackground#8C1D3540
- list.activeSelectionForeground#2A1810
- list.focusBackground#8C1D3540
- list.highlightForeground#7A5C00
- list.hoverBackground#EDE4D4
- list.inactiveSelectionBackground#8C1D3525
- merge.border#E8DFD0
- merge.currentContentBackground#2E7D3220
- merge.currentHeaderBackground#2E7D3240
- merge.incomingContentBackground#7B5B0020
- merge.incomingHeaderBackground#7B5B0040
- minimap.background#FFFBF5
- minimapSlider.activeBackground#6B4A3560
- minimapSlider.background#6B4A3520
- minimapSlider.hoverBackground#6B4A3540
- notificationCenter.border#C8B49A
- notificationCenterHeader.background#EDE4D4
- notificationCenterHeader.foreground#7A5C00
- notifications.background#F5EFE3
- notifications.border#C8B49A
- notifications.foreground#2A1810
- notificationsErrorIcon.foreground#C0392B
- notificationsInfoIcon.foreground#2471A3
- notificationsWarningIcon.foreground#A0720A
- notificationToast.border#C8B49A
- panel.background#F5EFE3
- panel.border#C8B49A
- panelTitle.activeBorder#7A5C00
- panelTitle.activeForeground#7A5C00
- panelTitle.inactiveForeground#7A5547
- peekView.border#C4391C
- peekViewEditor.background#FFFBF5
- peekViewResult.background#F5EDE0
- peekViewTitle.background#E8DFD0
- peekViewTitleLabel.foreground#2A1810
- pickerGroup.border#E8DFD0
- pickerGroup.foreground#7B5B00
- progressBar.background#8C1D35
- quickInput.background#FFFBF5
- quickInput.foreground#2A1810
- quickInputList.focusBackground#E8DFD0
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#7A5C0080
- scrollbarSlider.background#C8B49A80
- scrollbarSlider.hoverBackground#7A554780
- selection.background#8C1D3540
- sideBar.background#F5EFE3
- sideBar.border#C8B49A
- sideBar.foreground#2A1810
- sideBarSectionHeader.background#EDE4D4
- sideBarSectionHeader.border#C8B49A
- sideBarSectionHeader.foreground#2A1810
- sideBarTitle.foreground#7A5C00
- statusBar.background#E8DFCC
- statusBar.border#C8B49A
- statusBar.debuggingBackground#8C1D35
- statusBar.debuggingForeground#FFFBF5
- statusBar.foreground#2A1810
- statusBar.noFolderBackground#1B5E20
- statusBarItem.errorBackground#8C1D35
- statusBarItem.errorForeground#FFFBF5
- statusBarItem.hoverBackground#EDE4D4
- statusBarItem.remoteBackground#1B5E20
- statusBarItem.remoteForeground#FFFBF5
- statusBarItem.warningBackground#7A5C00
- statusBarItem.warningForeground#FFFBF5
- tab.activeBackground#FFFBF5
- tab.activeBorder#7A5C00
- tab.activeForeground#2A1810
- tab.activeModifiedBorder#7A5C00
- tab.border#C8B49A
- tab.inactiveBackground#F0E8D8
- tab.inactiveForeground#7A5547
- tab.inactiveModifiedBorder#7A5547
- tab.unfocusedActiveBackground#FFFBF5
- tab.unfocusedActiveBorder#7A5547
- tab.unfocusedActiveForeground#4A3025
- tab.unfocusedActiveModifiedBorder#7A5547
- terminal.ansiBlack#2A1810
- terminal.ansiBlue#2471A3
- terminal.ansiBrightBlack#7A5547
- terminal.ansiBrightBlue#2E86C1
- terminal.ansiBrightCyan#1F8B80
- terminal.ansiBrightGreen#2E7D32
- terminal.ansiBrightMagenta#B03020
- terminal.ansiBrightRed#C0392B
- terminal.ansiBrightWhite#FFFBF5
- terminal.ansiBrightYellow#A0720A
- terminal.ansiCyan#1A6B62
- terminal.ansiGreen#1B5E20
- terminal.ansiMagenta#8C1D35
- terminal.ansiRed#8C1D35
- terminal.ansiWhite#EDE4D4
- terminal.ansiYellow#7A5C00
- terminal.background#FFFBF5
- terminal.foreground#2A1810
- terminalCursor.background#FFFBF5
- terminalCursor.foreground#7A5C00
- titleBar.activeBackground#E8DFCC
- titleBar.activeForeground#2A1810
- titleBar.border#C8B49A
- titleBar.inactiveBackground#EDE4D4
- titleBar.inactiveForeground#7A5547
- tree.indentGuidesStroke#C8B49A
- widget.shadow#00000020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #2A1810 | — |
| comment, comment.line, comment.block, comment.block.documentation | #826858 | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, storage, storage.type, storage.modifier | #C4391C | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #C4391C | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated | #7B5B00 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #C4391C | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #A05600 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #2E7D32 | — |
| variable, variable.other, variable.other.readwrite, variable.parameter | #2A1810 | — |
| variable.other.constant, variable.other.enummember | #A05600 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #8C1D35 | — |
| entity.name.type.primitive, support.type.primitive, keyword.type | #8C1D35 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #7B5B00 | — |
| entity.name.module, support.module, meta.import string | #7B5B00 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #C4391C | italic |
| entity.name.tag, meta.tag | #8C1D35 | — |
| entity.other.attribute-name | #A64D79 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #8C1D35 | — |
| support.type.property-name.css | #2E7D32 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #6B4A35 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #2A1810 | — |
| markup.heading, entity.name.section | #C4391C | bold |
| markup.bold | #7B5B00 | bold |
| markup.italic | #2A1810 | italic |
| markup.inline.raw | #2E7D32 | — |
| markup.underline.link, string.other.link | #7B5B00 | underline |
| meta.type.assertion.ts, meta.type.assertion.tsx | #8C1D35 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #8C1D35 | italic |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #C4391C | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #8C1D35 | italic |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js | #8C1D35 | italic |
| keyword.control.import.ts, keyword.control.export.ts, keyword.control.import.tsx, keyword.control.export.tsx, keyword.control.import.js, keyword.control.export.js | #C4391C | bold |
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.background#0F110F
- activityBar.border#232923
- activityBar.foreground#F5F1E8
- activityBar.inactiveForeground#556857
- activityBarBadge.background#4CAF50
- activityBarBadge.foreground#0F110F
- badge.background#4CAF50
- badge.foreground#0F110F
- breadcrumb.activeSelectionForeground#F5F1E8
- breadcrumb.focusForeground#F5F1E8
- breadcrumb.foreground#8AAD8C
- button.background#4CAF50
- button.foreground#0F110F
- button.hoverBackground#5DBF62
- button.secondaryBackground#232923
- button.secondaryForeground#F5F1E8
- button.secondaryHoverBackground#2E3A2E
- commandCenter.activeBackground#2E3A2E
- commandCenter.activeForeground#F5F1E8
- commandCenter.background#181A18
- commandCenter.border#232923
- commandCenter.foreground#F5F1E8
- diffEditor.border#232923
- diffEditor.diagonalFill#23292380
- diffEditor.insertedTextBackground#4CAF5020
- diffEditor.removedTextBackground#E05C4B20
- dropdown.background#181A18
- dropdown.border#2E3A2E
- dropdown.foreground#F5F1E8
- editor.background#141614
- editor.findMatchBackground#D4A01760
- editor.findMatchHighlightBackground#D4A01730
- editor.foreground#F5F1E8
- editor.inactiveSelectionBackground#4CAF5020
- editor.lineHighlightBackground#1C201C
- editor.selectionBackground#4CAF5035
- editor.selectionHighlightBackground#D4A01728
- editor.wordHighlightBackground#8AAD8C25
- editor.wordHighlightStrongBackground#8AAD8C45
- editorBracketHighlight.foreground1#E8B84B
- editorBracketHighlight.foreground2#6FAF5A
- editorBracketHighlight.foreground3#C97DB5
- editorBracketHighlight.foreground4#E8C96A
- editorBracketHighlight.foreground5#4CAF50
- editorBracketHighlight.foreground6#8AAD8C
- editorBracketHighlight.unexpectedBracket.foreground#E05C4B
- editorBracketMatch.background#D4A01730
- editorBracketMatch.border#D4A017
- editorCursor.foreground#D4A017
- editorError.foreground#E05C4B
- editorGhostText.background#00000000
- editorGhostText.foreground#55685780
- editorGroup.border#232923
- editorGroup.dropBackground#E8B84B25
- editorGroupHeader.tabsBackground#0F110F
- editorGroupHeader.tabsBorder#232923
- editorGutter.addedBackground#4CAF50
- editorGutter.deletedBackground#E05C4B
- editorGutter.modifiedBackground#D4A017
- editorHoverWidget.background#181A18
- editorHoverWidget.border#2E3A2E
- editorHoverWidget.foreground#F5F1E8
- editorIndentGuide.activeBackground1#445A47
- editorIndentGuide.background1#232923
- editorInfo.foreground#5B9BD5
- editorInlayHint.background#2E3A2E80
- editorInlayHint.foreground#6A8A6C
- editorLineNumber.activeForeground#D4A017
- editorLineNumber.foreground#445A47
- editorLink.activeForeground#E8B84B
- editorOverviewRuler.errorForeground#E05C4B
- editorOverviewRuler.infoForeground#6FAF5A
- editorOverviewRuler.warningForeground#E8B84B
- editorRuler.foreground#232923
- editorStickyScroll.background#141614
- editorStickyScrollHover.background#1C201C
- editorSuggestWidget.background#181A18
- editorSuggestWidget.border#2E3A2E
- editorSuggestWidget.foreground#F5F1E8
- editorSuggestWidget.highlightForeground#E8B84B
- editorSuggestWidget.selectedBackground#2E3A2E
- editorWarning.foreground#E8B84B
- editorWhitespace.foreground#232923
- focusBorder#4CAF50
- foreground#F5F1E8
- gitDecoration.addedResourceForeground#6FAF5A
- gitDecoration.conflictingResourceForeground#E8B84B
- gitDecoration.deletedResourceForeground#E05C4B
- gitDecoration.ignoredResourceForeground#556857
- gitDecoration.modifiedResourceForeground#D4A017
- gitDecoration.untrackedResourceForeground#4CAF50
- input.background#1C201C
- input.border#2E3A2E
- input.foreground#F5F1E8
- input.placeholderForeground#556857
- inputOption.activeBackground#4CAF5025
- inputOption.activeBorder#4CAF50
- inputOption.activeForeground#F5F1E8
- inputValidation.errorBackground#E05C4B20
- inputValidation.errorBorder#E05C4B
- inputValidation.warningBackground#D4A01720
- inputValidation.warningBorder#D4A017
- keybindingLabel.background#2E3A2E80
- keybindingLabel.border#2E3A2E
- keybindingLabel.bottomBorder#2E3A2E
- keybindingLabel.foreground#F5F1E8
- list.activeSelectionBackground#4CAF5030
- list.activeSelectionForeground#F5F1E8
- list.focusBackground#4CAF5030
- list.highlightForeground#D4A017
- list.hoverBackground#1C201C
- list.inactiveSelectionBackground#4CAF5018
- merge.border#232923
- merge.currentContentBackground#4CAF5020
- merge.currentHeaderBackground#4CAF5040
- merge.incomingContentBackground#E8B84B20
- merge.incomingHeaderBackground#E8B84B40
- minimap.background#141614
- minimapSlider.activeBackground#8AAD8C60
- minimapSlider.background#8AAD8C20
- minimapSlider.hoverBackground#8AAD8C40
- notificationCenter.border#232923
- notificationCenterHeader.background#0F110F
- notificationCenterHeader.foreground#D4A017
- notifications.background#181A18
- notifications.border#232923
- notifications.foreground#F5F1E8
- notificationsErrorIcon.foreground#E05C4B
- notificationsInfoIcon.foreground#5B9BD5
- notificationsWarningIcon.foreground#E8B84B
- notificationToast.border#232923
- panel.background#111311
- panel.border#232923
- panelTitle.activeBorder#D4A017
- panelTitle.activeForeground#D4A017
- panelTitle.inactiveForeground#556857
- peekView.border#4CAF50
- peekViewEditor.background#111311
- peekViewResult.background#181A18
- peekViewTitle.background#1C201C
- peekViewTitleLabel.foreground#F5F1E8
- pickerGroup.border#2E3A2E
- pickerGroup.foreground#E8B84B
- progressBar.background#4CAF50
- quickInput.background#181A18
- quickInput.foreground#F5F1E8
- quickInputList.focusBackground#2E3A2E
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#D4A01780
- scrollbarSlider.background#2E3A2E80
- scrollbarSlider.hoverBackground#44634680
- selection.background#4CAF5035
- sideBar.background#111311
- sideBar.border#232923
- sideBar.foreground#F5F1E8
- sideBarSectionHeader.background#181A18
- sideBarSectionHeader.border#232923
- sideBarSectionHeader.foreground#F5F1E8
- sideBarTitle.foreground#D4A017
- statusBar.background#0C0E0C
- statusBar.border#232923
- statusBar.debuggingBackground#4CAF50
- statusBar.debuggingForeground#0F110F
- statusBar.foreground#F5F1E8
- statusBar.noFolderBackground#2E7D32
- statusBarItem.errorBackground#E05C4B
- statusBarItem.errorForeground#F5F1E8
- statusBarItem.hoverBackground#1C201C
- statusBarItem.remoteBackground#2E7D32
- statusBarItem.remoteForeground#F5F1E8
- statusBarItem.warningBackground#E8B84B
- statusBarItem.warningForeground#141614
- tab.activeBackground#141614
- tab.activeBorder#4CAF50
- tab.activeForeground#F5F1E8
- tab.activeModifiedBorder#E8B84B
- tab.border#232923
- tab.inactiveBackground#0F110F
- tab.inactiveForeground#556857
- tab.inactiveModifiedBorder#445A47
- tab.unfocusedActiveBackground#141614
- tab.unfocusedActiveBorder#445A47
- tab.unfocusedActiveForeground#8AAD8C
- tab.unfocusedActiveModifiedBorder#445A47
- terminal.ansiBlack#1C201C
- terminal.ansiBlue#5B9BD5
- terminal.ansiBrightBlack#556857
- terminal.ansiBrightBlue#7AB3E0
- terminal.ansiBrightCyan#5BB5AB
- terminal.ansiBrightGreen#6FAF5A
- terminal.ansiBrightMagenta#D99DC8
- terminal.ansiBrightRed#E8725F
- terminal.ansiBrightWhite#FDF8F0
- terminal.ansiBrightYellow#E8B84B
- terminal.ansiCyan#3A8F85
- terminal.ansiGreen#4CAF50
- terminal.ansiMagenta#C97DB5
- terminal.ansiRed#E05C4B
- terminal.ansiWhite#F5F1E8
- terminal.ansiYellow#D4A017
- terminal.background#141614
- terminal.foreground#F5F1E8
- terminalCursor.background#141614
- terminalCursor.foreground#D4A017
- titleBar.activeBackground#0C0E0C
- titleBar.activeForeground#F5F1E8
- titleBar.border#232923
- titleBar.inactiveBackground#0C0E0C
- titleBar.inactiveForeground#556857
- tree.indentGuidesStroke#2E3A2E
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #F5F1E8 | — |
| comment, comment.line, comment.block, comment.block.documentation | #5C6E5E | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, storage, storage.type, storage.modifier | #4CAF50 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #4CAF50 | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated | #E8B84B | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #4CAF50 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #6FAF5A | — |
| entity.name.function, support.function, meta.function-call, variable.function | #D4A017 | — |
| variable, variable.other, variable.other.readwrite, variable.parameter | #F5F1E8 | — |
| variable.other.constant, variable.other.enummember | #E8C96A | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #C97DB5 | — |
| entity.name.type.primitive, support.type.primitive, keyword.type | #C97DB5 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #E8B84B | — |
| entity.name.module, support.module, meta.import string | #E8B84B | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #4CAF50 | italic |
| entity.name.tag, meta.tag | #C97DB5 | — |
| entity.other.attribute-name | #D99DC8 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #C97DB5 | — |
| support.type.property-name.css | #D4A017 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #8AAD8C | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #F5F1E8 | — |
| markup.heading, entity.name.section | #4CAF50 | bold |
| markup.bold | #E8B84B | bold |
| markup.italic | #F5F1E8 | italic |
| markup.inline.raw | #6FAF5A | — |
| markup.underline.link, string.other.link | #E8B84B | underline |
| meta.type.assertion.ts, meta.type.assertion.tsx | #C97DB5 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #C97DB5 | italic |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #4CAF50 | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #C97DB5 | italic |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js | #C97DB5 | italic |
| keyword.control.import.ts, keyword.control.export.ts, keyword.control.import.tsx, keyword.control.export.tsx, keyword.control.import.js, keyword.control.export.js | #4CAF50 | bold |
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.background#D8DED8
- activityBar.border#C8D4C9
- activityBar.foreground#1C2A1C
- activityBar.inactiveForeground#4A7050
- activityBarBadge.background#2A7530
- activityBarBadge.foreground#E8EDE8
- badge.background#2A7530
- badge.foreground#E8EDE8
- breadcrumb.activeSelectionForeground#1C2A1C
- breadcrumb.focusForeground#1C2A1C
- breadcrumb.foreground#4A7050
- button.background#2A7530
- button.foreground#E8EDE8
- button.hoverBackground#3D9E42
- button.secondaryBackground#DFE6DF
- button.secondaryForeground#1C2A1C
- button.secondaryHoverBackground#C8D4C9
- commandCenter.activeBackground#DFE6DF
- commandCenter.activeForeground#1C2A1C
- commandCenter.background#E0E6E0
- commandCenter.border#C8D4C9
- commandCenter.foreground#1C2A1C
- diffEditor.border#C8D4C9
- diffEditor.diagonalFill#C8D4C980
- diffEditor.insertedTextBackground#2E7D3218
- diffEditor.removedTextBackground#C0392B18
- dropdown.background#E0E6E0
- dropdown.border#C8D4C9
- dropdown.foreground#1C2A1C
- editor.background#E8EDE8
- editor.findMatchBackground#A87C0060
- editor.findMatchHighlightBackground#A87C0030
- editor.foreground#1C2A1C
- editor.inactiveSelectionBackground#2E7D3220
- editor.lineHighlightBackground#DFE6DF
- editor.selectionBackground#2E7D3235
- editor.selectionHighlightBackground#A87C0028
- editor.wordHighlightBackground#7A9E7C20
- editor.wordHighlightStrongBackground#7A9E7C40
- editorBracketHighlight.foreground1#7D5C00
- editorBracketHighlight.foreground2#2A7530
- editorBracketHighlight.foreground3#8E3A65
- editorBracketHighlight.foreground4#8C6200
- editorBracketHighlight.foreground5#357028
- editorBracketHighlight.foreground6#4A7050
- editorBracketHighlight.unexpectedBracket.foreground#C0392B
- editorBracketMatch.background#2E7D3230
- editorBracketMatch.border#2A7530
- editorCursor.foreground#2A7530
- editorError.foreground#C0392B
- editorGhostText.background#00000000
- editorGhostText.foreground#7A9E7C80
- editorGroup.border#C8D4C9
- editorGroup.dropBackground#2E7D3225
- editorGroupHeader.tabsBackground#D8DED8
- editorGroupHeader.tabsBorder#C8D4C9
- editorGutter.addedBackground#2A7530
- editorGutter.deletedBackground#C0392B
- editorGutter.modifiedBackground#7D5C00
- editorHoverWidget.background#E8EDE8
- editorHoverWidget.border#C8D4C9
- editorHoverWidget.foreground#1C2A1C
- editorIndentGuide.activeBackground1#4A7050
- editorIndentGuide.background1#C8D4C9
- editorInfo.foreground#2471A3
- editorInlayHint.background#C8D4C980
- editorInlayHint.foreground#4A7050
- editorLineNumber.activeForeground#2A7530
- editorLineNumber.foreground#4A7050
- editorLink.activeForeground#7D5C00
- editorOverviewRuler.errorForeground#C0392B
- editorOverviewRuler.infoForeground#2A7530
- editorOverviewRuler.warningForeground#7D5C00
- editorRuler.foreground#C8D4C9
- editorStickyScroll.background#E8EDE8
- editorStickyScrollHover.background#DFE6DF
- editorSuggestWidget.background#E8EDE8
- editorSuggestWidget.border#C8D4C9
- editorSuggestWidget.foreground#1C2A1C
- editorSuggestWidget.highlightForeground#7D5C00
- editorSuggestWidget.selectedBackground#DFE6DF
- editorWarning.foreground#A0720A
- editorWhitespace.foreground#C8D4C9
- focusBorder#2A7530
- foreground#1C2A1C
- gitDecoration.addedResourceForeground#4CAF50
- gitDecoration.conflictingResourceForeground#A0720A
- gitDecoration.deletedResourceForeground#C0392B
- gitDecoration.ignoredResourceForeground#4A7050
- gitDecoration.modifiedResourceForeground#7D5C00
- gitDecoration.untrackedResourceForeground#2A7530
- input.background#DFE6DF
- input.border#C8D4C9
- input.foreground#1C2A1C
- input.placeholderForeground#4A7050
- inputOption.activeBackground#2E7D3225
- inputOption.activeBorder#2A7530
- inputOption.activeForeground#1C2A1C
- inputValidation.errorBackground#C0392B15
- inputValidation.errorBorder#C0392B
- inputValidation.warningBackground#A87C0015
- inputValidation.warningBorder#7D5C00
- keybindingLabel.background#DFE6DF80
- keybindingLabel.border#C8D4C9
- keybindingLabel.bottomBorder#C8D4C9
- keybindingLabel.foreground#1C2A1C
- list.activeSelectionBackground#2E7D3230
- list.activeSelectionForeground#1C2A1C
- list.focusBackground#2E7D3230
- list.highlightForeground#7D5C00
- list.hoverBackground#DFE6DF
- list.inactiveSelectionBackground#2E7D3218
- merge.border#C8D4C9
- merge.currentContentBackground#2E7D3220
- merge.currentHeaderBackground#2E7D3240
- merge.incomingContentBackground#A87C0020
- merge.incomingHeaderBackground#A87C0040
- minimap.background#E8EDE8
- minimapSlider.activeBackground#7A9E7C60
- minimapSlider.background#7A9E7C20
- minimapSlider.hoverBackground#7A9E7C40
- notificationCenter.border#C8D4C9
- notificationCenterHeader.background#D5DCD5
- notificationCenterHeader.foreground#7D5C00
- notifications.background#E0E6E0
- notifications.border#C8D4C9
- notifications.foreground#1C2A1C
- notificationsErrorIcon.foreground#C0392B
- notificationsInfoIcon.foreground#2471A3
- notificationsWarningIcon.foreground#A0720A
- notificationToast.border#C8D4C9
- panel.background#E0E6E0
- panel.border#C8D4C9
- panelTitle.activeBorder#2A7530
- panelTitle.activeForeground#7D5C00
- panelTitle.inactiveForeground#4A7050
- peekView.border#2A7530
- peekViewEditor.background#E8EDE8
- peekViewResult.background#E0E6E0
- peekViewTitle.background#DFE6DF
- peekViewTitleLabel.foreground#1C2A1C
- pickerGroup.border#C8D4C9
- pickerGroup.foreground#7D5C00
- progressBar.background#2A7530
- quickInput.background#E8EDE8
- quickInput.foreground#1C2A1C
- quickInputList.focusBackground#DFE6DF
- scrollbar.shadow#00000015
- scrollbarSlider.activeBackground#2E7D3280
- scrollbarSlider.background#C8D4C980
- scrollbarSlider.hoverBackground#7A9E7C80
- selection.background#2E7D3235
- sideBar.background#E0E6E0
- sideBar.border#C8D4C9
- sideBar.foreground#1C2A1C
- sideBarSectionHeader.background#D5DCD5
- sideBarSectionHeader.border#C8D4C9
- sideBarSectionHeader.foreground#1C2A1C
- sideBarTitle.foreground#7D5C00
- statusBar.background#CDD6CD
- statusBar.border#C8D4C9
- statusBar.debuggingBackground#2A7530
- statusBar.debuggingForeground#E8EDE8
- statusBar.foreground#1C2A1C
- statusBar.noFolderBackground#1B5E20
- statusBarItem.errorBackground#C0392B
- statusBarItem.errorForeground#E8EDE8
- statusBarItem.hoverBackground#DFE6DF
- statusBarItem.remoteBackground#1B5E20
- statusBarItem.remoteForeground#E8EDE8
- statusBarItem.warningBackground#7D5C00
- statusBarItem.warningForeground#E8EDE8
- tab.activeBackground#E8EDE8
- tab.activeBorder#2A7530
- tab.activeForeground#1C2A1C
- tab.activeModifiedBorder#7D5C00
- tab.border#C8D4C9
- tab.inactiveBackground#D8DED8
- tab.inactiveForeground#4A7050
- tab.inactiveModifiedBorder#4A7050
- tab.unfocusedActiveBackground#E8EDE8
- tab.unfocusedActiveBorder#4A7050
- tab.unfocusedActiveForeground#3A4E3A
- tab.unfocusedActiveModifiedBorder#4A7050
- terminal.ansiBlack#1C2A1C
- terminal.ansiBlue#2471A3
- terminal.ansiBrightBlack#4A7050
- terminal.ansiBrightBlue#2E86C1
- terminal.ansiBrightCyan#1F8B80
- terminal.ansiBrightGreen#4CAF50
- terminal.ansiBrightMagenta#853678
- terminal.ansiBrightRed#E05C4B
- terminal.ansiBrightWhite#E8EDE8
- terminal.ansiBrightYellow#8C6200
- terminal.ansiCyan#1A6B62
- terminal.ansiGreen#2A7530
- terminal.ansiMagenta#8E3A65
- terminal.ansiRed#C0392B
- terminal.ansiWhite#DFE6DF
- terminal.ansiYellow#A0720A
- terminal.background#E8EDE8
- terminal.foreground#1C2A1C
- terminalCursor.background#E8EDE8
- terminalCursor.foreground#2A7530
- titleBar.activeBackground#CDD6CD
- titleBar.activeForeground#1C2A1C
- titleBar.border#C8D4C9
- titleBar.inactiveBackground#D5DCD5
- titleBar.inactiveForeground#4A7050
- tree.indentGuidesStroke#C8D4C9
- widget.shadow#00000018
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #1C2A1C | — |
| comment, comment.line, comment.block, comment.block.documentation | #4A7050 | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, storage, storage.type, storage.modifier | #2A7530 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #2A7530 | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated | #7D5C00 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #2A7530 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #3E7530 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #7D5C00 | — |
| variable, variable.other, variable.other.readwrite, variable.parameter | #1C2A1C | — |
| variable.other.constant, variable.other.enummember | #8C6200 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #8E3A65 | — |
| entity.name.type.primitive, support.type.primitive, keyword.type | #8E3A65 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #7D5C00 | — |
| entity.name.module, support.module, meta.import string | #7D5C00 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #2A7530 | italic |
| entity.name.tag, meta.tag | #8E3A65 | — |
| entity.other.attribute-name | #853678 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #8E3A65 | — |
| support.type.property-name.css | #7D5C00 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #4A7050 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #1C2A1C | — |
| markup.heading, entity.name.section | #2A7530 | bold |
| markup.bold | #7D5C00 | bold |
| markup.italic | #1C2A1C | italic |
| markup.inline.raw | #3E7530 | — |
| markup.underline.link, string.other.link | #7D5C00 | underline |
| meta.type.assertion.ts, meta.type.assertion.tsx | #8E3A65 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #8E3A65 | italic |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #2A7530 | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #8E3A65 | italic |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js | #8E3A65 | italic |
| keyword.control.import.ts, keyword.control.export.ts, keyword.control.import.tsx, keyword.control.export.tsx, keyword.control.import.js, keyword.control.export.js | #2A7530 | bold |