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#2BFF9A
  • charts.lines#67676C
  • charts.orange#FF806A
  • charts.purple#C869EA
  • charts.red#FF7069
  • charts.yellow#FF9E6A
  • 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#FF7069
  • cody.fixup.conflictedBackground#0000
  • cody.fixup.conflictedBorder#FF7069
  • 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#FF7069
  • debugConsole.infoForeground#77FFEF
  • debugConsole.sourceForeground#F1F2FF
  • debugConsole.warningForeground#FF8C5A
  • debugConsoleInputIcon.foreground#8085FF
  • debugExceptionWidget.background#353537
  • debugExceptionWidget.border#222222
  • debugIcon.breakpointCurrentStackframeForeground#8085FF
  • debugIcon.breakpointDisabledForeground#B6B6C0
  • debugIcon.breakpointForeground#FF7069
  • debugIcon.breakpointStackframeForeground#F1F2FF
  • debugIcon.breakpointUnverifiedForeground#FF8C5A
  • debugIcon.continueForeground#F1F2FF
  • debugIcon.disconnectForeground#F1F2FF
  • debugIcon.pauseForeground#F1F2FF
  • debugIcon.restartForeground#2BFF9A
  • debugIcon.startForeground#2BFF9A
  • debugIcon.stepBackForeground#F1F2FF
  • debugIcon.stepIntoForeground#F1F2FF
  • debugIcon.stepOutForeground#F1F2FF
  • debugIcon.stepOverForeground#F1F2FF
  • debugIcon.stopForeground#FF7069
  • debugTokenExpression.boolean#AC80FF
  • debugTokenExpression.error#FF7069
  • debugTokenExpression.name#77FFEF
  • debugTokenExpression.number#8085FF
  • debugTokenExpression.string#8085FF
  • debugTokenExpression.value#F1F2FF
  • debugToolBar.background#353537
  • debugView.exceptionLabelBackground#FF7069
  • debugView.exceptionLabelForeground#222222
  • debugView.stateLabelBackground#2BFF9A
  • debugView.stateLabelForeground#222222
  • debugView.valueChangedHighlight#8085FF
  • descriptionForeground#F1F1FF
  • diffEditor.border#F1F1FF30
  • diffEditor.diagonalFill#F1F1FF22
  • diffEditor.insertedLineBackground#00FFEE25
  • diffEditor.insertedTextBackground#00FF7B25
  • diffEditor.insertedTextBorder#0000
  • diffEditor.move.border#8B8B8B9C
  • diffEditor.moveActive.border#FF8C5A
  • diffEditor.removedLineBackground#FF4D9D25
  • diffEditor.removedTextBackground#FF706925
  • diffEditor.removedTextBorder#0000
  • diffEditor.unchangedCodeBackground#74747429
  • diffEditor.unchangedRegionBackground#191919
  • diffEditor.unchangedRegionForeground#DDDDDD
  • diffEditor.unchangedRegionShadow#000000
  • diffEditorGutter.insertedLineBackground#00FFAE25
  • diffEditorGutter.removedLineBackground#FF4D7425
  • diffEditorOverview.insertedForeground#2BFF9AA5
  • diffEditorOverview.removedForeground#FF7069A5
  • 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#F1F1FF
  • 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#8085FF
  • editorBracketHighlight.foreground2#AC80FF
  • editorBracketHighlight.foreground3#CE80FF
  • editorBracketHighlight.foreground4#EC80FF
  • editorBracketHighlight.foreground5#FF80CC
  • editorBracketHighlight.foreground6#FF8090
  • editorBracketHighlight.unexpectedBracket.foreground#FF7069CC
  • editorBracketMatch.background#222222
  • editorBracketMatch.border#67676C
  • editorBracketPairGuide.activeBackground1#8085FF25
  • editorBracketPairGuide.activeBackground2#AC80FF25
  • editorBracketPairGuide.activeBackground3#CE80FF25
  • editorBracketPairGuide.activeBackground4#EC80FF25
  • editorBracketPairGuide.activeBackground5#FF80CC25
  • editorBracketPairGuide.activeBackground6#FF809025
  • editorBracketPairGuide.background1#8085FF14
  • editorBracketPairGuide.background2#AC80FF14
  • editorBracketPairGuide.background3#CE80FF14
  • editorBracketPairGuide.background4#EC80FF14
  • editorBracketPairGuide.background5#FF80CC14
  • editorBracketPairGuide.background6#FF809014
  • editorCodeLens.foreground#9098FF90
  • editorCommentsWidget.rangeActiveBackground#6065FF0E
  • editorCommentsWidget.rangeBackground#6065FF0E
  • editorCommentsWidget.replyInputBackground#353537
  • editorCommentsWidget.resolvedBorder#CCCCCC80
  • editorCommentsWidget.unresolvedBorder#6065FF88
  • editorCursor.background#222222
  • editorCursor.foreground#2BFF9A
  • editorError.background#FF706960
  • editorError.border#0000
  • editorError.foreground#FF7069
  • 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#00FF9ACD
  • editorGutter.background#151515
  • editorGutter.commentGlyphForeground#8085FF
  • editorGutter.commentRangeForeground#1C1C1D
  • editorGutter.commentUnresolvedGlyphForeground#8085FF
  • editorGutter.deletedBackground#FF7069CD
  • editorGutter.foldingControlForeground#F1F1FFBB
  • editorGutter.modifiedBackground#9A9FFFCD
  • editorHint.border#222222
  • editorHint.foreground#8085FF
  • editorHoverWidget.background#353537
  • editorHoverWidget.border#222222
  • editorHoverWidget.foreground#DDDDDD
  • editorHoverWidget.highlightForeground#9098FF
  • 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#88AAFF50
  • editorInfo.foreground#88AAFF
  • 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#2BFF9A
  • editorLineNumber.activeForeground#7075FF
  • editorLineNumber.foreground#6065FF88
  • editorLink.activeForeground#AAACFF
  • editorMarkerNavigation.background#303030
  • editorMarkerNavigationError.background#FF7069
  • editorMarkerNavigationError.headerBackground#FF7069
  • editorMarkerNavigationInfo.background#88AAFF
  • editorMarkerNavigationInfo.headerBackground#88AAFF
  • editorMarkerNavigationWarning.background#FF8C5A
  • editorMarkerNavigationWarning.headerBackground#FF8C5A
  • editorOverviewRuler.addedForeground#2BFF9A
  • editorOverviewRuler.border#222222
  • editorOverviewRuler.bracketMatchForeground#A0A0A0
  • editorOverviewRuler.commentForeground#1C1C1D
  • editorOverviewRuler.commentUnresolvedForeground#1C1C1D
  • editorOverviewRuler.commonContentForeground#303030FE
  • editorOverviewRuler.currentContentForeground#353537
  • editorOverviewRuler.deletedForeground#FF7069
  • editorOverviewRuler.errorForeground#FF7069
  • editorOverviewRuler.findMatchForeground#28FFE055
  • editorOverviewRuler.incomingContentForeground#353537
  • editorOverviewRuler.infoForeground#88AAFF
  • editorOverviewRuler.inlineChatInserted#00FF7B16
  • editorOverviewRuler.inlineChatRemoved#FF706916
  • editorOverviewRuler.modifiedForeground#AC80FF
  • editorOverviewRuler.rangeHighlightForeground#F1F2FF16
  • editorOverviewRuler.selectionHighlightForeground#F1F2FF16
  • editorOverviewRuler.warningForeground#FF8C5A
  • 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#FF8C5A50
  • editorUnicodeHighlight.border#FF8C5A
  • editorUnnecessaryCode.opacity#000000A5
  • editorWarning.background#FF8C5A50
  • editorWarning.border#0000
  • editorWarning.foreground#FF8C5A
  • editorWatermark.foreground#8085FF99
  • editorWhitespace.foreground#505053
  • editorWidget.background#353537
  • editorWidget.border#353537
  • editorWidget.foreground#DDDDDD
  • errorForeground#FF7069
  • extensionBadge.remoteBackground#8085FF
  • extensionBadge.remoteForeground#2BFF9A
  • 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#2BFF9AAA
  • focusBorder#6065FF88
  • foreground#DDDDDD
  • gitDecoration.addedResourceForeground#4EC47E
  • gitDecoration.conflictingResourceForeground#C869EA
  • gitDecoration.deletedResourceForeground#E77457
  • gitDecoration.ignoredResourceForeground#8C8C8C
  • gitDecoration.modifiedResourceForeground#61ACDC
  • gitDecoration.renamedResourceForeground#4ECFC9
  • gitDecoration.stageDeletedResourceForeground#E77457
  • gitDecoration.stageModifiedResourceForeground#61ACDC
  • gitDecoration.submoduleResourceForeground#9284EE
  • gitDecoration.untrackedResourceForeground#849FEE
  • icon.foreground#8085FF
  • inlineChat.background#353537
  • inlineChat.border#353537
  • inlineChat.regionHighlight#F1F2FF0C
  • inlineChat.shadow#F1F1FF24
  • inlineChatDiff.inserted#00FF7B13
  • inlineChatDiff.removed#FF706913
  • 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#73201C
  • inputValidation.errorBorder#FF7069
  • inputValidation.errorForeground#FF7069
  • inputValidation.infoBackground#26407A
  • inputValidation.infoBorder#88AAFF
  • inputValidation.infoForeground#88AAFF
  • inputValidation.warningBackground#753113
  • inputValidation.warningBorder#FF8C5A
  • inputValidation.warningForeground#FF8C5A
  • 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#FF7069
  • 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#F05060
  • list.warningForeground#FF8C5A
  • listFilterWidget.background#272727
  • listFilterWidget.noMatchesOutline#FF7069
  • listFilterWidget.outline#272727
  • listFilterWidget.shadow#F1F1FF24
  • 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#FF706925
  • mergeEditor.changeBase.word.background#FF706915
  • mergeEditor.conflict.handled.minimapOverViewRuler#2BFF9A
  • mergeEditor.conflict.handledFocused.border#2BFF9A
  • mergeEditor.conflict.handledUnfocused.border#2BFF9A
  • 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#FF7069A5
  • minimap.findMatchHighlight#28FFE0FE
  • minimap.foregroundOpacity#000000
  • minimap.infoHighlight#88AAFF
  • minimap.selectionHighlight#F1F2FF24
  • minimap.selectionOccurrenceHighlight#67676CA5
  • minimap.warningHighlight#FF8C5AA5
  • minimapGutter.addedBackground#2BFF9A
  • minimapGutter.deletedBackground#FF7069
  • 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#2BFF9A
  • notebookScrollbarSlider.activeBackground#F1F2FF59
  • notebookScrollbarSlider.background#B6B6C026
  • notebookScrollbarSlider.hoverBackground#F1F2FF26
  • notebookStatusErrorIcon.foreground#FF7069
  • notebookStatusRunningIcon.foreground#9098FF
  • notebookStatusSuccessIcon.foreground#2BFF9A
  • notificationCenter.border#353537
  • notificationCenterHeader.background#353537
  • notificationCenterHeader.foreground#88888F
  • notificationLink.foreground#2BFF9A
  • notifications.background#353537
  • notifications.border#353537
  • notifications.foreground#B6B6C0
  • notificationsErrorIcon.foreground#FF7069
  • notificationsInfoIcon.foreground#88AAFF
  • notificationsWarningIcon.foreground#FF8C5A
  • 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#2BFF9A
  • problemsErrorIcon.foreground#FF7069
  • problemsInfoIcon.foreground#88AAFF
  • problemsWarningIcon.foreground#FF8C5A
  • profileBadge.background#353537
  • profileBadge.foreground#B6B6C0
  • progressBar.background#8085FF
  • quickInput.background#353537
  • quickInput.foreground#DDDDDD
  • quickInputList.focusBackground#F1F2FF0C
  • quickInputList.focusForeground#9098FF
  • quickInputTitle.background#F1F1FF1B
  • sash.hoverBorder#67676C
  • scm.historyItemAdditionsForeground#4EC495
  • scm.historyItemDeletionsForeground#F2665E
  • scm.historyItemSelectedStatisticsBorder#9098FF33
  • 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#F1F1FF24
  • 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#9098FF
  • sideBarTitle.foreground#9098FF
  • 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#FF7069
  • statusBarItem.errorHoverBackground#F1F1FF10
  • statusBarItem.errorHoverForeground#F1F1FF48
  • statusBarItem.focusBorder#67676C
  • statusBarItem.hoverBackground#F1F1FF10
  • statusBarItem.hoverForeground#F1F1FF48
  • statusBarItem.offlineBackground#FF386060
  • statusBarItem.offlineForeground#FF3860
  • 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#FF8C5A
  • statusBarItem.warningHoverBackground#F1F1FF10
  • statusBarItem.warningHoverForeground#F1F1FF48
  • symbolIcon.arrayForeground#AC80FF
  • symbolIcon.booleanForeground#AC80FF
  • symbolIcon.classForeground#77FFEF
  • symbolIcon.colorForeground#8085FF
  • symbolIcon.constantForeground#8085FF
  • symbolIcon.constructorForeground#2BFF9A
  • symbolIcon.enumeratorForeground#E044FF
  • symbolIcon.enumeratorMemberForeground#E044FF
  • symbolIcon.eventForeground#E044FF
  • symbolIcon.fieldForeground#E044FF
  • symbolIcon.fileForeground#B6B6C0
  • symbolIcon.folderForeground#B6B6C0
  • symbolIcon.functionForeground#2BFF9A
  • symbolIcon.interfaceForeground#77FFEF
  • symbolIcon.keyForeground#AC80FF
  • symbolIcon.keywordForeground#AC80FF
  • symbolIcon.methodForeground#2BFF9A
  • 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#2BFF9A
  • 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#F1F2FF
  • 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#80FFF4
  • terminal.ansiBrightGreen#59FF9E
  • terminal.ansiBrightMagenta#FF5ECA
  • terminal.ansiBrightRed#FF5E68
  • terminal.ansiBrightWhite#F6F8FF
  • terminal.ansiBrightYellow#FFBA62
  • terminal.ansiCyan#15D6C6
  • terminal.ansiGreen#0AD182
  • terminal.ansiMagenta#AE5BFF
  • terminal.ansiRed#FF3C52
  • terminal.ansiWhite#DBDCE0
  • terminal.ansiYellow#FF7C59
  • 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#2BFF9A
  • terminalCommandDecoration.defaultBackground#F1F2FF
  • terminalCommandDecoration.errorBackground#FF7069
  • terminalCommandDecoration.successBackground#2BFF9A
  • terminalCursor.background#6DD2FF
  • terminalCursor.foreground#6DD2FF
  • terminalOverviewRuler.cursorForeground#A0A0A0CC
  • terminalOverviewRuler.findMatchForeground#28FFE026
  • terminalStickyScrollHover.background#2A2D2E
  • testing.coverCountBadgeBackground#C890FF
  • testing.coverCountBadgeForeground#F1F2FF
  • testing.coveredBackground#00FF7B25
  • testing.coveredBorder#00FF7B1C
  • testing.coveredGutterBackground#00FF7B16
  • testing.iconErrored#FF7069
  • testing.iconFailed#FF7069
  • testing.iconPassed#2BFF9A
  • testing.iconQueued#F1F2FF
  • testing.iconSkipped#88AAFF
  • testing.iconUnset#88888F
  • testing.message.error.decorationForeground#FF7069
  • testing.message.error.lineBackground#FF706919
  • testing.message.info.decorationForeground#F1F2FF
  • testing.message.info.lineBackground#F1F2FF19
  • testing.messagePeekBorder#88AAFF
  • testing.messagePeekHeaderBackground#88AAFF1A
  • testing.peekBorder#FF7069
  • testing.peekHeaderBackground#FF70691A
  • testing.runAction#8085FF
  • testing.uncoveredBackground#FF706925
  • testing.uncoveredBorder#FF70691C
  • testing.uncoveredBranchBackground#582C25
  • testing.uncoveredGutterBackground#FF706937
  • 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#F1F1FF24

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#90DDFF—
comment keyword, comment entity.name.tag, entity.name.tag.documentation#B6B6C0—
comment keyword.codetag.notation#8085FF—
comment.git-status.header.remote#FF7069—
comment.git-status.header.local#2BFF9A—
comment.other.git-status.head#F1F1FF—
string.quoted.docstring, string.quoted.docstring punctuation.definition#67676C—
constant#FF606A—
constant.other#FF806A—
constant.other.caps#FF606A—
constant.other.placeholder.c#7EE787—
constant.other.property#FF606A—
constant.other.citation.latex#FF606A—
constant.other.color#FF606A—
constant.other.character-class.escape#FF606A—
constant.other.key#FF606A—
constant.other.symbol#7EE787—
constant.other.elm#2BFF9A—
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#FFDE79—
entity.name.section#FFDE79—
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#BDCCFF—
entity.name.label#8085FF—
entity.name.function.preprocessor#77FFEF—
entity.name#77FFEF—
entity.name.class#BDCCFF—
entity.name.constant#8085FF—
entity.name.namespace#F1F1FF—
entity.other.inherited-class#BDCCFFitalic
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#FF7069—
entity.name.function.operator#FF7069—
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#BDCCFF—
entity.other.attribute-name#BDCCFFitalic
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#7EE787—
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#BDCCFFitalic
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#FFDE79—
entity.name.operator.custom-literal.number#8085FF—
entity.name.type.rust#2BFF9A—
entity.name.lifetime.rust#FF7069—
invalid#FF7069italic underline
invalid.deprecated#FF8C5Aitalic underline
keyword#FF7069—
keyword.control#FF9E6A—
keyword.control.directive#FF9E6A—
keyword.operator, keyword.operator.member, keyword.operator.new#EE60BB—
keyword.other.substitution#88888F—
keyword.other.template.begin, keyword.other.template.end#FF7069—
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#2BFF9A—
keyword.control.rust, keyword.operator.misc.rust#FF7069—
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#FF7069—
markup.italic—italic
markup.bold—bold
markup.heading#FFDE79—
markup.raw#7EE787—
markup.underline—underline
markup.underline.link#77FFEF—
markup.inserted, markup.inserted punctuation.definition.inserted#77FFEF—
markup.deleted, markup.deleted punctuation.definition.deleted#FF7069—
markup.changed, markup.changed punctuation.definition.changed#FFDE79—
markup.ignored, markup.ignored punctuation.definition.ignored#88888F—
markup.untracked#88888F—
markup.quote—italic
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#7EE787—
source.json meta.mapping.key string#F1F1FF—
source.yaml meta.mapping.key string#FF7069—
meta.object.member#F1F1FF—
meta.property-list.css variable.other#7EE787—
entity.name.constant.preprocessor, meta.preprocessor#8085FF—
meta.diff.git-diff.header#FFDE79—
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#F1F1FF—
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#7EE787—
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#FF7069—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown——
markup.underline.link punctuation#2BFF9A—
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#88888F—
region.redish#FF6060—
region.orangish#FF806A—
region.yellowish#FF9E6A—
region.greenish#2BFF9A—
region.bluish#8085FF—
region.purplish#D778FF—
region.pinkish#FC61D0—
region.whitish#F1F1FF—
source#FF806A—
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#7EE787italic
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#7EE787—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#88888F—
storage#AA90FF—
storage.type#2BFF9Aitalic
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#2BFF9A—
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#FF9E6A—
string.unquoted.label#F1F1FF—
string source#F1F1FF—
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#2BFF9A—
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#F1F1FF—
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#2BFF9Aitalic
support.variable, support.variable.property#2BFF9A—
support.type.property-name#90DDFF—
support.class#90DDFF—
support.constant.core.rust#8085FF—
comment support, comment support.class#67676C—
text#F1F1FF—
text.find-in-files#F1F1FF—
variable, variable.other#90DDFF—
variable.parameter, parameters variable.function#7EE787italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#B6B6C0italic
variable.language.arguments#FF9E6A—
variable.other.class#2BFF9A—
variable.other.constant#FF9E6A—
variable.other.readwrite#FF806A—
variable.other.member#FF806A—
variable.other.enummember#FF9E6A—
variable.other.property, variable.other.property.static, variable.other.event#FF806A—
variable.function#77FFEF—
variable.other.substitution#7EE787—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#FF6090—
source.jinja2 variable.other.jinja2.block#77FFEF—
source.jinja2 variable.other.jinja2#7EE787—
comment#606060—
punctuation.definition.comment#606060—
string#9098FF—
meta.embedded.assembly#75EEFF—
keyword - keyword.operator#2BFF9A—
keyword.control#2BFF9A—
storage#2BFF9A—
storage.type#9FBBFF—
constant.numeric#D778FF—
entity.name.type#60AAFF—
entity.name.class#60AAFF—
support.type#60AAFF—
support.class#90DDFF—
entity.name.function#77FFEF—
support.function#77FFEF—
variable#FF806A—
entity.name.variable#FF806A—
constant.character#FFAB6A—
constant.#FF9E6A—
comment#606060bold
entity.name.type.class#41EC94—
invalid#FF6060—
meta#4DF1C2—
punctuation#606060—
token.info-token#88AAFF—
token.warn-token#FF8C5A88—
token.error-token#FF6060—
token.debug-token#B267E6—
Theme XulbuX PRO by XulbuX - VS Code Theme