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.activeBorder#D07A64
  • activityBar.activeFocusBorder#D07A64
  • activityBar.background#252C33
  • activityBar.border#111519
  • activityBar.foreground#D98A74
  • activityBar.inactiveForeground#969DA3
  • activityBarBadge.background#9E4C3B
  • activityBarBadge.foreground#FFFFFF
  • activityBarTop.background#252C33
  • activityBarTop.foreground#C1BDBA
  • activityBarTop.inactiveForeground#424A51
  • activityErrorBadge.background#F06B5D
  • activityErrorBadge.foreground#20262C
  • activityWarningBadge.background#D69A59
  • activityWarningBadge.foreground#20262C
  • badge.background#9E4C3B
  • badge.foreground#F4EEEA
  • banner.background#293139
  • banner.foreground#C1BDBA
  • banner.iconForeground#C1BDBA
  • breadcrumb.activeSelectionForeground#D6D3CF
  • breadcrumb.focusForeground#C1BDBA
  • breadcrumb.foreground#87929D
  • breadcrumbPicker.background#20262C
  • button.background#9E4C3B
  • button.border#C66D57
  • button.foreground#FFF8F4
  • button.hoverBackground#C46B55
  • button.secondaryBackground#433A38
  • button.secondaryBorder#765248
  • button.secondaryForeground#E4C0B5
  • button.secondaryHoverBackground#59443F
  • button.separator#20262C
  • charts.blue#83AFC9
  • charts.foreground#D6D3CF
  • charts.green#A9C58D
  • charts.lines#596169
  • charts.orange#D69A59
  • charts.purple#B8A0C3
  • charts.red#F06B5D
  • charts.yellow#D07A64
  • chat.avatarBackground#20262C
  • chat.avatarForeground#B8A0C3
  • chat.linesAddedForeground#A9C58DA5
  • chat.linesRemovedForeground#F06B5DA5
  • chat.requestBackground#293139
  • chat.requestBorder#424A51
  • chat.requestBubbleBackground#20262CBF
  • chat.requestBubbleHoverBackground#293139BF
  • chat.requestCodeBorder#293139A5
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#D07A64
  • chat.thinkingShimmer#A9C58DA5
  • checkbox.background#293139
  • checkbox.border#424A51
  • checkbox.foreground#D07A64
  • commandCenter.activeBackground#20262C
  • commandCenter.activeForeground#C1BDBA
  • commandCenter.background#252C33
  • commandCenter.border#20262C
  • commandCenter.debuggingBackground#252C33BF
  • commandCenter.foreground#87929D
  • debugConsole.errorForeground#F06B5D
  • debugConsole.infoForeground#83AFC9
  • debugConsole.sourceForeground#D6D3CF
  • debugConsole.warningForeground#D69A59
  • debugConsoleInputIcon.foreground#D07A64
  • debugExceptionWidget.background#293139
  • debugExceptionWidget.border#252C33
  • debugIcon.breakpointCurrentStackframeForeground#D07A64
  • debugIcon.breakpointDisabledForeground#C1BDBA
  • debugIcon.breakpointForeground#F06B5D
  • debugIcon.breakpointStackframeForeground#D6D3CF
  • debugIcon.breakpointUnverifiedForeground#D69A59
  • debugIcon.continueForeground#D6D3CF
  • debugIcon.disconnectForeground#D6D3CF
  • debugIcon.pauseForeground#D6D3CF
  • debugIcon.restartForeground#A9C58D
  • debugIcon.startForeground#A9C58D
  • debugIcon.stepBackForeground#D6D3CF
  • debugIcon.stepIntoForeground#D6D3CF
  • debugIcon.stepOutForeground#D6D3CF
  • debugIcon.stepOverForeground#D6D3CF
  • debugIcon.stopForeground#F06B5D
  • debugTokenExpression.boolean#D69A59
  • debugTokenExpression.error#F06B5D
  • debugTokenExpression.name#83AFC9
  • debugTokenExpression.number#B8A0C3
  • debugTokenExpression.string#D07A64
  • debugTokenExpression.value#D6D3CF
  • debugToolBar.background#293139
  • debugView.exceptionLabelBackground#F06B5D
  • debugView.exceptionLabelForeground#20262C
  • debugView.stateLabelBackground#A9C58D
  • debugView.stateLabelForeground#20262C
  • debugView.valueChangedHighlight#D07A64
  • descriptionForeground#AAA7A3
  • diffEditor.diagonalFill#293139
  • diffEditor.insertedLineBackground#A9C58D19
  • diffEditor.insertedTextBackground#A9C58D19
  • diffEditor.move.border#00000000
  • diffEditor.moveActive.border#00000000
  • diffEditor.removedLineBackground#F06B5D19
  • diffEditor.removedTextBackground#F06B5D19
  • diffEditor.unchangedCodeBackground#252C33
  • diffEditor.unchangedRegionBackground#252C33
  • diffEditor.unchangedRegionForeground#C1BDBA
  • diffEditor.unchangedRegionShadow#111519
  • diffEditorGutter.insertedLineBackground#A9C58D19
  • diffEditorGutter.removedLineBackground#F06B5D19
  • diffEditorOverview.insertedForeground#A9C58DA5
  • diffEditorOverview.removedForeground#F06B5DA5
  • disabledForeground#777C81
  • dropdown.background#343C44
  • dropdown.border#626B73
  • dropdown.foreground#DEDAD6
  • dropdown.listBackground#303840
  • editor.background#20262C
  • editor.findMatchBackground#D6D3CF26
  • editor.findMatchBorder#D07A64
  • editor.findMatchHighlightBackground#D6D3CF26
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#D6D3CF0C
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#C1BDBA26
  • editor.foldBackground#D6D3CF0C
  • editor.foreground#D6D3CF
  • editor.hoverHighlightBackground#D6D3CF0C
  • editor.inactiveSelectionBackground#A9574433
  • editor.inlineValuesBackground#424A51
  • editor.inlineValuesForeground#C1BDBA
  • editor.lineHighlightBackground#FFFFFF09
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#293139
  • editor.rangeHighlightBackground#29313959
  • editor.rangeHighlightBorder#293139
  • editor.selectionBackground#A9574455
  • editor.selectionHighlightBackground#C47A6340
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#C1BDBA26
  • editor.wordHighlightBackground#D08A7230
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#D08A7248
  • editor.wordHighlightStrongBorder#00000000
  • editorActionList.background#303840
  • editorActionList.focusBackground#9E4C3B
  • editorActionList.focusForeground#FFF8F4
  • editorActionList.foreground#DDD9D5
  • editorBracketHighlight.foreground1#D07A64
  • editorBracketHighlight.foreground2#E29A84
  • editorBracketHighlight.foreground3#BE775F
  • editorBracketHighlight.foreground4#D6A06E
  • editorBracketHighlight.foreground5#B86554
  • editorBracketHighlight.foreground6#E3B094
  • editorBracketHighlight.unexpectedBracket.foreground#F06B5D
  • editorBracketMatch.background#D07A6430
  • editorBracketMatch.border#DF927C
  • editorBracketMatch.foreground#F0B19F
  • editorBracketPairGuide.activeBackground1#D07A64
  • editorBracketPairGuide.activeBackground2#E29A84
  • editorBracketPairGuide.activeBackground3#BE775F
  • editorBracketPairGuide.activeBackground4#D6A06E
  • editorBracketPairGuide.activeBackground5#B86554
  • editorBracketPairGuide.activeBackground6#E3B094
  • editorBracketPairGuide.background1#D07A6435
  • editorBracketPairGuide.background2#E29A8430
  • editorBracketPairGuide.background3#BE775F30
  • editorBracketPairGuide.background4#D6A06E30
  • editorBracketPairGuide.background5#B8655430
  • editorBracketPairGuide.background6#E3B09430
  • editorCodeLens.foreground#626B73
  • editorCursor.background#20262C
  • editorCursor.foreground#E28B73
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#F06B5D
  • editorGhostText.foreground#596169
  • editorGroup.border#3C444B
  • editorGroup.dropBackground#252C33BF
  • editorGroup.emptyBackground#111519
  • editorGroup.focusedEmptyBorder#252C33
  • editorGroupHeader.border#00000000
  • editorGroupHeader.noTabsBackground#293139
  • editorGroupHeader.tabsBackground#262D34
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#A9C58D
  • editorGutter.background#20262C
  • editorGutter.deletedBackground#F06B5D
  • editorGutter.foldingControlForeground#C1BDBA
  • editorGutter.modifiedBackground#D69A59
  • editorHint.border#20262C
  • editorHint.foreground#B8A0C3
  • editorHoverWidget.background#293139
  • editorHoverWidget.border#596169
  • editorHoverWidget.foreground#D6D3CF
  • editorHoverWidget.highlightForeground#E08A72
  • editorHoverWidget.statusBarBackground#252C33
  • editorIndentGuide.activeBackground1#8C6257
  • editorIndentGuide.background1#394148
  • editorInfo.background#00000000
  • editorInfo.border#20262C
  • editorInfo.foreground#83AFC9
  • editorInlayHint.background#293139
  • editorInlayHint.foreground#87929D
  • editorInlayHint.parameterBackground#D69A590C
  • editorInlayHint.parameterForeground#D69A597F
  • editorInlayHint.typeBackground#B8A0C30C
  • editorInlayHint.typeForeground#B8A0C37F
  • editorLightBulb.foreground#D07A64
  • editorLightBulbAi.foreground#D07A64
  • editorLightBulbAutoFix.foreground#A9C58D
  • editorLineNumber.activeForeground#D98A74
  • editorLineNumber.foreground#747C83
  • editorLink.activeForeground#E08A72
  • editorMarkerNavigation.background#293139
  • editorMarkerNavigationError.background#F06B5D
  • editorMarkerNavigationInfo.background#83AFC9
  • editorMarkerNavigationWarning.background#D69A59
  • editorOverviewRuler.addedForeground#A9C58D
  • editorOverviewRuler.border#20262C
  • editorOverviewRuler.currentContentForeground#293139
  • editorOverviewRuler.deletedForeground#F06B5D
  • editorOverviewRuler.errorForeground#F06B5D
  • editorOverviewRuler.findMatchForeground#D6D3CF26
  • editorOverviewRuler.incomingContentForeground#293139
  • editorOverviewRuler.infoForeground#83AFC9
  • editorOverviewRuler.modifiedForeground#D69A59
  • editorOverviewRuler.rangeHighlightForeground#D6D3CF26
  • editorOverviewRuler.selectionHighlightForeground#D6D3CF26
  • editorOverviewRuler.warningForeground#D69A59
  • editorOverviewRuler.wordHighlightForeground#D6D3CF26
  • editorOverviewRuler.wordHighlightStrongForeground#D6D3CF26
  • editorPane.background#20262C
  • editorRuler.foreground#424A51
  • editorStickyScroll.background#20262C
  • editorStickyScroll.border#293139
  • editorStickyScroll.shadow#20262C
  • editorStickyScrollHover.background#D6D3CF0C
  • editorSuggestWidget.background#293139
  • editorSuggestWidget.border#252C33
  • editorSuggestWidget.foreground#C1BDBA
  • editorSuggestWidget.highlightForeground#D6D3CF
  • editorSuggestWidget.selectedBackground#424A51
  • editorUnnecessaryCode.opacity#000000A5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#D69A59
  • editorWhitespace.foreground#5F666C
  • editorWidget.background#293139
  • editorWidget.border#596169
  • editorWidget.foreground#D6D3CF
  • errorForeground#F06B5D
  • extensionBadge.remoteBackground#A9C58D
  • extensionBadge.remoteForeground#D6D3CF
  • extensionButton.background#293139
  • extensionButton.foreground#C1BDBA
  • extensionButton.hoverBackground#424A51
  • extensionButton.prominentBackground#293139
  • extensionButton.prominentForeground#D6D3CF
  • extensionButton.prominentHoverBackground#424A51
  • extensionIcon.preReleaseForeground#B8A0C3
  • extensionIcon.sponsorForeground#83AFC9
  • extensionIcon.starForeground#D07A64
  • extensionIcon.verifiedForeground#A9C58D
  • focusBorder#D07A64
  • foreground#D6D3CF
  • gitDecoration.addedResourceForeground#A9C58D
  • gitDecoration.conflictingResourceForeground#D69A59
  • gitDecoration.deletedResourceForeground#F06B5D
  • gitDecoration.ignoredResourceForeground#AAA9A9
  • gitDecoration.modifiedResourceForeground#D07A64
  • gitDecoration.stageDeletedResourceForeground#F06B5D
  • gitDecoration.stageModifiedResourceForeground#D07A64
  • gitDecoration.untrackedResourceForeground#C1BDBA
  • icon.foreground#D6D3CF
  • inlineChat.background#20262C
  • inlineChat.border#252C33
  • inlineChat.shadow#111519
  • inlineChatDiff.inserted#A9C58D19
  • inlineChatDiff.removed#A9C58D19
  • inlineEdit.gutterIndicator.background#293139
  • inlineEdit.gutterIndicator.primaryBackground#293139
  • inlineEdit.gutterIndicator.primaryBorder#293139
  • inlineEdit.gutterIndicator.primaryForeground#B8A0C3
  • inlineEdit.gutterIndicator.secondaryBackground#293139
  • inlineEdit.gutterIndicator.secondaryBorder#293139
  • inlineEdit.gutterIndicator.secondaryForeground#D07A64
  • inlineEdit.gutterIndicator.successfulBackground#293139
  • inlineEdit.gutterIndicator.successfulBorder#293139
  • inlineEdit.gutterIndicator.successfulForeground#A9C58D
  • inlineEdit.modifiedBackground#A9C58D19
  • inlineEdit.modifiedBorder#A9C58D19
  • inlineEdit.modifiedChangedLineBackground#A9C58D19
  • inlineEdit.modifiedChangedTextBackground#A9C58D19
  • inlineEdit.originalBackground#F06B5D19
  • inlineEdit.originalBorder#F06B5D19
  • inlineEdit.originalChangedLineBackground#F06B5D19
  • inlineEdit.originalChangedTextBackground#F06B5D19
  • inlineEdit.tabWillAcceptModifiedBorder#A9C58D19
  • inlineEdit.tabWillAcceptOriginalBorder#F06B5D19
  • input.background#343C44
  • input.border#626B73
  • input.foreground#E2DEDA
  • input.placeholderForeground#989C9F
  • inputOption.activeBackground#D07A6430
  • inputOption.activeBorder#D07A64
  • inputOption.activeForeground#F0D7CF
  • inputOption.hoverBackground#D07A6420
  • inputValidation.errorBackground#293139
  • inputValidation.errorBorder#F06B5D
  • inputValidation.errorForeground#F06B5D
  • inputValidation.infoBackground#293139
  • inputValidation.infoBorder#83AFC9
  • inputValidation.infoForeground#83AFC9
  • inputValidation.warningBackground#293139
  • inputValidation.warningBorder#D69A59
  • inputValidation.warningForeground#D69A59
  • interactive.activeCodeBorder#596169
  • interactive.inactiveCodeBorder#293139
  • keybindingLabel.background#424A51
  • keybindingLabel.border#424A51
  • keybindingLabel.bottomBorder#424A51
  • keybindingLabel.foreground#C1BDBA
  • list.activeSelectionBackground#A9574450
  • list.activeSelectionForeground#F1E9E5
  • list.activeSelectionIconForeground#E99C86
  • list.dropBackground#111519BF
  • list.errorForeground#F06B5D
  • list.focusBackground#20262C
  • list.focusForeground#F0E8E4
  • list.focusOutline#D07A6480
  • list.highlightForeground#E39882
  • list.hoverBackground#FFFFFF0C
  • list.hoverForeground#E5E1DD
  • list.inactiveFocusBackground#20262C
  • list.inactiveSelectionBackground#443B39
  • list.inactiveSelectionForeground#D1CECA
  • list.invalidItemForeground#F06B5D
  • list.warningForeground#D69A59
  • listFilterWidget.background#20262C
  • listFilterWidget.noMatchesOutline#F06B5D
  • listFilterWidget.outline#20262C
  • listFilterWidget.shadow#111519
  • menu.background#293139
  • menu.border#596169
  • menu.foreground#DDD9D5
  • menu.selectionBackground#9E4C3B
  • menu.selectionForeground#FFF8F4
  • menu.separatorBackground#4A5157
  • menubar.selectionForeground#D6D3CF
  • merge.border#20262C
  • merge.commonContentBackground#D6D3CF19
  • merge.commonHeaderBackground#D6D3CF26
  • merge.currentContentBackground#F06B5D19
  • merge.currentHeaderBackground#F06B5D26
  • merge.incomingContentBackground#A9C58D19
  • merge.incomingHeaderBackground#A9C58D26
  • mergeEditor.change.background#D6D3CF19
  • mergeEditor.change.word.background#D6D3CF19
  • mergeEditor.conflict.handled.minimapOverViewRuler#A9C58D
  • mergeEditor.conflict.handledFocused.border#A9C58D
  • mergeEditor.conflict.handledUnfocused.border#A9C58D
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#F06B5D
  • mergeEditor.conflict.unhandledFocused.border#F06B5D
  • mergeEditor.conflict.unhandledUnfocused.border#F06B5D
  • minimap.chatEditHighlight#B8A0C3A5
  • minimap.errorHighlight#F06B5DA5
  • minimap.findMatchHighlight#87929DA5
  • minimap.infoHighlight#83AFC9A5
  • minimap.selectionHighlight#C1BDBA26
  • minimap.selectionOccurrenceHighlight#596169A5
  • minimap.warningHighlight#D69A59A5
  • minimapGutter.addedBackground#A9C58D
  • minimapGutter.deletedBackground#F06B5D
  • minimapGutter.modifiedBackground#D07A64
  • notebook.cellBorderColor#293139
  • notebook.cellEditorBackground#252C337F
  • notebook.cellInsertionIndicator#D6D3CF
  • notebook.cellStatusBarItemHoverBackground#596169
  • notebook.cellToolbarSeparator#293139
  • notebook.editorBackground#20262C
  • notebook.focusedEditorBorder#596169
  • notebookStatusErrorIcon.foreground#F06B5D
  • notebookStatusRunningIcon.foreground#D6D3CF
  • notebookStatusSuccessIcon.foreground#A9C58D
  • notificationCenter.border#252C33
  • notificationCenterHeader.background#293139
  • notificationCenterHeader.foreground#87929D
  • notificationLink.foreground#D07A64
  • notifications.background#293139
  • notifications.border#252C33
  • notifications.foreground#C1BDBA
  • notificationsErrorIcon.foreground#F06B5D
  • notificationsInfoIcon.foreground#83AFC9
  • notificationsWarningIcon.foreground#D69A59
  • notificationToast.border#252C33
  • outputView.background#20262C
  • outputViewStickyScroll.background#252C33
  • panel.background#20262C
  • panel.border#4B535A
  • panel.dropBorder#D07A64
  • panelInput.border#626B73
  • panelSection.border#464E55
  • panelSectionHeader.background#293139
  • panelSectionHeader.border#464E55
  • panelSectionHeader.foreground#D8D4D0
  • panelStickyScroll.background#293139
  • panelStickyScroll.border#424A51
  • panelStickyScroll.shadow#293139
  • panelTitle.activeBorder#D07A64
  • panelTitle.activeForeground#E8E3DF
  • panelTitle.border#3B434A
  • panelTitle.inactiveForeground#A8A5A3
  • panelTitleBadge.background#9E4C3B
  • panelTitleBadge.foreground#FFF8F4
  • peekView.border#252C33
  • peekViewEditor.background#293139
  • peekViewEditor.matchHighlightBackground#424A51
  • peekViewEditorGutter.background#293139
  • peekViewResult.background#293139
  • peekViewResult.fileForeground#87929D
  • peekViewResult.lineForeground#87929D
  • peekViewResult.matchHighlightBackground#424A51
  • peekViewResult.selectionBackground#293139
  • peekViewResult.selectionForeground#D6D3CF
  • peekViewTitle.background#252C33
  • peekViewTitleDescription.foreground#87929D
  • peekViewTitleLabel.foreground#D6D3CF
  • pickerGroup.border#20262C
  • pickerGroup.foreground#424A51
  • ports.iconRunningProcessForeground#A9C58D
  • problemsErrorIcon.foreground#F06B5D
  • problemsInfoIcon.foreground#83AFC9
  • problemsWarningIcon.foreground#D69A59
  • profileBadge.background#293139
  • profileBadge.foreground#C1BDBA
  • progressBar.background#596169
  • quickInput.background#293139
  • quickInput.foreground#87929D
  • radio.activeBackground#293139
  • radio.activeBorder#424A51
  • radio.activeForeground#D07A64
  • radio.inactiveBackground#20262C
  • radio.inactiveBorder#424A51
  • radio.inactiveForeground#87929D
  • radio.inactiveHoverBackground#293139
  • sash.hoverBorder#D07A64
  • scmGraph.foreground1#F06B5D
  • scmGraph.foreground2#D69A59
  • scmGraph.foreground3#D07A64
  • scmGraph.foreground4#A9C58D
  • scmGraph.foreground5#B8A0C3
  • scmGraph.historyItemBaseRefColor#83AFC9
  • scmGraph.historyItemHoverAdditionsForeground#A9C58D
  • scmGraph.historyItemHoverDefaultLabelBackground#596169
  • scmGraph.historyItemHoverDefaultLabelForeground#20262C
  • scmGraph.historyItemHoverDeletionsForeground#F06B5D
  • scmGraph.historyItemHoverLabelForeground#20262C
  • scmGraph.historyItemRefColor#B8A0C3
  • scmGraph.historyItemRemoteRefColor#A9C58D
  • scrollbar.background#00000000
  • scrollbar.shadow#11151980
  • scrollbarSlider.activeBackground#D98A7475
  • scrollbarSlider.background#B8675438
  • scrollbarSlider.hoverBackground#C8796455
  • selection.background#A9574455
  • settings.checkboxBackground#293139
  • settings.checkboxBorder#424A51
  • settings.checkboxForeground#D07A64
  • settings.dropdownBackground#293139
  • settings.dropdownBorder#424A51
  • settings.dropdownForeground#D6D3CF
  • settings.dropdownListBorder#87929D
  • settings.focusedRowBackground#293139
  • settings.focusedRowBorder#424A51
  • settings.headerForeground#D07A64
  • settings.modifiedItemIndicator#D07A64
  • settings.numberInputBackground#293139
  • settings.numberInputBorder#424A51
  • settings.numberInputForeground#D6D3CF
  • settings.rowHoverBackground#D6D3CF0C
  • settings.sashBorder#293139
  • settings.settingsHeaderHoverForeground#D6D3CF
  • settings.textInputBackground#293139
  • settings.textInputBorder#424A51
  • settings.textInputForeground#D6D3CF
  • sideBar.background#252C33
  • sideBar.border#3C444B
  • sideBar.dropBackground#252C33BF
  • sideBar.foreground#D6D3CF
  • sideBarSectionHeader.background#303840
  • sideBarSectionHeader.border#424A51
  • sideBarSectionHeader.foreground#D6D3CF
  • sideBarStickyScroll.background#252C33
  • sideBarStickyScroll.border#293139
  • sideBarStickyScroll.shadow#252C33
  • sideBarTitle.foreground#424A51
  • simpleFindWidget.sashBorder#00000000
  • statusBar.background#8F4637
  • statusBar.border#6E352B
  • statusBar.debuggingBackground#A7623F
  • statusBar.debuggingBorder#71412C
  • statusBar.debuggingForeground#FFF8F4
  • statusBar.focusBorder#293139
  • statusBar.foreground#FFF8F4
  • statusBar.noFolderBackground#734039
  • statusBar.noFolderBorder#59312B
  • statusBar.noFolderForeground#FFF8F4
  • statusBarItem.activeBackground#FFFFFF32
  • statusBarItem.compactHoverBackground#6E352B
  • statusBarItem.errorBackground#20262C
  • statusBarItem.errorForeground#F06B5D
  • statusBarItem.focusBorder#596169
  • statusBarItem.hoverBackground#FFFFFF20
  • statusBarItem.hoverForeground#FFFFFF
  • statusBarItem.offlineBackground#00000000
  • statusBarItem.offlineForeground#00000000
  • statusBarItem.prominentBackground#293139
  • statusBarItem.prominentHoverBackground#293139
  • statusBarItem.remoteBackground#5F2C25
  • statusBarItem.remoteForeground#FFF4EC
  • statusBarItem.remoteHoverBackground#9E4C3B
  • statusBarItem.remoteHoverForeground#FFFFFF
  • statusBarItem.warningBackground#20262C
  • statusBarItem.warningForeground#D69A59
  • symbolIcon.arrayForeground#F06B5D
  • symbolIcon.booleanForeground#F06B5D
  • symbolIcon.classForeground#83AFC9
  • symbolIcon.colorForeground#B8A0C3
  • symbolIcon.constantForeground#B8A0C3
  • symbolIcon.constructorForeground#A9C58D
  • symbolIcon.enumeratorForeground#D69A59
  • symbolIcon.enumeratorMemberForeground#D69A59
  • symbolIcon.eventForeground#D69A59
  • symbolIcon.fieldForeground#D69A59
  • symbolIcon.functionForeground#A9C58D
  • symbolIcon.interfaceForeground#83AFC9
  • symbolIcon.keyForeground#D69A59
  • symbolIcon.keywordForeground#F06B5D
  • symbolIcon.methodForeground#A9C58D
  • symbolIcon.moduleForeground#83AFC9
  • symbolIcon.namespaceForeground#83AFC9
  • symbolIcon.nullForeground#B8A0C3
  • symbolIcon.numberForeground#B8A0C3
  • symbolIcon.objectForeground#83AFC9
  • symbolIcon.operatorForeground#F06B5D
  • symbolIcon.packageForeground#B8A0C3
  • symbolIcon.propertyForeground#D69A59
  • symbolIcon.referenceForeground#B8A0C3
  • symbolIcon.snippetForeground#A9C58D
  • symbolIcon.stringForeground#D07A64
  • symbolIcon.structForeground#F06B5D
  • symbolIcon.textForeground#D07A64
  • symbolIcon.typeParameterForeground#D69A59
  • symbolIcon.unitForeground#B8A0C3
  • symbolIcon.variableForeground#83AFC9
  • tab.activeBackground#20262C
  • tab.activeBorder#00000000
  • tab.activeBorderTop#D07A64
  • tab.activeForeground#E5E1DD
  • tab.activeModifiedBorder#424A51
  • tab.border#00000000
  • tab.hoverBackground#343A3F
  • tab.hoverBorder#C87964
  • tab.hoverForeground#E3D5D0
  • tab.inactiveBackground#2B333A
  • tab.inactiveForeground#A19FA0
  • tab.inactiveModifiedBorder#424A51
  • tab.lastPinnedBorder#8E5B4E
  • tab.unfocusedActiveBackground#242B31
  • tab.unfocusedActiveBorder#87929D
  • tab.unfocusedActiveForeground#C1BDBA
  • tab.unfocusedActiveModifiedBorder#293139
  • tab.unfocusedHoverBackground#30363B
  • tab.unfocusedHoverBorder#8E5B4E
  • tab.unfocusedHoverForeground#C9C4C1
  • tab.unfocusedInactiveBackground#293138
  • tab.unfocusedInactiveForeground#84888B
  • tab.unfocusedInactiveModifiedBorder#293139
  • terminal.ansiBlack#293139
  • terminal.ansiBlue#D69A59
  • terminal.ansiBrightBlack#596169
  • terminal.ansiBrightBlue#D69A59
  • terminal.ansiBrightCyan#83AFC9
  • terminal.ansiBrightGreen#A9C58D
  • terminal.ansiBrightMagenta#B8A0C3
  • terminal.ansiBrightRed#F06B5D
  • terminal.ansiBrightWhite#D6D3CF
  • terminal.ansiBrightYellow#D07A64
  • terminal.ansiCyan#83AFC9
  • terminal.ansiGreen#A9C58D
  • terminal.ansiMagenta#B8A0C3
  • terminal.ansiRed#F06B5D
  • terminal.ansiWhite#D6D3CF
  • terminal.ansiYellow#D07A64
  • terminal.background#20262C
  • terminal.border#4B535A
  • terminal.foreground#D6D3CF
  • terminal.hoverHighlightBackground#D07A6425
  • terminal.inactiveSelectionBackground#A9574435
  • terminal.initialHintForeground#B8BDC2
  • terminal.selectionBackground#A9574455
  • terminalCommandDecoration.defaultBackground#D6D3CF
  • terminalCommandDecoration.errorBackground#F06B5D
  • terminalCommandDecoration.successBackground#A9C58D
  • terminalCursor.background#20262C
  • terminalCursor.foreground#E28B73
  • testing.iconErrored#F06B5D
  • testing.iconFailed#F06B5D
  • testing.iconPassed#A9C58D
  • testing.iconQueued#D6D3CF
  • testing.iconSkipped#D69A59
  • testing.iconUnset#87929D
  • testing.message.error.badgeForeground#F06B5D
  • testing.message.error.lineBackground#F06B5D19
  • testing.message.info.decorationForeground#D6D3CF
  • testing.message.info.lineBackground#D6D3CF19
  • testing.runAction#D07A64
  • textBlockQuote.background#293139
  • textBlockQuote.border#293139
  • textCodeBlock.background#293139
  • textLink.activeForeground#F0AA94
  • textLink.foreground#E39882
  • textPreformat.foreground#D8B49E
  • textSeparator.foreground#62686D
  • titleBar.activeBackground#293139
  • titleBar.activeForeground#DDD9D5
  • titleBar.border#111519
  • titleBar.inactiveBackground#252C33
  • titleBar.inactiveForeground#94989B
  • toolbar.activeBackground#D07A6445
  • toolbar.hoverBackground#D07A642B
  • toolbar.hoverOutline#D07A6470
  • tree.inactiveIndentGuidesStroke#20262C
  • tree.indentGuidesStroke#293139
  • walkThrough.embeddedEditorBackground#252C33
  • welcomePage.progress.background#596169
  • welcomePage.progress.foreground#87929D
  • welcomePage.tileBackground#293139
  • welcomePage.tileHoverBackground#424A51
  • widget.border#596169
  • widget.shadow#11151980
  • window.activeBorder#75483E
  • window.inactiveBorder#3D444A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text#87929D
comment storage.type#87929D
comment entity.name.type#BBC4CC
comment variable, comment variable.other#BBC4CC
comment keyword, comment entity.name.tag, entity.name.tag.documentation#BBC4CC
comment keyword.codetag.notation#D38A73
comment.git-status.header.remote#DD8069
comment.git-status.header.local#83AFC9
comment.other.git-status.head#D6D3CF
string.quoted.docstring, string.quoted.docstring punctuation.definition#87929D
constant#D38A73
constant.other#D6D3CF
constant.other.java#D38A73
constant.other.caps#D38A73
constant.other.placeholder#D69A59
constant.other.property#D38A73
constant.other.citation.latex#D38A73
constant.other.color#D38A73
constant.other.character-class.escape#D38A73
constant.other.key#D38A73
constant.other.symbol#D69A59
constant.other.elm#83AFC9
constant.numeric#D38A73
constant.language#D38A73
constant.character.escape#D38A73
constant.numeric.line-number.find-in-files#596169
constant.numeric.line-number.match.find-in-files#A9C58D
entity.name.section#A9C58D
entity.name.function, entity.name.function.templated, entity.name.function.member.static#70B8C4
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#83AFC9
entity.name.label#D38A73
entity.name.function.preprocessor#83AFC9
entity.name#70B8C4
entity.name.class#83AFC9
entity.name.constant#D38A73
entity.name.namespace#83AFC9
entity.other.inherited-class#83AFC9
entity.name.function#70B8C4
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#DD8069
source.ansible entity.name.tag#83AFC9
entity.name.function.operator#DD8069
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#94989B
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#83AFC9
entity.other.attribute-name#83AFC9
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css#70B8C4
entity.other.attribute-name.id.css#D69A59
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#83AFC9
entity.name.function, support.function#70B8C4
entity.other.git-status.hex#D38A73
entity.other.jinja2.delimiter#94989B
entity.name.operator.custom-literal#D6D3CF
entity.name.operator.custom-literal.string#A9C58D
entity.name.operator.custom-literal.number#D38A73
entity.name.type.rust#83AFC9
entity.name.lifetime.rust#DD8069
invalid#F08C7Aunderline
invalid.deprecated#F08C7Aunderline
keyword#DD8069
keyword.control#DD8069
keyword.control.directive#DD8069
keyword.operator, keyword.operator.member, keyword.operator.new#DD8069
keyword.other.substitution#94989B
keyword.other.template.begin, keyword.other.template.end#DD8069
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#94989B
keyword.other.parenthesis.elm#94989B
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#83AFC9
keyword.control.rust, keyword.operator.misc.rust#DD8069
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#DD8069
markup.italic
markup.boldbold
markup.heading#A9C58D
markup.raw#D69A59
markup.underlineunderline
markup.underline.link#70B8C4
markup.inserted, markup.inserted punctuation.definition.inserted#70B8C4
markup.deleted, markup.deleted punctuation.definition.deleted#DD8069
markup.changed, markup.changed punctuation.definition.changed#A9C58D
markup.ignored, markup.ignored punctuation.definition.ignored#94989B
markup.untracked#94989B
markup.quote
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js#94989B
meta.function-call.generic.python, support.function.builtin.python#70B8C4
meta.function-call.python meta.function-call.arguments.python#D6D3CF
meta.interpolation#D69A59
meta.instance.constructor#70B8C4
meta.attribute-with-value.class string, meta.attribute.class.html string#70B8C4
meta.attribute-with-value.id string, meta.attribute.id.html string#D69A59
source.json meta.mapping.key string#D6D3CF
source.yaml meta.mapping.key string#DD8069
meta.object.member#D6D3CF
meta.property-list.css variable.other#D69A59
entity.name.constant.preprocessor, meta.preprocessor#D38A73
meta.diff.git-diff.header#A9C58D
meta.type_params.rust#D6D3CF
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string#BBC4CC
meta.type variable, meta.type variable.other.readwrite, variable.annotation, meta.decorator variable.other.readwrite#D38A73
punctuation#94989B
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator#94989B
punctuation.definition.group#D6D3CF
punctuation.definition.comment#87929D
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#BBC4CC
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#D69A59
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#DD8069
markup.underline.link punctuation#70B8C4
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#94989B
region.redish#DD8069
region.orangish#D69A59
region.yellowish#A9C58D
region.greenish#70B8C4
region.bluish#83AFC9
region.purplish#D38A73
region.pinkish#DD8069
region.whitish#FFFFFF
source#D6D3CF
source.scss, source.sass#94989B
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less#D69A59
source.git-show.commit.sha#D38A73
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file#94989B
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#D38A73
source.git-show meta.diff.range.unified#D69A59
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#94989B
storage#DD8069
storage.type.extends#DD8069
storage.type.function.arrow#DD8069
storage.modifier, storage.type.modifier#DD8069
storage.class.restructuredtext.ref#D38A73
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#DD8069
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust#83AFC9
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust#DD8069
storage.modifier.import.java#D6D3CF
string#A9C58D
string.unquoted.label#D6D3CF
string source#D6D3CF
string source punctuation.section.embedded, string punctuation.definition.string source#94989B
string.other.link.title, string.other.link.description#DD8069
string.other.link.description.title#83AFC9
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#DD8069
string.other.ref, string.other.restructuredtext.ref#70B8C4
string.other.git-status.help.key#BBC4CC
string.other.git-status.remote#DD8069
support.constant#83AFC9
support.constant.handlebars#94989B
support.type.vendor-prefix.css#BBC4CC
support.function#70B8C4
support.macro#70B8C4
support.function.delimiter.elm#94989B
support.type, entity.name.type.object.console#83AFC9
support.variable, support.variable.property#83AFC9
support.type.property-name#D6D3CF
support.class#83AFC9
support.constant.core.rust#D38A73
comment support, comment support.class#87929D
text#D6D3CF
text.find-in-files#D6D3CF
variable, variable.other#D6D3CF
variable.parameter, parameters variable.function#D69A59
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#BBC4CC
variable.language.arguments#D38A73
variable.other.class#83AFC9
variable.other.constant#D38A73
variable.other.readwrite#D6D3CF
variable.other.member#D6D3CF
variable.other.enummember#D38A73
variable.other.property, variable.other.property.static, variable.other.event#D6D3CF
variable.function#70B8C4
variable.other.substitution#D69A59
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#D38A73
source.jinja2 variable.other.jinja2.block#70B8C4
source.jinja2 variable.other.jinja2#D69A59
comment, punctuation.definition.comment#87929D
variable, variable.other.object#D6D3CF
variable.parameter#BBC4CC
keyword, keyword.control, storage.type, storage.modifier#DD8069
keyword.control.return.cpp, meta.block.cpp keyword.control.return.cpp, meta.body.function.definition.cpp keyword.control.return.cpp, meta.function.definition.cpp keyword.control.return.cpp#DD8069
entity.name.function, support.function, variable.function#70B8C4
entity.name.function.definition.cpp, meta.head.function.definition.cpp entity.name.function.definition.cpp, meta.function.definition.cpp entity.name.function.definition.cpp#70B8C4
entity.name.function.python, meta.function.python entity.name.function.python#70B8C4
entity.name.function.member, meta.method-call, support.function.method#82C3CC
entity.name.type, entity.name.class, support.class, support.type#B8A0C3
storage.type.built-in.primitive.cpp, storage.type.primitive.cpp, meta.qualified_type.cpp storage.type.built-in.primitive.cpp, meta.qualified_type.cpp storage.type.primitive.cpp#F08C7A
string, punctuation.definition.string#A9C58D
storage.type.string.python, meta.fstring.python storage.type.string.python, meta.function-call.arguments.python storage.type.string.python, meta.function-call.python storage.type.string.python, meta.member.access.python storage.type.string.python#D38A73
string.quoted.single.python, string.interpolated.python, meta.fstring.python string.quoted.single.python, meta.fstring.python string.interpolated.python, meta.function-call.arguments.python string.quoted.single.python, meta.function-call.arguments.python string.interpolated.python, meta.function-call.python string.quoted.single.python, meta.function-call.python string.interpolated.python, meta.member.access.python string.quoted.single.python, meta.member.access.python string.interpolated.python#A9C58D
constant.numeric, constant.language.boolean, keyword.other.unit#D69A59
constant, support.constant, constant.other#D38A73
entity.name.namespace#83AFC9
keyword.operator#C9C5C1
punctuation#C7C3BF
entity.name.tag#DD8069
entity.other.attribute-name#83AFC9
source.starlark entity.name.function.python.starlark, source.starlark support.function.python.starlark#70B8C4
source.starlark meta.parameter.keyword.python.starlark#DD8069
source.starlark variable.parameter.python.starlark#D6D3CF
storage.type.go#B8A0C3
entity.name.other.anchor.yaml, variable.other.alias.yaml#D38A73
markup.strikethrough#94989B
punctuation.definition.list.begin.markdown#DD8069
invalid, invalid.illegal, invalid.deprecated#F08C7A