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.

  • actionBar.toggledBackground#505053
  • activityBar.activeBorder#757575
  • activityBar.activeFocusBorder#8085FF
  • activityBar.background#272727
  • activityBar.border#222222
  • activityBar.dropBorder#757575
  • activityBar.foreground#757575
  • activityBar.inactiveForeground#505053
  • activityBarBadge.background#8085FF
  • activityBarBadge.foreground#222222
  • activityBarTop.activeBorder#E7E7E7
  • activityBarTop.dropBorder#E7E7E7
  • activityBarTop.foreground#E7E7E7
  • activityBarTop.inactiveForeground#E7E7E799
  • badge.background#AC80FF
  • badge.foreground#F1F2FF
  • banner.background#353537
  • banner.foreground#B6B6C0
  • banner.iconForeground#B6B6C0
  • breadcrumb.activeSelectionForeground#F1F2FF
  • breadcrumb.background#202020
  • breadcrumb.focusForeground#B6B6C0
  • breadcrumb.foreground#88888F
  • breadcrumbPicker.background#353537
  • button.background#6570FF
  • button.foreground#F1F1FF
  • button.hoverBackground#7580FF
  • button.secondaryBackground#404040
  • button.secondaryForeground#F1F1FF
  • button.secondaryHoverBackground#505050
  • button.separator#222222
  • charts.blue#8085FF
  • charts.foreground#F1F2FF
  • charts.green#2BFFAB
  • charts.lines#67676C
  • charts.orange#FF65D3
  • charts.purple#9B69EA
  • charts.red#FF4D9A
  • charts.yellow#E565FF
  • chat.avatarBackground#1F1F1F
  • chat.avatarForeground#DDDDDD
  • chat.requestBackground#1515159E
  • chat.requestBorder#F1F1FF1A
  • chat.slashCommandBackground#77FFEF40
  • chat.slashCommandForeground#77FFEF
  • checkbox.background#353537
  • checkbox.border#353537
  • checkbox.foreground#F1F2FF
  • checkbox.selectBackground#353537
  • checkbox.selectBorder#8085FF
  • cody.fixup.conflictBackground#8085FF47
  • cody.fixup.conflictBorder#FF4D9A
  • cody.fixup.conflictedBackground#0000
  • cody.fixup.conflictedBorder#FF4D9A
  • cody.fixup.incomingBackground#8085FF20
  • cody.fixup.incomingBorder#8085FF90
  • commandCenter.activeBackground#222222
  • commandCenter.activeBorder#F1F1FF33
  • commandCenter.activeForeground#B6B6C0
  • commandCenter.background#191919
  • commandCenter.border#222222
  • commandCenter.debuggingBackground#20202042
  • commandCenter.foreground#88888F
  • commandCenter.inactiveBorder#F1F1FF20
  • commandCenter.inactiveForeground#F1F1FF80
  • commentsView.resolvedIcon#CCCCCC80
  • commentsView.unresolvedIcon#6065FF88
  • debugConsole.errorForeground#FF4D9A
  • debugConsole.infoForeground#77FFEF
  • debugConsole.sourceForeground#F1F2FF
  • debugConsole.warningForeground#9D65FF
  • debugConsoleInputIcon.foreground#8085FF
  • debugExceptionWidget.background#353537
  • debugExceptionWidget.border#222222
  • debugIcon.breakpointCurrentStackframeForeground#8085FF
  • debugIcon.breakpointDisabledForeground#B6B6C0
  • debugIcon.breakpointForeground#FF4D9A
  • debugIcon.breakpointStackframeForeground#F1F2FF
  • debugIcon.breakpointUnverifiedForeground#9D65FF
  • debugIcon.continueForeground#F1F2FF
  • debugIcon.disconnectForeground#F1F2FF
  • debugIcon.pauseForeground#F1F2FF
  • debugIcon.restartForeground#2BFFAB
  • debugIcon.startForeground#2BFFAB
  • debugIcon.stepBackForeground#F1F2FF
  • debugIcon.stepIntoForeground#F1F2FF
  • debugIcon.stepOutForeground#F1F2FF
  • debugIcon.stepOverForeground#F1F2FF
  • debugIcon.stopForeground#FF4D9A
  • debugTokenExpression.boolean#AC80FF
  • debugTokenExpression.error#FF4D9A
  • debugTokenExpression.name#77FFEF
  • debugTokenExpression.number#8085FF
  • debugTokenExpression.string#8085FF
  • debugTokenExpression.value#F1F2FF
  • debugToolBar.background#353537
  • debugView.exceptionLabelBackground#FF4D9A
  • debugView.exceptionLabelForeground#222222
  • debugView.stateLabelBackground#2BFFAB
  • debugView.stateLabelForeground#222222
  • debugView.valueChangedHighlight#8085FF
  • descriptionForeground#F1F1FF
  • diffEditor.border#F1F1FF30
  • diffEditor.diagonalFill#F1F1FF22
  • diffEditor.insertedLineBackground#00FFEE25
  • diffEditor.insertedTextBackground#2BFFAB25
  • diffEditor.insertedTextBorder#0000
  • diffEditor.move.border#8B8B8B9C
  • diffEditor.moveActive.border#9D65FF
  • diffEditor.removedLineBackground#FF4D9D25
  • diffEditor.removedTextBackground#FF4D9A25
  • diffEditor.removedTextBorder#0000
  • diffEditor.unchangedCodeBackground#74747429
  • diffEditor.unchangedRegionBackground#191919
  • diffEditor.unchangedRegionForeground#DDDDDD
  • diffEditor.unchangedRegionShadow#000000
  • diffEditorGutter.insertedLineBackground#00FFAE25
  • diffEditorGutter.removedLineBackground#FF4D9A25
  • diffEditorOverview.insertedForeground#2BFFABA5
  • diffEditorOverview.removedForeground#FF4D9AA5
  • disabledForeground#CCCCCC80
  • dropdown.background#222222
  • dropdown.border#222222
  • dropdown.foreground#88888F
  • dropdown.listBackground#353537
  • editor.background#151515
  • editor.findMatchBackground#28FFE050
  • editor.findMatchBorder#28FFE0
  • editor.findMatchHighlightBackground#28FFE026
  • editor.findMatchHighlightBorder#28FFE0
  • editor.findRangeHighlightBackground#28FFE00C
  • editor.findRangeHighlightBorder#0000
  • editor.focusedStackFrameHighlightBackground#F1F2FF24
  • editor.foldBackground#F1F2FF16
  • editor.foreground#8085FF
  • editor.hoverHighlightBackground#F1F2FF16
  • editor.inactiveSelectionBackground#F1F2FF16
  • editor.inlineValuesBackground#505053
  • editor.inlineValuesForeground#B6B6C0
  • editor.lineHighlightBackground#F1F2FF0C
  • editor.lineHighlightBorder#0000
  • editor.linkedEditingBackground#353537
  • editor.rangeHighlightBackground#353537AA
  • editor.rangeHighlightBorder#353537AA
  • editor.selectionBackground#F1F2FF24
  • editor.selectionHighlightBackground#F1F2FF24
  • editor.selectionHighlightBorder#0000
  • editor.snippetFinalTabstopHighlightBorder#525252
  • editor.snippetTabstopHighlightBackground#F1F2FF24
  • editor.stackFrameHighlightBackground#F1F2FF16
  • editor.symbolHighlightBackground#F1F2FF16
  • editor.wordHighlightBackground#F1F2FF16
  • editor.wordHighlightBorder#0000
  • editor.wordHighlightStrongBackground#F1F2FF16
  • editor.wordHighlightStrongBorder#0000
  • editor.wordHighlightTextBackground#F1F2FF16
  • editor.wordHighlightTextBorder#0000
  • editorBracketHighlight.foreground1#80F7FF
  • editorBracketHighlight.foreground2#80C0FF
  • editorBracketHighlight.foreground3#8095FF
  • editorBracketHighlight.foreground4#9780FF
  • editorBracketHighlight.foreground5#C880FF
  • editorBracketHighlight.foreground6#FB80FF
  • editorBracketHighlight.unexpectedBracket.foreground#FF4D9ACC
  • editorBracketMatch.background#222222
  • editorBracketMatch.border#67676C
  • editorBracketPairGuide.activeBackground1#80F7FF25
  • editorBracketPairGuide.activeBackground2#80C0FF25
  • editorBracketPairGuide.activeBackground3#8095FF25
  • editorBracketPairGuide.activeBackground4#9780FF25
  • editorBracketPairGuide.activeBackground5#C880FF25
  • editorBracketPairGuide.activeBackground6#FB80FF25
  • editorBracketPairGuide.background1#80F7FF14
  • editorBracketPairGuide.background2#80C0FF14
  • editorBracketPairGuide.background3#8095FF14
  • editorBracketPairGuide.background4#9780FF14
  • editorBracketPairGuide.background5#C880FF14
  • editorBracketPairGuide.background6#FB80FF14
  • editorCodeLens.foreground#9095FF90
  • editorCommentsWidget.rangeActiveBackground#6065FF0E
  • editorCommentsWidget.rangeBackground#6065FF0E
  • editorCommentsWidget.replyInputBackground#353537
  • editorCommentsWidget.resolvedBorder#CCCCCC80
  • editorCommentsWidget.unresolvedBorder#6065FF88
  • editorCursor.background#222222
  • editorCursor.foreground#2BFFAB
  • editorError.background#FF4D9A60
  • editorError.border#0000
  • editorError.foreground#FF4D9A
  • editorGhostText.foreground#F1F1FF56
  • editorGroup.border#F1F1FF30
  • editorGroup.dropBackground#191919BF
  • editorGroup.dropIntoPromptBackground#353537
  • editorGroup.dropIntoPromptForeground#DDDDDD
  • editorGroup.emptyBackground#131313
  • editorGroup.focusedEmptyBorder#191919
  • editorGroupHeader.noTabsBackground#222222
  • editorGroupHeader.tabsBackground#272727
  • editorGroupHeader.tabsBorder#272727
  • editorGutter.addedBackground#2BFFABCD
  • editorGutter.background#151515
  • editorGutter.commentGlyphForeground#8085FF
  • editorGutter.commentRangeForeground#1C1C1D
  • editorGutter.commentUnresolvedGlyphForeground#8085FF
  • editorGutter.deletedBackground#FF65D3CD
  • editorGutter.foldingControlForeground#F1F1FFBB
  • editorGutter.modifiedBackground#9A9FFFCD
  • editorHint.border#222222
  • editorHint.foreground#8085FF
  • editorHoverWidget.background#353537
  • editorHoverWidget.border#222222
  • editorHoverWidget.foreground#DDDDDD
  • editorHoverWidget.highlightForeground#9095FF
  • editorHoverWidget.statusBarBackground#414042
  • editorIndentGuide.activeBackground1#505053
  • editorIndentGuide.activeBackground2#0000
  • editorIndentGuide.activeBackground3#0000
  • editorIndentGuide.activeBackground4#0000
  • editorIndentGuide.activeBackground5#0000
  • editorIndentGuide.activeBackground6#0000
  • editorIndentGuide.background1#353537
  • editorIndentGuide.background2#0000
  • editorIndentGuide.background3#0000
  • editorIndentGuide.background4#0000
  • editorIndentGuide.background5#0000
  • editorIndentGuide.background6#0000
  • editorInfo.background#00EEFF50
  • editorInfo.foreground#00EEFF
  • editorInlayHint.background#353537
  • editorInlayHint.foreground#88888F
  • editorInlayHint.parameterBackground#353537
  • editorInlayHint.parameterForeground#88888F
  • editorInlayHint.typeBackground#353537
  • editorInlayHint.typeForeground#88888F
  • editorLightBulb.foreground#8085FF
  • editorLightBulbAi.foreground#8085FF
  • editorLightBulbAutoFix.foreground#2BFFAB
  • editorLineNumber.activeForeground#7075FF
  • editorLineNumber.foreground#6065FF88
  • editorLink.activeForeground#AAACFF
  • editorMarkerNavigation.background#303030
  • editorMarkerNavigationError.background#FF4D9A
  • editorMarkerNavigationError.headerBackground#FF4D9A
  • editorMarkerNavigationInfo.background#00EEFF
  • editorMarkerNavigationInfo.headerBackground#00EEFF
  • editorMarkerNavigationWarning.background#9D65FF
  • editorMarkerNavigationWarning.headerBackground#9D65FF
  • editorOverviewRuler.addedForeground#2BFFAB
  • editorOverviewRuler.border#222222
  • editorOverviewRuler.bracketMatchForeground#A0A0A0
  • editorOverviewRuler.commentForeground#1C1C1D
  • editorOverviewRuler.commentUnresolvedForeground#1C1C1D
  • editorOverviewRuler.commonContentForeground#303030FE
  • editorOverviewRuler.currentContentForeground#353537
  • editorOverviewRuler.deletedForeground#FF65D3
  • editorOverviewRuler.errorForeground#FF4D9A
  • editorOverviewRuler.findMatchForeground#28FFE050
  • editorOverviewRuler.incomingContentForeground#353537
  • editorOverviewRuler.infoForeground#00EEFF
  • editorOverviewRuler.inlineChatInserted#2BFFAB16
  • editorOverviewRuler.inlineChatRemoved#FF4D9A16
  • editorOverviewRuler.modifiedForeground#AC80FF
  • editorOverviewRuler.rangeHighlightForeground#F1F2FF16
  • editorOverviewRuler.selectionHighlightForeground#F1F2FF16
  • editorOverviewRuler.warningForeground#9D65FF
  • editorOverviewRuler.wordHighlightForeground#F1F2FF16
  • editorOverviewRuler.wordHighlightStrongForeground#F1F2FF16
  • editorOverviewRuler.wordHighlightTextForeground#F1F2FF16
  • editorPane.background#222222
  • editorRuler.foreground#505053
  • editorStickyScroll.background#151515
  • editorStickyScroll.shadow#222222
  • editorStickyScrollHover.background#2A2D2E
  • editorSuggestWidget.background#303030
  • editorSuggestWidget.border#0000
  • editorSuggestWidget.focusHighlightForeground#F1F1FF
  • editorSuggestWidget.foreground#F1F1FFCC
  • editorSuggestWidget.highlightForeground#F1F1FF
  • editorSuggestWidget.selectedBackground#F1F1FF24
  • editorSuggestWidget.selectedForeground#F1F1FF
  • editorSuggestWidget.selectedIconForeground#7075FF
  • editorSuggestWidgetStatus.foreground#F1F1FF66
  • editorUnicodeHighlight.background#E044FF50
  • editorUnicodeHighlight.border#E044FF
  • editorUnnecessaryCode.opacity#000000A5
  • editorWarning.background#9D65FF50
  • editorWarning.border#0000
  • editorWarning.foreground#9D65FF
  • editorWatermark.foreground#8085FF99
  • editorWhitespace.foreground#505053
  • editorWidget.background#353537
  • editorWidget.border#353537
  • editorWidget.foreground#DDDDDD
  • errorForeground#FF4D9A
  • extensionBadge.remoteBackground#8085FF
  • extensionBadge.remoteForeground#2BFFAB
  • extensionButton.background#6570FF
  • extensionButton.foreground#F1F1FF
  • extensionButton.hoverBackground#7580FF
  • extensionButton.prominentBackground#353537
  • extensionButton.prominentForeground#F1F2FF
  • extensionButton.prominentHoverBackground#505053
  • extensionButton.separator#222222
  • extensionIcon.preReleaseForeground#8085FFAA
  • extensionIcon.sponsorForeground#77FFEFAA
  • extensionIcon.starForeground#8085FFAA
  • extensionIcon.verifiedForeground#2BFFABAA
  • focusBorder#6065FF88
  • foreground#DDDDDD
  • gitDecoration.addedResourceForeground#4EC495
  • gitDecoration.conflictingResourceForeground#9B69EA
  • gitDecoration.deletedResourceForeground#FF4D9A
  • gitDecoration.ignoredResourceForeground#8C8C8C
  • gitDecoration.modifiedResourceForeground#E565FF
  • gitDecoration.renamedResourceForeground#73C991
  • gitDecoration.stageDeletedResourceForeground#FF4D9A
  • gitDecoration.stageModifiedResourceForeground#E565FF
  • gitDecoration.submoduleResourceForeground#8489EE
  • gitDecoration.untrackedResourceForeground#56C9B8
  • icon.foreground#F1F1FF
  • inlineChat.background#353537
  • inlineChat.border#353537
  • inlineChat.regionHighlight#F1F2FF0C
  • inlineChat.shadow#F1F1FF25
  • inlineChatDiff.inserted#2BFFAB13
  • inlineChatDiff.removed#FF4D9A13
  • inlineChatInput.background#282828
  • inlineChatInput.border#353537
  • inlineChatInput.focusBorder#6065FF88
  • inlineChatInput.placeholderForeground#757575
  • input.background#282828
  • input.border#272727
  • input.foreground#F1F1FF
  • input.placeholderForeground#757575
  • inputOption.activeBackground#505053
  • inputOption.activeBorder#505053
  • inputOption.activeForeground#F1F2FF
  • inputOption.hoverBackground#505053
  • inputValidation.errorBackground#6F0D37
  • inputValidation.errorBorder#FF4D9A
  • inputValidation.errorForeground#FF4D9A
  • inputValidation.infoBackground#004A50
  • inputValidation.infoBorder#00EEFF
  • inputValidation.infoForeground#00EEFF
  • inputValidation.warningBackground#442083
  • inputValidation.warningBorder#9D65FF
  • inputValidation.warningForeground#9D65FF
  • interactive.activeCodeBorder#222222
  • interactive.inactiveCodeBorder#B6B6C00C
  • keybindingTable.headerBackground#DDDDDD0A
  • keybindingTable.rowsBackground#DDDDDD0A
  • list.activeSelectionBackground#F1F2FF24
  • list.activeSelectionForeground#F1F1FF
  • list.deemphasizedForeground#F1F2FF60
  • list.dropBackground#191919BF
  • list.dropBetweenBackground#8085FF
  • list.errorForeground#FF4D9A
  • list.filterMatchBackground#28FFE026
  • list.filterMatchBorder#28FFE0
  • list.focusBackground#272727
  • list.focusForeground#F1F1FF
  • list.focusHighlightForeground#F1F1FF
  • list.focusOutline#0000
  • list.highlightForeground#F1F1FF
  • list.hoverBackground#F1F1FF16
  • list.hoverForeground#F1F1FFCC
  • list.inactiveFocusBackground#F1F2FF24
  • list.inactiveSelectionBackground#F1F2FF24
  • list.inactiveSelectionForeground#F1F1FFCC
  • list.invalidItemForeground#FF4D9A
  • list.warningForeground#9D65FF
  • listFilterWidget.background#272727
  • listFilterWidget.noMatchesOutline#FF4D9A
  • listFilterWidget.outline#272727
  • listFilterWidget.shadow#F1F1FF25
  • menu.background#202020
  • menu.border#0000
  • menu.foreground#F1F1FFCC
  • menu.selectionBackground#7075FF
  • menu.selectionForeground#F1F1FF
  • menu.separatorBackground#F1F1FF40
  • menubar.selectionBackground#F1F1FF24
  • menubar.selectionForeground#F1F1FF
  • merge.border#222222
  • merge.commonContentBackground#252525FE
  • merge.commonHeaderBackground#303030FE
  • merge.currentContentBackground#273E40FE
  • merge.currentHeaderBackground#366A73FE
  • merge.incomingContentBackground#282C4BFE
  • merge.incomingHeaderBackground#393E8FFE
  • mergeEditor.change.background#F1F2FF19
  • mergeEditor.change.word.background#F1F2FF19
  • mergeEditor.changeBase.background#FF65D325
  • mergeEditor.changeBase.word.background#FF65D315
  • mergeEditor.conflict.handled.minimapOverViewRuler#2BFFAB
  • mergeEditor.conflict.handledFocused.border#2BFFAB
  • mergeEditor.conflict.handledUnfocused.border#2BFFAB
  • mergeEditor.conflict.input1.background#366A7365
  • mergeEditor.conflict.input2.background#393E8F65
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#FF4492
  • mergeEditor.conflict.unhandledFocused.border#FF4492
  • mergeEditor.conflict.unhandledUnfocused.border#FF4492
  • mergeEditor.conflictingLines.background#8085FF47
  • minimap.errorHighlight#FF65D3A5
  • minimap.findMatchHighlight#28FFE0FE
  • minimap.foregroundOpacity#000000
  • minimap.infoHighlight#00EEFF
  • minimap.selectionHighlight#F1F2FF24
  • minimap.selectionOccurrenceHighlight#67676CA5
  • minimap.warningHighlight#9D65FFA5
  • minimapGutter.addedBackground#2BFFAB
  • minimapGutter.deletedBackground#FF65D3
  • minimapGutter.modifiedBackground#AC80FF
  • minimapSlider.activeBackground#F1F2FF2D
  • minimapSlider.background#B6B6C013
  • minimapSlider.hoverBackground#F1F2FF13
  • multiDiffEditor.headerBackground#262626
  • notebook.cellBorderColor#353537
  • notebook.cellEditorBackground#1919197F
  • notebook.cellInsertionIndicator#F1F2FF
  • notebook.cellStatusBarItemHoverBackground#67676C
  • notebook.cellToolbarSeparator#353537
  • notebook.editorBackground#222222
  • notebook.focusedCellBorder#6065FF88
  • notebook.focusedEditorBorder#67676C
  • notebook.inactiveFocusedCellBorder#353537
  • notebook.selectedCellBackground#F1F2FF24
  • notebook.selectedCellBorder#353537
  • notebook.symbolHighlightBackground#F1F1FF0B
  • notebookEditorOverviewRuler.runningCellForeground#2BFFAB
  • notebookScrollbarSlider.activeBackground#F1F2FF59
  • notebookScrollbarSlider.background#B6B6C026
  • notebookScrollbarSlider.hoverBackground#F1F2FF26
  • notebookStatusErrorIcon.foreground#FF4D9A
  • notebookStatusRunningIcon.foreground#9095FF
  • notebookStatusSuccessIcon.foreground#2BFFAB
  • notificationCenter.border#353537
  • notificationCenterHeader.background#353537
  • notificationCenterHeader.foreground#88888F
  • notificationLink.foreground#2BFFAB
  • notifications.background#353537
  • notifications.border#353537
  • notifications.foreground#B6B6C0
  • notificationsErrorIcon.foreground#FF4D9A
  • notificationsInfoIcon.foreground#00EEFF
  • notificationsWarningIcon.foreground#9D65FF
  • notificationToast.border#353537
  • panel.background#181818
  • panel.border#252525
  • panel.dropBorder#28FFE0
  • panelInput.border#272727
  • panelSection.border#252525
  • panelSection.dropBackground#191919BF
  • panelSectionHeader.background#80808033
  • panelTitle.activeBorder#8085FF
  • panelTitle.activeForeground#F1F2FF
  • panelTitle.inactiveForeground#808080
  • peekView.border#222222
  • peekViewEditor.background#353537
  • peekViewEditor.matchHighlightBackground#505053
  • peekViewEditorGutter.background#353537
  • peekViewEditorStickyScroll.background#353537
  • peekViewResult.background#353537
  • peekViewResult.fileForeground#88888F
  • peekViewResult.lineForeground#88888F
  • peekViewResult.matchHighlightBackground#505053
  • peekViewResult.selectionBackground#353537
  • peekViewResult.selectionForeground#F1F2FF
  • peekViewTitle.background#353537
  • peekViewTitleDescription.foreground#88888F
  • peekViewTitleLabel.foreground#F1F2FF
  • pickerGroup.border#222222
  • pickerGroup.foreground#8085FF
  • ports.iconRunningProcessForeground#2BFFAB
  • problemsErrorIcon.foreground#FF4D9A
  • problemsInfoIcon.foreground#77FFEF
  • problemsWarningIcon.foreground#9D65FF
  • profileBadge.background#353537
  • profileBadge.foreground#B6B6C0
  • progressBar.background#8085FF
  • quickInput.background#353537
  • quickInput.foreground#DDDDDD
  • quickInputList.focusBackground#F1F2FF0C
  • quickInputList.focusForeground#9095FF
  • quickInputTitle.background#F1F1FF1B
  • sash.hoverBorder#67676C
  • scm.historyItemAdditionsForeground#4EC495
  • scm.historyItemDeletionsForeground#FF4D9A
  • scm.historyItemSelectedStatisticsBorder#9095FF33
  • scm.historyItemStatisticsBorder#DDDDDD33
  • scrollbar.shadow#222222
  • scrollbarSlider.activeBackground#F1F2FF59
  • scrollbarSlider.background#B6B6C026
  • scrollbarSlider.hoverBackground#F1F2FF26
  • search.resultsInfoForeground#DDDDDDA6
  • searchEditor.findMatchBackground#28FFE026
  • searchEditor.findMatchBorder#28FFE0
  • searchEditor.textInputBorder#272727
  • selection.background#F1F2FF24
  • settings.checkboxBackground#353537
  • settings.checkboxBorder#353537
  • settings.checkboxForeground#F1F2FF
  • settings.dropdownBackground#353537
  • settings.dropdownBorder#353537
  • settings.dropdownForeground#F1F2FF
  • settings.dropdownListBorder#88888F
  • settings.focusedRowBackground#F1F1FF13
  • settings.focusedRowBorder#6065FF88
  • settings.headerBorder#252525
  • settings.headerForeground#8085FF
  • settings.modifiedItemIndicator#8085FF
  • settings.numberInputBackground#353537
  • settings.numberInputBorder#353537
  • settings.numberInputForeground#F1F2FF
  • settings.rowHoverBackground#67676C0C
  • settings.sashBorder#252525
  • settings.settingsHeaderHoverForeground#8085FFB3
  • settings.textInputBackground#353537
  • settings.textInputBorder#353537
  • settings.textInputForeground#F1F2FF
  • sideBar.background#191919
  • sideBar.border#191919
  • sideBar.dropBackground#8085FF
  • sideBar.foreground#F1F1FFAA
  • sideBarSectionHeader.background#202020
  • sideBarSectionHeader.foreground#9095FF
  • sideBarTitle.foreground#9095FF
  • sideBySideEditor.horizontalBorder#F1F1FF30
  • sideBySideEditor.verticalBorder#F1F1FF30
  • simpleFindWidget.sashBorder#454545
  • statusBar.background#202020
  • statusBar.border#0000
  • statusBar.debuggingBackground#202020
  • statusBar.debuggingBorder#0000
  • statusBar.debuggingForeground#F1F1FF48
  • statusBar.focusBorder#353537
  • statusBar.foreground#F1F1FF48
  • statusBar.noFolderBackground#202020
  • statusBar.noFolderBorder#0000
  • statusBar.noFolderForeground#F1F1FF48
  • statusBarItem.activeBackground#222222
  • statusBarItem.compactHoverBackground#F1F1FF33
  • statusBarItem.errorBackground#222222
  • statusBarItem.errorForeground#FF4D9A
  • statusBarItem.errorHoverBackground#F1F1FF10
  • statusBarItem.errorHoverForeground#F1F1FF48
  • statusBarItem.focusBorder#67676C
  • statusBarItem.hoverBackground#F1F1FF10
  • statusBarItem.hoverForeground#F1F1FF48
  • statusBarItem.offlineBackground#FF4D9A60
  • statusBarItem.offlineForeground#FF4D9A
  • statusBarItem.offlineHoverBackground#F1F1FF10
  • statusBarItem.offlineHoverForeground#F1F1FF48
  • statusBarItem.prominentBackground#353537
  • statusBarItem.prominentForeground#F1F1FF48
  • statusBarItem.prominentHoverBackground#353537
  • statusBarItem.prominentHoverForeground#F1F1FF48
  • statusBarItem.remoteBackground#252525
  • statusBarItem.remoteForeground#28FFE0
  • statusBarItem.remoteHoverBackground#F1F1FF10
  • statusBarItem.remoteHoverForeground#F1F1FF48
  • statusBarItem.warningBackground#222222
  • statusBarItem.warningForeground#9D65FF
  • statusBarItem.warningHoverBackground#F1F1FF10
  • statusBarItem.warningHoverForeground#F1F1FF48
  • symbolIcon.arrayForeground#AC80FF
  • symbolIcon.booleanForeground#AC80FF
  • symbolIcon.classForeground#77FFEF
  • symbolIcon.colorForeground#8085FF
  • symbolIcon.constantForeground#8085FF
  • symbolIcon.constructorForeground#2BFFAB
  • symbolIcon.enumeratorForeground#E044FF
  • symbolIcon.enumeratorMemberForeground#E044FF
  • symbolIcon.eventForeground#E044FF
  • symbolIcon.fieldForeground#E044FF
  • symbolIcon.fileForeground#B6B6C0
  • symbolIcon.folderForeground#B6B6C0
  • symbolIcon.functionForeground#2BFFAB
  • symbolIcon.interfaceForeground#77FFEF
  • symbolIcon.keyForeground#AC80FF
  • symbolIcon.keywordForeground#AC80FF
  • symbolIcon.methodForeground#2BFFAB
  • symbolIcon.moduleForeground#77FFEF
  • symbolIcon.namespaceForeground#77FFEF
  • symbolIcon.nullForeground#8085FF
  • symbolIcon.numberForeground#8085FF
  • symbolIcon.objectForeground#77FFEF
  • symbolIcon.operatorForeground#AC80FF
  • symbolIcon.packageForeground#8085FF
  • symbolIcon.propertyForeground#6065FFAA
  • symbolIcon.referenceForeground#8085FF
  • symbolIcon.snippetForeground#2BFFAB
  • symbolIcon.stringForeground#8085FF
  • symbolIcon.structForeground#AC80FF
  • symbolIcon.textForeground#8085FF
  • symbolIcon.typeParameterForeground#AC80FF
  • symbolIcon.unitForeground#8085FF
  • symbolIcon.variableForeground#77FFEF
  • tab.activeBackground#F1F1FF18
  • tab.activeBorder#8085FF
  • tab.activeForeground#F1F2FF
  • tab.activeModifiedBorder#505053
  • tab.border#222222
  • tab.dragAndDropBorder#28FFE0
  • tab.hoverBackground#F1F1FF20
  • tab.hoverBorder#888888
  • tab.hoverForeground#F1F1FF
  • tab.inactiveBackground#272727
  • tab.inactiveForeground#88888F
  • tab.inactiveModifiedBorder#505053
  • tab.lastPinnedBorder#505053
  • tab.unfocusedActiveBackground#F1F1FF18
  • tab.unfocusedActiveBorder#88888F
  • tab.unfocusedActiveForeground#B6B6C0
  • tab.unfocusedActiveModifiedBorder#353537
  • tab.unfocusedHoverBackground#222222
  • tab.unfocusedHoverBorder#222222
  • tab.unfocusedHoverForeground#B6B6C0
  • tab.unfocusedInactiveBackground#272727
  • tab.unfocusedInactiveForeground#88888F
  • tab.unfocusedInactiveModifiedBorder#353537
  • terminal.ansiBlack#2C2E30
  • terminal.ansiBlue#6065FF
  • terminal.ansiBrightBlack#626366
  • terminal.ansiBrightBlue#8085FF
  • terminal.ansiBrightCyan#60E0FF
  • terminal.ansiBrightGreen#59FF9E
  • terminal.ansiBrightMagenta#FF5ECA
  • terminal.ansiBrightRed#FF6680
  • terminal.ansiBrightWhite#F6F8FF
  • terminal.ansiBrightYellow#DFFF75
  • terminal.ansiCyan#14B0CF
  • terminal.ansiGreen#0AD182
  • terminal.ansiMagenta#AE5BFF
  • terminal.ansiRed#EB3E62
  • terminal.ansiWhite#DBDCE0
  • terminal.ansiYellow#C5F35D
  • terminal.background#05071A
  • terminal.border#252628
  • terminal.dropBackground#191919BF
  • terminal.findMatchBackground#28FFE088
  • terminal.findMatchHighlightBackground#28FFE055
  • terminal.foreground#A5D6FF
  • terminal.hoverHighlightBackground#F1F2FF16
  • terminal.inactiveSelectionBackground#F1F2FF16
  • terminal.selectionBackground#F1F2FF24
  • terminal.tab.activeBorder#2BFFAB
  • terminalCommandDecoration.defaultBackground#F1F2FF
  • terminalCommandDecoration.errorBackground#FF4D5B
  • terminalCommandDecoration.successBackground#2BFFAB
  • terminalCursor.background#6DD2FF
  • terminalCursor.foreground#6DD2FF
  • terminalOverviewRuler.cursorForeground#A0A0A0CC
  • terminalOverviewRuler.findMatchForeground#28FFE026
  • terminalStickyScrollHover.background#2A2D2E
  • testing.coverCountBadgeBackground#C890FF
  • testing.coverCountBadgeForeground#F1F2FF
  • testing.coveredBackground#2BFFAB25
  • testing.coveredBorder#2BFFAB1C
  • testing.coveredGutterBackground#2BFFAB16
  • testing.iconErrored#FF4D9A
  • testing.iconFailed#FF4D9A
  • testing.iconPassed#2BFFAB
  • testing.iconQueued#F1F2FF
  • testing.iconSkipped#00EEFF
  • testing.iconUnset#88888F
  • testing.message.error.decorationForeground#FF4D9A
  • testing.message.error.lineBackground#FF4D9A19
  • testing.message.info.decorationForeground#F1F2FF
  • testing.message.info.lineBackground#F1F2FF19
  • testing.messagePeekBorder#00EEFF
  • testing.messagePeekHeaderBackground#00EEFF1A
  • testing.peekBorder#FF4D9A
  • testing.peekHeaderBackground#FF4D9A1A
  • testing.runAction#8085FF
  • testing.uncoveredBackground#FF4D9A25
  • testing.uncoveredBorder#FF4D9A1C
  • testing.uncoveredBranchBackground#582C25
  • testing.uncoveredGutterBackground#FF4D9A37
  • textBlockQuote.background#353537
  • textBlockQuote.border#353537
  • textCodeBlock.background#353537
  • textLink.activeForeground#88AAFF
  • textLink.foreground#8085FF
  • textPreformat.background#F1F1FF1A
  • textPreformat.foreground#F1F2FF
  • textSeparator.foreground#67676C
  • titleBar.activeBackground#2E2E2E
  • titleBar.activeForeground#F1F1FFAA
  • titleBar.border#0000
  • titleBar.inactiveBackground#252525
  • titleBar.inactiveForeground#F1F1FF80
  • toolbar.activeBackground#63666750
  • toolbar.hoverBackground#5A5D5E50
  • tree.inactiveIndentGuidesStroke#58585866
  • tree.indentGuidesStroke#585858
  • tree.tableColumnsBorder#CCCCCC20
  • tree.tableOddRowsBackground#DDDDDD0A
  • walkThrough.embeddedEditorBackground#191919
  • walkthrough.stepTitle.foreground#F1F1FF
  • welcomePage.progress.background#67676C
  • welcomePage.progress.foreground#88888F
  • welcomePage.tileBackground#353537
  • welcomePage.tileBorder#F1F1FF1A
  • welcomePage.tileHoverBackground#505053
  • widget.shadow#F1F1FF25

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#67676Citalic
comment storage.type#67676C
comment entity.name.type#B6B6C0
comment variable, comment variable.other#B6B6C0
comment keyword, comment entity.name.tag, entity.name.tag.documentation#B6B6C0
comment keyword.codetag.notation#8085FF
comment.git-status.header.remote#FF65D3
comment.git-status.header.local#2BFFAB
comment.other.git-status.head#F1F1FF
string.quoted.docstring, string.quoted.docstring punctuation.definition#67676C
constant#CCFFDD
constant.other#CCFFDD
constant.other.caps#CCFFDD
constant.other.placeholder.c#E565FF
constant.other.property#CCFFDD
constant.other.citation.latex#CCFFDD
constant.other.color#CCFFDD
constant.other.character-class.escape#CCFFDD
constant.other.key#CCFFDD
constant.other.symbol#E565FF
constant.other.elm#2BFFAB
constant.numeric#AACCFF
constant.language#AACCFF
constant.character.escape#AACCFF
constant.numeric.line-number.find-in-files#67676C
constant.numeric.line-number.match.find-in-files#FF79DE
entity.name.section#FF79DE
entity.name.function, entity.name.function.templated, entity.name.function.member.static#77FFEF
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#8AFFB5
entity.name.label#8085FF
entity.name.function.preprocessor#77FFEF
entity.name#77FFEF
entity.name.class#8AFFB5
entity.name.constant#8085FF
entity.name.namespace#F1F1FF
entity.other.inherited-class#8AFFB5italic
entity.name.function#77FFEF
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#FF65D3
entity.name.function.operator#FF65D3
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#88888F
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#8AFFB5
entity.other.attribute-name#8AFFB5italic
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#77FFEF
entity.other.attribute-name.id.css#E565FF
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#8AFFB5italic
entity.name.function, support.function#77FFEF
entity.other.git-status.hex#8085FF
entity.other.jinja2.delimiter#88888F
entity.name.operator.custom-literal#F1F1FF
entity.name.operator.custom-literal.string#FF79DE
entity.name.operator.custom-literal.number#8085FF
entity.name.type.rust#2BFFAB
entity.name.lifetime.rust#FF65D3
invalid#FF65D3italic underline
invalid.deprecated#9D65FFitalic underline
keyword#FF65D3
keyword.control#8AFFB5
keyword.control.directive#8AFFB5
keyword.operator, keyword.operator.member, keyword.operator.new#FF60AA
keyword.other.substitution#88888F
keyword.other.template.begin, keyword.other.template.end#FF4D9A
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#88888F
keyword.other.parenthesis.elm#88888F
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#2BFFAB
keyword.control.rust, keyword.operator.misc.rust#FF4D9A
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#FF4D9A
markup.italicitalic
markup.boldbold
markup.heading#FF79DE
markup.raw#E565FF
markup.underlineunderline
markup.underline.link#77FFEF
markup.inserted, markup.inserted punctuation.definition.inserted#77FFEF
markup.deleted, markup.deleted punctuation.definition.deleted#FF4D9A
markup.changed, markup.changed punctuation.definition.changed#FF79DE
markup.ignored, markup.ignored punctuation.definition.ignored#88888F
markup.untracked#88888F
markup.quoteitalic
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#88888F
meta.function-call.generic.python, support.function.builtin.python#77FFEF
meta.function-call.python meta.function-call.arguments.python#AACCFF
meta.instance.constructor#77FFEF
meta.attribute-with-value.class string, meta.attribute.class.html string#77FFEF
meta.attribute-with-value.id string, meta.attribute.id.html string#E565FF
source.json meta.mapping.key string#F1F1FF
source.yaml meta.mapping.key string#FF4D9A
meta.object.member#F1F1FF
meta.property-list.css variable.other#E565FF
entity.name.constant.preprocessor, meta.preprocessor#8085FF
meta.diff.git-diff.header#FF79DE
meta.type_params.rust#F1F1FF
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#B6B6C0
meta.type variable, meta.type variable.other.readwrite#8085FF
punctuation#88888F
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#88888F
punctuation.definition.group#8085FF
punctuation.definition.comment#67676C
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#B6B6C0
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#E565FF
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#FF4D9A
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
markup.underline.link punctuation#2BFFAB
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#88888F
region.redish#FF4D9A
region.orangish#E565FF
region.yellowish#9D65FF
region.greenish#2BFFAB
region.bluish#77FFFF
region.purplish#8085FF
region.pinkish#FC61D0
region.whitish#F1F1FF
source#F1F1FF
source.scss, source.sass#88888F
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#F1F1FFitalic
source.git-show.commit.sha#8085FF
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#88888F
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#8085FF
source.git-show meta.diff.range.unified#9D65FF
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#88888F
storage#AA90FF
storage.type#2BFFABitalic
storage.type.extends#AA90FF
storage.type.function.arrow#AA90FF
storage.modifier, storage.type.modifier#AA90FFitalic
storage.class.restructuredtext.ref#8085FF
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#AA90FF
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#2BFFAB
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#AA90FF
storage.modifier.import.java#F1F1FF
string#FF79DE
string.unquoted.label#90DDFF
string source#90DDFF
string source punctuation.section.embedded, string punctuation.definition.string source#88888F
string.other.link.title, string.other.link.description#AA90FF
string.other.link.description.title#2BFFAB
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#AA90FF
string.other.ref, string.other.restructuredtext.ref#77FFEF
string.other.git-status.help.key#B6B6C0
string.other.git-status.remote#AA90FF
support.constant#2BFFAB
support.constant.handlebars#88888F
support.type.vendor-prefix.css#B6B6C0
support.function#77FFEF
support.function.delimiter.elm#88888F
support.type, entity.name.type.object.console#2BFFABitalic
support.variable, support.variable.property#2BFFAB
support.type.property-name#90DDFF
support.class#90DDFF
support.constant.core.rust#8085FF
comment support, comment support.class#67676C
text#8085FF
text.find-in-files#8085FF
variable, variable.other#90DDFF
variable.parameter, parameters variable.function#E565FFitalic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#B6B6C0italic
variable.language.arguments#FFBBFF
variable.other.class#2BFFAB
variable.other.constant#FFBBFF
variable.other.readwrite#F1F1FF
variable.other.member#F1F1FF
variable.other.enummember#FFBBFF
variable.other.property, variable.other.property.static, variable.other.event#F1F1FF
variable.function#77FFEF
variable.other.substitution#F1F1FF
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#FF9DDD
source.jinja2 variable.other.jinja2.block#77FFEF
source.jinja2 variable.other.jinja2#E565FF
comment#606060
punctuation.definition.comment#606060
string#9095FF
meta.embedded.assembly#9095FF
keyword - keyword.operator#2BFFAB
keyword.control#2BFFAB
storage#2BFFAB
storage.type#9FBBFF
constant.numeric#AA78FF
entity.name.type#60AAFF
entity.name.class#60AAFF
support.type#60AAFF
support.class#60AAFF
entity.name.function#77FFEF
support.function#77FFEF
variable#F1F1FF
entity.name.variable#F1F1FF
constant.character#FF79DE
constant.#6065FF
comment#606060bold
entity.name.type.class#41EC94
invalid#FF4D9A
meta#FF79DE
punctuation#606060
token.info-token#00EEFF
token.warn-token#9D65FF88
token.error-token#FF4D9A
token.debug-token#B267E6