Skip to main content
Coding Theme

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#F7EDCF
  • activityBar.activeBorder#3C7A2E
  • activityBar.background#FFF8DC
  • activityBar.border#D8C79666
  • activityBar.dropBorder#D8C79688
  • activityBar.foreground#2A3A2E
  • activityBar.inactiveForeground#344D3B
  • activityBarBadge.background#3C7A2E
  • activityBarBadge.foreground#FFF8DC
  • activityBarTop.activeBorder#D8C79688
  • activityBarTop.dropBorder#D8C79688
  • activityBarTop.foreground#2A3A2E
  • activityBarTop.inactiveForeground#344D3B
  • badge.background#B84A30
  • badge.foreground#2A3A2E
  • breadcrumb.activeSelectionForeground#2A3A2E
  • breadcrumb.background#FFF8DC
  • breadcrumb.focusForeground#2A3A2E
  • breadcrumb.foreground#344D3B
  • breadcrumbPicker.background#FFFDF2
  • button.background#3C7A2E
  • button.border#D8C79666
  • button.foreground#FFF8DC
  • button.hoverBackground#4B8B3B
  • button.secondaryBackground#E8D6A0
  • button.secondaryForeground#2A3A2E
  • button.secondaryHoverBackground#D8C690
  • button.separator#D8C79644
  • charts.blue#4A7A9A
  • charts.foreground#2A3A2E
  • charts.green#4B8B3B
  • charts.lines#D8C79644
  • charts.orange#B84A30
  • charts.purple#B84A30
  • charts.red#B84A30
  • charts.yellow#8B5A42
  • chat.avatarBackground#E8D6A0
  • chat.avatarForeground#2A3A2E
  • chat.requestBackground#F7EDCF
  • chat.requestBorder#D8C79666
  • chat.slashCommandBackground#E8D6A0
  • chat.slashCommandForeground#3C7A2E
  • checkbox.background#FFFDF2
  • checkbox.border#D8C79666
  • checkbox.foreground#2A3A2E
  • commandCenter.activeBackground#E8D6A0
  • commandCenter.activeBorder#D8C79688
  • commandCenter.activeForeground#2A3A2E
  • commandCenter.background#F0EAD6
  • commandCenter.border#D8C79666
  • commandCenter.foreground#344D3B
  • commentsView.resolvedIcon#4B8B3B
  • commentsView.unresolvedIcon#B84A30
  • contrastActiveBorder#2A3A2E00
  • contrastBorder#2A3A2E00
  • debugConsole.errorForeground#B84A30
  • debugConsole.infoForeground#4A7A9A
  • debugConsole.warningForeground#3C7A2E
  • debugExceptionWidget.background#F0EAD6
  • debugExceptionWidget.border#D8C79666
  • debugIcon.breakpointCurrentStackframeForeground#B84A30
  • debugIcon.breakpointDisabledForeground#B84A3080
  • debugIcon.breakpointForeground#B84A30
  • debugIcon.continueForeground#4B8B3B
  • debugIcon.disconnectForeground#B84A30
  • debugIcon.pauseForeground#B84A30
  • debugIcon.restartForeground#4B8B3B
  • debugIcon.startForeground#4B8B3B
  • debugIcon.stepBackForeground#4A7A9A
  • debugIcon.stepIntoForeground#4A7A9A
  • debugIcon.stepOutForeground#4A7A9A
  • debugIcon.stepOverForeground#4A7A9A
  • debugIcon.stopForeground#B84A30
  • debugToolBar.background#F0EAD6
  • descriptionForeground#344D3B
  • diffEditor.border#D8C79666
  • diffEditor.diagonalFill#E8D6A0
  • diffEditor.insertedLineBackground#F0EAD61f
  • diffEditor.insertedTextBackground#F0EAD626
  • diffEditor.insertedTextBorder#2A3A2E00
  • diffEditor.move.border#D8C79666
  • diffEditor.moveActive.border#D8C79688
  • diffEditor.removedLineBackground#F0EAD61f
  • diffEditor.removedTextBackground#F0EAD626
  • diffEditor.removedTextBorder#2A3A2E00
  • diffEditor.unchangedCodeBackground#F0EAD6
  • diffEditor.unchangedRegionBackground#F0EAD6
  • diffEditor.unchangedRegionShadow#00000000
  • diffEditorGutter.insertedLineBackground#2A3A2E00
  • diffEditorGutter.removedLineBackground#2A3A2E00
  • diffEditorOverview.insertedForeground#4B8B3B66
  • diffEditorOverview.removedForeground#B84A3066
  • disabledForeground#344D3B80
  • dropdown.background#FFFDF2
  • dropdown.border#D8C79688
  • dropdown.foreground#2A3A2E
  • dropdown.listBackground#FFFDF2
  • editor.background#FFF8DC
  • editor.findMatchBackground#8B5A4255
  • editor.findMatchBorder#D8C79666
  • editor.findMatchHighlightBackground#8B5A4230
  • editor.findMatchHighlightBorder#8B5A4280
  • editor.findRangeHighlightBackground#F0EAD618
  • editor.foldBackground#F7EDCF80
  • editor.foldPlaceholderForeground#344D3B
  • editor.foreground#2A3A2E
  • editor.hoverHighlightBackground#FFFDF218
  • editor.inactiveSelectionBackground#F0EAD622
  • editor.lineHighlightBackground#F7EDCF99
  • editor.lineHighlightBorder#D8C79633
  • editor.linkedEditingBackground#F0EAD622
  • editor.rangeHighlightBackground#F0EAD620
  • editor.selectionBackground#DCE7C880
  • editor.selectionForeground#2A3A2E
  • editor.selectionHighlightBackground#F0EAD618
  • editor.selectionHighlightBorder#D8C79666
  • editor.wordHighlightBackground#F0EAD626
  • editor.wordHighlightBorder#D8C79666
  • editor.wordHighlightStrongBackground#F0EAD633
  • editor.wordHighlightStrongBorder#D8C79666
  • editorBracketHighlight.foreground1#B84A30
  • editorBracketHighlight.foreground2#8B5A42
  • editorBracketHighlight.foreground3#4A7A5E
  • editorBracketHighlight.foreground4#4A7A9A
  • editorBracketHighlight.foreground5#B84A30
  • editorBracketHighlight.foreground6#B84A30
  • editorBracketHighlight.unexpectedBracket.foreground#B84A30
  • editorBracketMatch.background#F0EAD622
  • editorBracketMatch.border#D8C79666
  • editorCodeLens.foreground#344D3B
  • editorCommentsWidget.rangeActiveBackground#FFFDF220
  • editorCommentsWidget.rangeBackground#FFFDF212
  • editorCommentsWidget.replyInputBackground#FFFDF2
  • editorCursor.background#FFF8DC
  • editorCursor.foreground#3C7A2E
  • editorError.border#2A3A2E00
  • editorError.foreground#B84A30
  • editorGhostText.border#2A3A2E00
  • editorGhostText.foreground#344D3B80
  • editorGroup.border#D8C79666
  • editorGroup.dropBackground#3C7A2E66
  • editorGroup.emptyBackground#FFF8DC
  • editorGroupHeader.border#D8C79666
  • editorGroupHeader.noTabsBackground#FFF8DC
  • editorGroupHeader.tabsBackground#FFF8DC
  • editorGroupHeader.tabsBorder#D8C79666
  • editorGutter.addedBackground#F0EAD6
  • editorGutter.background#FFF8DC
  • editorGutter.commentRangeForeground#C7AD73
  • editorGutter.deletedBackground#F0EAD6
  • editorGutter.modifiedBackground#F0EAD6
  • editorHint.foreground#4A7A5E
  • editorHoverWidget.background#FFFDF2
  • editorHoverWidget.border#D8C79688
  • editorHoverWidget.foreground#2A3A2E
  • editorHoverWidget.highlightForeground#3C7A2E
  • editorHoverWidget.statusBarBackground#F0EAD6
  • editorIndentGuide.activeBackground1#D8C79688
  • editorIndentGuide.background1#D8C79644
  • editorInfo.border#2A3A2E00
  • editorInfo.foreground#4A7A9A
  • editorInlayHint.background#E8D6A0aa
  • editorInlayHint.foreground#344D3B
  • editorInlayHint.parameterBackground#E8D6A0aa
  • editorInlayHint.parameterForeground#344D3B
  • editorInlayHint.typeBackground#E8D6A0aa
  • editorInlayHint.typeForeground#344D3B
  • editorLineNumber.activeForeground#3C7A2E
  • editorLineNumber.dimmedForeground#C7AD73
  • editorLineNumber.foreground#6D7C58
  • editorLink.activeForeground#2A3A2E
  • editorMarkerNavigation.background#F0EAD6
  • editorMarkerNavigationError.background#F0EAD666
  • editorMarkerNavigationInfo.background#F0EAD666
  • editorMarkerNavigationWarning.background#8B5A4266
  • editorOverviewRuler.addedForeground#4B8B3B80
  • editorOverviewRuler.border#D8C79666
  • editorOverviewRuler.deletedForeground#B84A3080
  • editorOverviewRuler.errorForeground#B84A30
  • editorOverviewRuler.incomingContentForeground#3c7a2e80
  • editorOverviewRuler.infoForeground#4A7A9A
  • editorOverviewRuler.modifiedForeground#B84A3080
  • editorOverviewRuler.selectionHighlightForeground#B84A3080
  • editorOverviewRuler.warningForeground#8B5A42
  • editorRuler.foreground#D8C79644
  • editorStickyScroll.background#FFF8DC
  • editorStickyScroll.shadow#00000000
  • editorStickyScrollHover.background#F0EAD6
  • editorSuggestWidget.background#FFFDF2
  • editorSuggestWidget.border#D8C79666
  • editorSuggestWidget.foreground#2A3A2E
  • editorSuggestWidget.highlightForeground#3C7A2E
  • editorSuggestWidget.selectedBackground#E8D6A0
  • editorSuggestWidget.selectedIconForeground#2A3A2E
  • editorUnnecessaryCode.border#2A3A2E00
  • editorUnnecessaryCode.opacity#2A3A2E55
  • editorWarning.border#2A3A2E00
  • editorWarning.foreground#8B5A42
  • editorWhitespace.foreground#D8C79655
  • editorWidget.background#FFFDF2
  • editorWidget.border#D8C79666
  • editorWidget.foreground#2A3A2E
  • editorWidget.resizeBorder#D8C79666
  • errorForeground#B84A30
  • errorLens.errorForeground#b84a30fc
  • errorLens.hintForeground#4a7a9afc
  • errorLens.infoForeground#4a7a9afc
  • errorLens.warningForeground#8b5a42fc
  • extensionButton.background#3C7A2E
  • extensionButton.foreground#FFF8DC
  • extensionButton.hoverBackground#4B8B3B
  • extensionButton.prominentBackground#3C7A2E
  • extensionButton.prominentForeground#FFF8DC
  • extensionButton.prominentHoverBackground#4B8B3B
  • extensionButton.separator#D8C79644
  • focusBorder#3C7A2E
  • foreground#2A3A2E
  • gitDecoration.addedResourceForeground#4B8B3B
  • gitDecoration.conflictingResourceForeground#8B5A42
  • gitDecoration.deletedResourceForeground#B84A30
  • gitDecoration.ignoredResourceForeground#344D3B
  • gitDecoration.modifiedResourceForeground#3C7A2E
  • gitDecoration.submoduleResourceForeground#344D3B
  • gitDecoration.untrackedResourceForeground#4A7A5E
  • icon.foreground#344D3B
  • inlineChat.background#FFFDF2
  • inlineChat.border#D8C79666
  • inlineChat.shadow#00000000
  • inlineChatInput.background#FFFDF2
  • inlineChatInput.border#D8C79666
  • inlineChatInput.focusBorder#D8C79688
  • inlineEdit.gutterIndicator.background#F0EAD666
  • inlineEdit.gutterIndicator.primaryBackground#F0EAD6cc
  • inlineEdit.gutterIndicator.primaryBorder#D8C79666
  • inlineEdit.gutterIndicator.primaryForeground#FFF8DC
  • inlineEdit.gutterIndicator.secondaryBackground#D8C690
  • inlineEdit.gutterIndicator.secondaryBorder#D8C79666
  • inlineEdit.gutterIndicator.secondaryForeground#2A3A2E
  • inlineEdit.gutterIndicator.successfulBackground#F0EAD6cc
  • inlineEdit.gutterIndicator.successfulBorder#D8C79666
  • inlineEdit.gutterIndicator.successfulForeground#FFF8DC
  • inlineEdit.modifiedBackground#F0EAD620
  • inlineEdit.modifiedBorder#D8C79688
  • inlineEdit.modifiedChangedLineBackground#F0EAD614
  • inlineEdit.modifiedChangedTextBackground#2A3A2E00
  • inlineEdit.originalBackground#F0EAD620
  • inlineEdit.originalBorder#D8C79666
  • inlineEdit.originalChangedLineBackground#F0EAD6cc
  • inlineEdit.originalChangedTextBackground#2A3A2E00
  • inlineEdit.tabWillAcceptModifiedBorder#D8C79688
  • inlineEdit.tabWillAcceptOriginalBorder#D8C79666
  • input.background#FFFDF2
  • input.border#D8C79666
  • input.foreground#2A3A2E
  • input.placeholderForeground#344D3B99
  • inputOption.activeBackground#E8D6A0
  • inputOption.activeBorder#D8C79688
  • inputOption.activeForeground#2A3A2E
  • inputOption.hoverBackground#E8D6A0
  • inputValidation.errorBackground#F0EAD6
  • inputValidation.errorBorder#B84A30
  • inputValidation.errorForeground#2A3A2E
  • inputValidation.infoBackground#F0EAD6
  • inputValidation.infoBorder#D8C79666
  • inputValidation.infoForeground#2A3A2E
  • inputValidation.warningBackground#F0EAD6
  • inputValidation.warningBorder#8B5A42
  • inputValidation.warningForeground#2A3A2E
  • keybindingLabel.background#F0EAD6
  • keybindingLabel.border#D8C79666
  • keybindingLabel.bottomBorder#D8C79666
  • keybindingLabel.foreground#2A3A2E
  • list.activeSelectionBackground#3C7A2E
  • list.activeSelectionForeground#FFF8DC
  • list.deemphasizedForeground#344D3B
  • list.dropBackground#F0EAD620
  • list.errorForeground#B84A30
  • list.focusBackground#DCE7C880
  • list.focusForeground#2A3A2E
  • list.focusHighlightForeground#3C7A2E
  • list.highlightForeground#3C7A2E
  • list.hoverBackground#F7EDCF80
  • list.hoverForeground#2A3A2E
  • list.inactiveSelectionBackground#F7EDCF
  • list.inactiveSelectionForeground#2A3A2E
  • list.invalidItemForeground#B84A30
  • list.warningForeground#8B5A42
  • menu.background#FFFDF2
  • menu.border#D8C79666
  • menu.foreground#2A3A2E
  • menu.selectionBackground#F7EDCF
  • menu.selectionForeground#2A3A2E
  • menu.separatorBackground#D8C79644
  • menubar.selectionBackground#E8D6A0
  • menubar.selectionForeground#2A3A2E
  • merge.border#D8C79666
  • merge.commonContentBackground#8B5A4220
  • merge.commonHeaderBackground#8B5A4233
  • merge.currentContentBackground#F0EAD620
  • merge.currentHeaderBackground#F0EAD633
  • merge.incomingContentBackground#F0EAD620
  • merge.incomingHeaderBackground#F0EAD633
  • minimap.background#FFF8DC
  • minimap.errorHighlight#B84A30
  • minimap.findMatchHighlight#8B5A4280
  • minimap.selectionHighlight#B84A3040
  • minimap.selectionOccurrenceHighlight#22a5c9
  • minimap.warningHighlight#8B5A42
  • minimapGutter.addedBackground#F0EAD6
  • minimapGutter.deletedBackground#F0EAD6
  • minimapGutter.modifiedBackground#F0EAD6
  • multiDiffEditor.background#FFF8DC
  • multiDiffEditor.border#D8C79666
  • multiDiffEditor.headerBackground#F0EAD6
  • notebook.cellBorderColor#D8C79666
  • notebook.cellHoverBackground#F7EDCF
  • notebook.cellInsertionIndicator#B84A30
  • notebook.cellStatusBarItemHoverBackground#E8D6A0
  • notebook.editorBackground#FFF8DC
  • notebook.focusedCellBackground#FFF8DC
  • notebook.focusedCellBorder#D8C79688
  • notebook.focusedEditorBorder#D8C79688
  • notebook.inactiveFocusedCellBorder#D8C79666
  • notebook.inactiveSelectedCellBorder#D8C79688
  • notebook.outputContainerBackgroundColor#F0EAD6
  • notebook.outputContainerBorderColor#D8C79666
  • notebook.selectedCellBackground#F0EAD6
  • notebook.selectedCellBorder#D8C79666
  • notebook.symbolHighlightBackground#8B5A4233
  • notebookScrollbarSlider.activeBackground#F0EAD666
  • notebookScrollbarSlider.background#F0EAD626
  • notebookScrollbarSlider.hoverBackground#FFFDF240
  • notificationCenterHeader.background#E8D6A0
  • notificationCenterHeader.foreground#2A3A2E
  • notificationLink.foreground#4A7A9A
  • notifications.background#FFFDF2
  • notifications.border#D8C79666
  • notifications.foreground#2A3A2E
  • notificationsErrorIcon.foreground#B84A30
  • notificationsInfoIcon.foreground#4A7A9A
  • notificationsWarningIcon.foreground#8B5A42
  • panel.background#FFF8DC
  • panel.border#D8C79666
  • panel.dropBorder#D8C79688
  • panel.foreground#2A3A2E
  • panelInput.border#D8C79666
  • panelSection.border#D8C79666
  • panelSectionHeader.background#F7EDCF
  • panelSectionHeader.border#D8C79666
  • panelSectionHeader.foreground#2A3A2E
  • panelTitle.activeBorder#3C7A2E
  • panelTitle.activeForeground#2A3A2E
  • panelTitle.inactiveForeground#344D3B
  • peekView.border#D8C79666
  • peekViewEditor.background#FFF8DC
  • peekViewEditor.matchHighlightBackground#8B5A4255
  • peekViewEditor.matchHighlightBorder#2A3A2E00
  • peekViewEditorGutter.background#FFF8DC
  • peekViewEditorStickyScroll.background#F0EAD6
  • peekViewResult.background#F0EAD6
  • peekViewResult.fileForeground#2A3A2E
  • peekViewResult.lineForeground#344D3B
  • peekViewResult.matchHighlightBackground#8B5A4255
  • peekViewResult.selectionBackground#E8D6A0
  • peekViewResult.selectionForeground#2A3A2E
  • peekViewTitle.background#E8D6A0
  • peekViewTitleDescription.foreground#344D3B
  • peekViewTitleLabel.foreground#2A3A2E
  • pickerGroup.border#D8C79644
  • pickerGroup.foreground#3C7A2E
  • ports.iconRunningProcessForeground#4B8B3B
  • profileBadge.background#E8D6A0
  • profileBadge.foreground#2A3A2E
  • progressBar.background#F0EAD6
  • quickInput.background#FFFDF2
  • quickInput.foreground#2A3A2E
  • quickInputList.focusBackground#F7EDCF
  • quickInputList.focusForeground#2A3A2E
  • quickInputList.focusIconForeground#B84A30
  • quickInputTitle.background#E8D6A0
  • sash.hoverBorder#D8C79688
  • scmGraph.foreground1#B84A30
  • scmGraph.foreground2#4A7A9A
  • scmGraph.foreground3#4B8B3B
  • scmGraph.foreground4#B84A30
  • scmGraph.foreground5#B84A30
  • scmGraph.historyItemBaseRefColor#3C7A2E
  • scmGraph.historyItemHoverAdditionsForeground#4B8B3B
  • scmGraph.historyItemHoverDefaultLabelBackground#E8D6A0
  • scmGraph.historyItemHoverDefaultLabelForeground#2A3A2E
  • scmGraph.historyItemHoverDeletionsForeground#B84A30
  • scmGraph.historyItemHoverLabelForeground#2A3A2E
  • scmGraph.historyItemRefColor#8B5A42
  • scmGraph.historyItemRemoteRefColor#4A7A9A
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#F0EAD666
  • scrollbarSlider.background#F0EAD626
  • scrollbarSlider.hoverBackground#FFFDF240
  • secondarySideBar.background#FFF8DC
  • secondarySideBar.border#D8C79666
  • secondarySideBar.foreground#2A3A2E
  • selection.background#F0EAD633
  • settings.checkboxBackground#FFFDF2
  • settings.checkboxBorder#D8C79666
  • settings.checkboxForeground#2A3A2E
  • settings.dropdownBackground#FFFDF2
  • settings.dropdownBorder#D8C79688
  • settings.dropdownForeground#2A3A2E
  • settings.headerForeground#2A3A2E
  • settings.modifiedItemIndicator#B84A30
  • settings.numberInputBackground#FFFDF2
  • settings.numberInputBorder#D8C79666
  • settings.numberInputForeground#2A3A2E
  • settings.rowHoverBackground#F0EAD6
  • settings.settingsHeaderHoverForeground#2A3A2E
  • settings.textInputBackground#FFFDF2
  • settings.textInputBorder#D8C79666
  • settings.textInputForeground#2A3A2E
  • sideBar.background#FFF8DC
  • sideBar.border#D8C79666
  • sideBar.dropBackground#F0EAD622
  • sideBar.foreground#2A3A2E
  • sideBarSectionHeader.background#FFF8DC
  • sideBarSectionHeader.border#D8C79666
  • sideBarSectionHeader.foreground#344D3B
  • sideBarStickyScroll.background#FFF8DC
  • sideBarStickyScroll.shadow#00000000
  • sideBarTitle.foreground#344D3B
  • statusBar.background#E8D6A0
  • statusBar.border#D8C79666
  • statusBar.debuggingBackground#B84A30
  • statusBar.debuggingForeground#FFF8DC
  • statusBar.foreground#2A3A2E
  • statusBar.noFolderBackground#E8D6A0
  • statusBar.noFolderBorder#D8C79666
  • statusBar.noFolderForeground#2A3A2E
  • statusBarItem.activeBackground#D8C690
  • statusBarItem.compactHoverBackground#FFFDF2cc
  • statusBarItem.errorBackground#F0EAD6
  • statusBarItem.errorForeground#FFF8DC
  • statusBarItem.errorHoverBackground#FFFDF2
  • statusBarItem.errorHoverForeground#FFF8DC
  • statusBarItem.hoverBackground#D8C690
  • statusBarItem.hoverForeground#2A3A2E
  • statusBarItem.offlineBackground#F0EAD6
  • statusBarItem.offlineForeground#FFF8DC
  • statusBarItem.offlineHoverBackground#FFFDF2
  • statusBarItem.offlineHoverForeground#FFF8DC
  • statusBarItem.prominentBackground#D8C690
  • statusBarItem.prominentForeground#2A3A2E
  • statusBarItem.prominentHoverBackground#C7AD73
  • statusBarItem.prominentHoverForeground#FFF8DC
  • statusBarItem.remoteBackground#F0EAD6
  • statusBarItem.remoteForeground#FFF8DC
  • statusBarItem.remoteHoverBackground#00cccc
  • statusBarItem.remoteHoverForeground#FFF8DC
  • statusBarItem.warningBackground#8B5A42
  • statusBarItem.warningForeground#2A3A2E
  • statusBarItem.warningHoverBackground#ef9300
  • statusBarItem.warningHoverForeground#FFF8DC
  • tab.activeBackground#FFF8DC
  • tab.activeBorder#00000000
  • tab.activeBorderTop#3C7A2E
  • tab.activeForeground#2A3A2E
  • tab.activeModifiedBorder#D8C79688
  • tab.border#D8C79644
  • tab.hoverBackground#F7EDCF
  • tab.hoverForeground#2A3A2E
  • tab.inactiveBackground#FFF8DC
  • tab.inactiveForeground#344D3B
  • tab.inactiveModifiedBorder#B84A30
  • tab.lastPinnedBorder#D8C79666
  • tab.unfocusedActiveBackground#FFF8DC
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveForeground#2A3A2E
  • tab.unfocusedActiveModifiedBorder#B84A30
  • tab.unfocusedHoverBackground#F7EDCF
  • tab.unfocusedHoverForeground#2A3A2E
  • tab.unfocusedInactiveForeground#344D3B
  • tab.unfocusedInactiveModifiedBorder#B84A30
  • terminal.ansiBlack#344D3B
  • terminal.ansiBlue#4A7A9A
  • terminal.ansiBrightBlack#6D9C6B
  • terminal.ansiBrightBlue#5A8BA5
  • terminal.ansiBrightCyan#7FB5A0
  • terminal.ansiBrightGreen#4B8B3B
  • terminal.ansiBrightMagenta#7B6C9A
  • terminal.ansiBrightRed#E58D6D
  • terminal.ansiBrightWhite#2A3A2E
  • terminal.ansiBrightYellow#A76D54
  • terminal.ansiCyan#4A7A5E
  • terminal.ansiGreen#3C7A2E
  • terminal.ansiMagenta#6B5A8A
  • terminal.ansiRed#B84A30
  • terminal.ansiWhite#F0EAD6
  • terminal.ansiYellow#8B5A42
  • terminal.background#FFF8DC
  • terminal.foreground#2A3A2E
  • terminal.selectionBackground#F0EAD633
  • terminal.selectionForeground#2A3A2E
  • terminalCursor.background#FFF8DC
  • terminalCursor.foreground#B84A30
  • terminalStickyScroll.background#F0EAD6
  • terminalStickyScrollHover.background#E8D6A0
  • testing.iconErrored#B84A30
  • testing.iconFailed#B84A30
  • testing.iconPassed#4B8B3B
  • testing.iconQueued#8B5A42
  • testing.iconSkipped#344D3B
  • testing.iconUnset#344D3B
  • testing.peekBorder#D8C79666
  • testing.peekHeaderBackground#F0EAD6
  • textBlockQuote.background#FBF3D7
  • textBlockQuote.border#D8C79688
  • textCodeBlock.background#F7EDCF
  • textLink.activeForeground#2F6F8F
  • textLink.foreground#3C7A2E
  • textPreformat.background#F7EDCF
  • textPreformat.foreground#3C7A2E
  • textSeparator.foreground#D8C79644
  • titleBar.activeBackground#FFF8DC
  • titleBar.activeForeground#2A3A2E
  • titleBar.border#D8C79666
  • titleBar.inactiveBackground#FFF8DC
  • titleBar.inactiveForeground#344D3B
  • toolbar.activeBackground#F0EAD680
  • toolbar.hoverBackground#FFFDF24d
  • tree.indentGuidesStroke#D8C79644
  • walkThrough.embeddedEditorBackground#F7EDCF
  • welcomePage.progress.background#E8D6A0
  • welcomePage.progress.foreground#B84A30
  • welcomePage.tileBackground#FBF3D7
  • welcomePage.tileBorder#D8C79666
  • welcomePage.tileHoverBackground#F7EDCF
  • widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8A9682italic
keyword, storage.modifier, keyword.control, keyword.operator.expression, storage.type#3C7A2E
entity.name.function, support.function, meta.function-call entity.name.function#3C7A2E
entity.name.type, support.type, support.class, entity.name.class#4A7A5E
string, punctuation.definition.string#B84A30
constant, constant.numeric, constant.language#8B5A42
variable.other.property, support.type.property-name, entity.other.attribute-name#3C7A2E
variable, variable.parameter#2A3A2E
markup.heading, entity.name.section#3C7A2Ebold
markup.underline.link, string.other.link#4A7A5E
support.module.elm, entity.other.inherited-class.python, variable.other.object, support.other.namespace.php, entity.other.attribute-name.namespace.xml, record.accessor, entity.name.record.field.accessor, storage.modifier.import.java, storage.modifier.import.groovy, meta.import.swift entity.name.type.swift, meta.member.access.python, variable.other.property.ts, variable.other.property.js, constant.language.symbol.elixir, punctuation.tag.liquid support.class.liquid, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell punctuation.definition.variable.powershell, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell, source.cpp meta.block.class.cpp meta.body.class.cpp, source.cpp meta.block.class.cpp meta.body.class.cpp meta.function.definition.special.constructor.cpp meta.body.function.definition.special.constructor.cpp#B84A30
entity.name.type#5e8516
comment, punctuation.definition.comment, string.quoted.docstring.multi, comment.block.documentation source#68919cb3italic
constant, support.constant.core.php#B84A30
meta.section.struct.go variable.other.field.go, meta.section.struct.go variable.other.declaration.go, source, support, constant.character.entity.named, meta.jsx.children, source.lua, text.html.derivative, source.graphql meta.selections variable.other.alias.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql variable.graphql, source.graphql variable.arguments.graphql, JSXNested#2A3A2E
entity.name.function.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, punctuation.definition.decorator, meta.decorator variable.other.readwrite.ts, variable.parameter.gdscript, entity.name.variable.parameter, variable.parameter#B84A30
keyword.control.export, support.type.object.module#8B5A42
support.function, entity.name.function, meta.function-call, meta.function, meta.method.declaration, meta.function-call support, variable.language.super.ts, source.directive, meta.function-call.generic, meta.method-call.static.php, meta.method-call.php, meta.class storage.type, meta.method.groovy, meta.bracket.square.access, entity.name.function-call.elixir, punctuation.output.liquid support.variable.liquid, meta.function.echo.edge source.js keyword.operator.error-control.js, entity.name.type.variant.gdscript, entity.name.function.powershell#4A7A9A
keyword.control.import, meta.module.name.elm support, meta.import.elm support, keyword.control.at-rule, punctuation.definition.keyword, variable.control.import.include, keyword.other.import.java#8B5A42
keyword.package.go, keyword.operator.pointer.go, keyword.control, keyword.control.conditional, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.begin.blade, keyword.end.blade, keyword.blade, keyword.type-alias, keyword.type, support.class.console, keyword.other.await, storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, keyword.other.new, keyword.other.phpdoc, keyword.other.use.php, keyword.operator.logical.python, keyword.other.import.static.groovy, keyword.other.import.groovy, punctuation.definition.attribute.swift, source.svelte meta.scope.tag.main.svelte meta.tag.start.svelte variable.function.svelte, meta.directive.on.svelte entity.name.type.svelte, keyword.other.special-method.elixir, keyword.edge, entity.name.function.edge, support.constant.edge, keyword.other.gdscript, keyword.other.onready.gdscript, source.graphql meta.fragment.graphql keyword.on.graphql, source.graphql meta.type.interface.graphql keyword.implements.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql keyword.operator.nulltype.graphql, source.graphql meta.variables.graphql keyword.operator.nulltype.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql keyword.operator.nulltype.graphql, keyword.operator.class.php, keyword.operator.spread.php, keyword.operator.type.php, keyword.operator.increment-decrement.php, keyword.operator.increment-increment.php, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, keyword.operator.string.php, keyword.operator.ternary.php, keyword.operator.variadic.php, keyword.operator.nullable-type.php, keyword.other.use-as.php, keyword.import.go, keyword.operator.address.go, keyword.operator.null-coalescing, keyword.operator.arrow, keyword.struct.go, keyword.operator.liquid, keyword.operator.optional.ts, keyword.cmake, keyword.codetag.notation, keyword.operator.pipe.shell#8B5A42
meta.object-literal.key, variable.object.property#2A3A2E
keyword.other.definition.ini, support.type.property-name, entity.name.tag.yaml#8B5A42
keyword.operator.comparison, storage.type.function.arrow, keyword.operator.lua, keyword.operator.assignment, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.math#8B5A42
punctuation, attribute_value, meta.brace, punctuation.definition.parameters, punctuation.definition.template-expression, keyword.operator, keyword.other, punctuation.terminator, punctuation.separator, punctuation.definition.generic.begin, punctuation.definition.generic.end, meta.function.type-declaration, keyword.other.colon.elm, meta.record.field.elm keyword.other.elm, keyword.other.period.elm, meta.tag.xml, meta.tag.preprocessor.xml, punctuation.definition.block, punctuation.accessor, constant.name.attribute.tag.pug, string.interpolated.pug, keyword.other.whitespace.liquid, meta.tag.template.block.twig, meta.tag.template.value.twig, begin.bracket, end.bracket, text.html.twig meta.tag.inline.any, text.html.twig meta.tag.block.any, support.function.construct.begin.blade, support.function.construct.end.blade source.php, support.function.construct.end.blade, meta.function.echo.blade source.php, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, text.html.vue-html meta.tag.block.any, keyword.operator.assignment.tsx, meta.definition.method.signature.java, meta.class.body.groovy, meta.definition.method.groovy meta.method.body.java meta.declaration.assertion.groovy, punctuation.definition.list.begin.erlang, meta.expression.parenthesized, meta.definition.function.swift meta.parameter-clause.swift, source.swift meta.function-call.swift, punctuation.section.embedded.end.swift source.swift, source.lua, meta.function.lua, punctuation.definition.keyword.svelte, source.svelte meta.scope.tag.SpeakerPicture.svelte meta.tag.start.svelte entity.other.attribute-name.svelte, expression.embbeded.vue punctuation.definition.tag.begin.html.vue, expression.embbeded.vue punctuation.definition.tag.end.html.vue, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql meta.brace.square.graphql, punctuation.output.liquid, text.html.liquid meta.tag.liquid punctuation.definition.tag.end.liquid, JSXAttrs keyword.operator.assignment.jsx, meta.tag.attributes.js keyword.operator.assignment.js#2A3A2E66
entity.name.package.go, variable.language.this, variable.language.special.self, variable.parameter.function.language.special.self, variable.language.this.php punctuation.definition.variable.php, meta.class.body.php storage.type.php, variable.parameter.function.swift entity.name.function.swift, variable.other.jsdoc, support.variable.drive.powershell, entity.other.attribute.lua#B84A30
storage, meta.var.expr storage.type, storage.type.function, keyword.function, storage.type.class, storage.type.property, keyword.other, keyword.local.lua, entity.name.class, meta.function.lua keyword.control.lua, storage.type.enum, storage.type.interface, storage.type.type, entity.name.type.class.java, support.class.php, entity.other.inherited-class.php, entity.name.type.class.groovy, storage.type.rust, entity.name.type.class.swift, source.svelte meta.script.svelte source.ts entity.name.label.ts, meta.directive.on.svelte keyword.control.svelte, storage.type.const.gdscript, storage.type.var.gdscript, source.graphql declaration.meta.type keyword, source.graphql meta.type.interface.graphql keyword.type.graphql, source.graphql keyword.schema.graphql, source.graphql keyword.operation.graphql, source.graphql meta.enum.graphql keyword.enum.graphql, source.graphql meta.fragment.graphql keyword.fragment.graphql, storage.type.trait.php, keyword.type.go, keyword.var.go, storage.type.powershell, keyword.const.go, keyword.storage.modifier#4A7A5E
string, string.template, string.quoted.single, punctuation.definition.string, punctuation.definition.string.template, punctuation.definition.string.begin, punctuation.definition.string.end.html source.js-ignored-vscode, punctuation.definition.string.end.html source.js, punctuation.definition.string.end.html.vue, punctuation.definition.string.end.html source.ts, punctuation.definition.string.end.html source.tsx, punctuation.definition.string.end.html source.js.jsx, punctuation.definition.string.end, string.other.link, constant.character.escape.regexp, variable.parameter.url, constant.other.symbol.quoted.single.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.begin.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.end.erlang, meta.import.ts punctuation.definition.variable.svelte, punctuation.definition.string.end.html source.css-ignored-vscode, text.html.edge punctuation.definition.variable.js, string.unquoted.plain.out.yaml, string.quoted.single.python punctuation.definition.string.begin.python, string.quoted.single.python punctuation.definition.string.end.python, punctuation.definition.string.end.html source.css, string.quoted.double.html source.css, punctuation.definition.subshell.single.shell, punctuation.section.parenthese.shell#4B8B3B
string.quoted.docstring.multi.python, string.quoted.double.block.python punctuation.definition.string.end.python, string.quoted.double.block.python punctuation.definition.string.begin.python, string.quoted.double.block.python, punctuation.definition.string.begin.python, punctuation.definition.string.end.python#3e5414cc
entity.name.type, support.type, support.class, storage.type, entity.other.inherited-class, keyword.type, storage.type.java, storage.type.primitive.java, storage.type.generic.java, keyword.other.type, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php source.php, punctuation.section.embedded.end.php, storage.type.object.array.java, storage.type.primitive.groovy, storage.type.groovy, meta.definition.type.body.swift meta.function-call.swift, meta.definition.type.class.swift meta.inheritance-clause.swift, variable.other.constant.elixir, source.graphql declaration.meta.type support, source.graphql meta.selections, source.graphql meta.enum.graphql meta.type.object.graphql constant.character.enum.graphql, source.graphql meta.fragment.graphql entity.name.fragment.graphql, entity.name.type.class.php, support.class.php, entity.other.inherited-class.php, entity.other.alias.php, meta.group.simple.subexpression.powershell meta.scriptblock.powershell storage.type.powershell#3C7A2E
variable, variable.language, entity.name.type.class.js, entity.name.variable, support.variable.magic, meta.method.body, entity.name.variable, punctuation.definition.variable, meta.class variable.object.property, variable.other.constant entity.name.function, entity.name.variable.tuple-element.cs punctuation.separator.colon.cs, meta.definition.variable.name.groovy, meta.body.struct.cpp, parameter.variable.function.elixir, meta.directive.edge source.js, meta.function.echo.edge source.js, text.html.edge meta.function.echo.edge meta.function-call.js, source.css variable.parameter.keyframe-list.css, source.css meta.property-value.css, source.css.scss meta.at-rule.keyframes.scss entity.name.function.scss, source.css.scss meta.property-value.scss, entity.name.variable.tuple-element, meta.group.simple.subexpression.powershell support.variable.automatic.powershell, support.variable.automatic.powershell, storage.source.cmake, entity.source.cmake#B84A30
source.elm constant.type-constructor#B84A30
source.elm storage.type#3C7A2E
entity.name.tag.other.html, entity.name.tag support.class.component, support.class.component.html#3C7A2E
source.diff meta.diff.header.to-file, source.diff markup.inserted.diff, source.diff punctuation.definition.to-file.diff, source.diff punctuation.definition.inserted.diff#4B8B3B
source.diff punctuation.definition.from-file.diff, source.diff meta.diff.header.from-file, source.diff markup.deleted.diff, source.diff punctuation.definition.deleted.diff#B84A30
source.diff meta.diff.header.command#4A7A9A
source.diff punctuation.definition.range.diff, source.diff meta.diff.range.unified#B84A30
support.variable.liquid, support.class.liquid#B84A30
text.html.basic entity.name, source.js-ignored-vscode, entity.name.tag, meta.embedded.block.blade constant.other.php, meta.embedded.block.blade keyword.operator.comparison.php, meta.embedded.block.blade keyword.operator.arithmetic.php, meta.tag.start.svelte keyword.control.svelte, meta.tag.end.svelte keyword.control.svelte#4A7A9A
meta.tag.sgml.doctype.html, punctuation.definition.tag, meta.tag.block.any, meta.tag.block.any.html, meta.tag.inline.any, source.css-ignored-vscode, meta.tag.metadata.style.end.html, text.html.vue invalid.illegal.character-not-allowed-here.html, meta.tag.inline.i.start.html, meta.tag.structure.div.start.html, punctuation.definition.tag.end.html.vue, invalid.illegal.character-not-allowed-here.html#4A7A9Ab3
entity.other.attribute-name, entity.name.tag.liquid, invalid.deprecated.entity.other.attribute-name, meta.embedded.block.blade storage.type.php#8B5A42
markup.inline.raw.string.markdown, punctuation.definition.raw.markdown, markup.fenced_code.block.markdown, markup.fenced_code.block.markdown punctuation, markup.raw.block.markdown#3C7A2E
fenced_code.block.language#3C7A2E
punctuation.definition.list.begin#4A7A9A
punctuation.definition.list.begin#4A7A9A
entity.name.section, markup.heading.setext#8B5A42
punctuation.definition.heading#8B5A42
markup.underline.link, markup.underline.link.image#4A7A9A
markup.bold, punctuation.definition.bold#B84A30bold
markup.strikethrough, punctuation.definition.strikethrough#B84A30
markup.italic, punctuation.definition.italic#B84A30italic
markup.quote, markup.quote.markdown punctuation.definition.quote.begin#B84A30
punctuation.definition.quote.begin#4A7A9A
meta.embedded.block.frontmatter punctuation.definition.tag.begin, meta.embedded.block.frontmatter punctuation.definition.tag.end, meta.embedded.block.frontmatter string.unquoted.plain.out#68919citalic
entity.other.attribute-name.pseudo-class#B84A30
entity.other.attribute-name.pseudo-element#B84A30
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity#4A7A5E
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity#4A7A5E
support.type.property-name.css, support.type.vendored.property-name, meta.property-list entity.name.tag.css, meta.property-list.scss meta.property-list.scss entity.name.tag.css, meta.property-list meta.property-name, source.css.scss meta.property-list.scss entity.name.tag.css#2A3A2E
source.css.scss entity.other.attribute-name.id , source.css entity.other.attribute-name.id , entity.other.attribute-name.id punctuation.definition.entity#3C7A2E
entity.name.tag.reference, meta.property-list#B84A30
keyword.other.unit#B84A30
support.constant.property-value, support.constant.font-name, meta.property-value.css, meta.attribute.style.html#B84A30
constant.numeric#B84A30
entity.name.tag.css, meta.property-list.scss entity.name.tag.css#4A7A9A
comment, punctuation.definition.comment#8A9682italic
keyword, storage.modifier, keyword.control, keyword.operator.expression#3C7A2E
entity.name.function, support.function, meta.function-call entity.name.function#3C7A2E
entity.name.type, support.type, support.class, entity.name.class#91A39B
string, punctuation.definition.string#B84A30
constant, constant.numeric, constant.language#B84A30
variable.other.property, support.type.property-name, entity.other.attribute-name#8A6D3B
variable, variable.parameter#2A3A2E
markup.heading, entity.name.section#3C7A2Ebold
markup.underline.link, string.other.link#2F6FA8
support.module.elm, entity.other.inherited-class.python, variable.other.object, support.other.namespace.php, entity.other.attribute-name.namespace.xml, record.accessor, entity.name.record.field.accessor, storage.modifier.import.java, storage.modifier.import.groovy, meta.import.swift entity.name.type.swift, meta.member.access.python, variable.other.property.ts, variable.other.property.js, constant.language.symbol.elixir, punctuation.tag.liquid support.class.liquid, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell punctuation.definition.variable.powershell, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell, source.cpp meta.block.class.cpp meta.body.class.cpp, source.cpp meta.block.class.cpp meta.body.class.cpp meta.function.definition.special.constructor.cpp meta.body.function.definition.special.constructor.cpp#B84A30
entity.name.type#B84A30
comment, punctuation.definition.comment, string.quoted.docstring.multi, comment.block.documentation source#8A9682italic
constant, support.constant.core.php#B64239