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#E2DCD7fe
  • activityBar.activeBackground#E2DCD7fe
  • activityBar.activeBorder#DD48B4fe
  • activityBar.activeFocusBorder#7676EB00
  • activityBar.background#F0EDEBfe
  • activityBar.border#7676EB00
  • activityBar.dropBorder#F815B7fe
  • activityBar.foreground#DE4BB5fe
  • activityBar.inactiveForeground#50433965
  • activityBarBadge.background#822A69fe
  • activityBarBadge.foreground#F0EDEBfe
  • badge.background#9A2D7Afe
  • badge.foreground#F0EDEBfe
  • banner.background#E2DCD7fe
  • banner.foreground#764B2Fce
  • banner.iconForeground#3E4AB6fe
  • breadcrumb.activeSelectionForeground#515B30ca
  • breadcrumb.background#EDE9E6fe
  • breadcrumb.focusForeground#B22E8Cfe
  • breadcrumb.foreground#764D31ae
  • breadcrumbPicker.background#E2DCD7fe
  • button.background#B8A89Bae
  • button.border#F5F5F700
  • button.foreground#764B2Fce
  • button.hoverBackground#C3B5AAfe
  • button.secondaryBackground#E2DCD7fe
  • button.secondaryForeground#764B2Fce
  • button.secondaryHoverBackground#E2DCD7fe
  • button.separator#F5F7F700
  • charts.blue#1b1bfffe
  • charts.foreground#764B2Fce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b9
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F4F2F0fe
  • chat.slashCommandBackground#E2DCD7fe
  • chat.slashCommandForeground#764B2Fce
  • checkbox.background#F4F2F0fe
  • checkbox.border#F4F2F0fe
  • checkbox.foreground#764B2Fce
  • checkbox.selectBackground#F4F2F0fe
  • checkbox.selectBorder#F4F2F0fe
  • commandCenter.activeBackground#AEDBB384
  • commandCenter.activeBorder#F4F2F0fe
  • commandCenter.activeForeground#AA2E86fe
  • commandCenter.background#E2DCD7fe
  • commandCenter.border#F4F2F0fe
  • commandCenter.foreground#764B2Fce
  • commandCenter.inactiveBorder#DCCDC198
  • commandCenter.inactiveForeground#50433965
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F7F500
  • contrastBorder#F7F5F700
  • debugConsole.errorForeground#9C009Cce
  • debugConsole.infoForeground#764B2Fce
  • debugConsole.sourceForeground#764B2Fce
  • debugConsole.warningForeground#675500ce
  • debugConsoleInputIcon.foreground#7B3991fe
  • debugExceptionWidget.background#FEC1FEa7
  • debugExceptionWidget.border#F4F2F0fe
  • debugIcon.breakpointCurrentStackframeForeground#315F36fe
  • debugIcon.breakpointDisabledForeground#55473C65
  • debugIcon.breakpointForeground#3B402Ffe
  • debugIcon.breakpointStackframeForeground#3E4FA5fe
  • debugIcon.breakpointUnverifiedForeground#424FA5fe
  • debugIcon.continueForeground#6B4F38fe
  • debugIcon.disconnectForeground#7B3991fe
  • debugIcon.pauseForeground#6F5036fe
  • debugIcon.restartForeground#6F5036fe
  • debugIcon.startForeground#6F4E33fe
  • debugIcon.stepBackForeground#3B4CB1fe
  • debugIcon.stepIntoForeground#6B4F33fe
  • debugIcon.stepOutForeground#4343C7fe
  • debugIcon.stepOverForeground#444FA2fe
  • debugIcon.stopForeground#8E385Dfe
  • debugTokenExpression.boolean#1C1E16ca
  • debugTokenExpression.error#1B161Dca
  • debugTokenExpression.name#22191Eca
  • debugTokenExpression.number#161D1Dca
  • debugTokenExpression.value#161D17ca
  • debugToolBar.background#FEC1FEb3
  • debugToolBar.border#F4F2F0fe
  • debugView.exceptionLabelBackground#C6CDFBca
  • debugView.exceptionLabelForeground#515931ca
  • debugView.stateLabelBackground#EDC2FBca
  • debugView.stateLabelForeground#883B62ca
  • debugView.valueChangedHighlight#1B1417ca
  • descriptionForeground#764B2Fce
  • diffEditor.border#F5F7F700
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#79E77Ffb
  • diffEditor.insertedTextBorder#F7F6F500
  • diffEditor.move.border#F5F5F700
  • diffEditor.moveActive.border#F7F5F700
  • diffEditor.removedLineBackground#FEC6C631
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F5F7F700
  • diffEditor.unchangedCodeBackground#E2DCD7fe
  • diffEditor.unchangedRegionBackground#E2DCD7fe
  • diffEditor.unchangedRegionForeground#764B2Fce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#5A4B4065
  • dropdown.background#F4F2F0fe
  • dropdown.border#F4F2F0fe
  • dropdown.foreground#764B2Fce
  • dropdown.listBackground#F4F2F0fe
  • editor.background#E2DCD7fe
  • editor.findMatchBackground#A48EACa9
  • editor.findMatchBorder#F4F2F0fe
  • editor.findMatchHighlightBackground#A2A5BAab
  • editor.findMatchHighlightBorder#F4F2F0fe
  • editor.findRangeHighlightBackground#ABC1C1a1
  • editor.findRangeHighlightBorder#F4F2F0fe
  • editor.focusedStackFrameHighlightBackground#A889998c
  • editor.foldBackground#A11E62a9
  • editor.foreground#764B2Fce
  • editor.hoverHighlightBackground#8EACACad
  • editor.inactiveSelectionBackground#C6BAAF96
  • editor.inlineValuesBackground#E2DCD7fe
  • editor.inlineValuesForeground#764B2Fce
  • editor.lineHighlightBackground#CABEB4b4
  • editor.lineHighlightBorder#F5F7F700
  • editor.linkedEditingBackground#E2DCD7fe
  • editor.rangeHighlightBackground#A2BABAae
  • editor.rangeHighlightBorder#F4F2F0fe
  • editor.selectionBackground#AA9788a2
  • editor.selectionForeground#3C4AB6ca
  • editor.selectionHighlightBackground#B0B79D8b
  • editor.selectionHighlightBorder#F4F2F0fe
  • editor.snippetFinalTabstopHighlightBackground#9D84A5a5
  • editor.snippetFinalTabstopHighlightBorder#F4F2F0fe
  • editor.snippetTabstopHighlightBackground#9DA0B7ad
  • editor.snippetTabstopHighlightBorder#F4F2F0fe
  • editor.stackFrameHighlightBackground#9D84A5a7
  • editor.symbolHighlightBackground#ABC1AEab
  • editor.symbolHighlightBorder#F4F2F0fe
  • editor.wordHighlightBackground#989BB3a6
  • editor.wordHighlightBorder#F5F7F700
  • editor.wordHighlightStrongBackground#98B3B3a3
  • editor.wordHighlightStrongBorder#F7F5F700
  • editor.wordHighlightTextBackground#C1ABB6ac
  • editor.wordHighlightTextBorder#F5F7F500
  • editorBracketHighlight.foreground1#0F0C0Ace
  • editorBracketHighlight.foreground2#0F0C0Ace
  • editorBracketHighlight.foreground3#0F0C0Ace
  • editorBracketHighlight.foreground4#0F0C0Ace
  • editorBracketHighlight.foreground5#0F0C0Ace
  • editorBracketHighlight.foreground6#0F0C0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#764B2Fce
  • editorBracketMatch.background#4C5C21a1
  • editorBracketMatch.border#F4F2F0fe
  • editorBracketPairGuide.activeBackground1#8824A987
  • editorBracketPairGuide.activeBackground2#8824A981
  • editorBracketPairGuide.activeBackground3#1B2FA281
  • editorBracketPairGuide.activeBackground4#253BEA82
  • editorBracketPairGuide.activeBackground5#1F632889
  • editorBracketPairGuide.activeBackground6#4C5D2087
  • editorBracketPairGuide.background1#BCDC6Dfe
  • editorBracketPairGuide.background2#C5CEFBfe
  • editorBracketPairGuide.background3#6FE3E3fe
  • editorBracketPairGuide.background4#7CE689fe
  • editorBracketPairGuide.background5#FBC2DAfe
  • editorBracketPairGuide.background6#ECC2FAfe
  • editorCodeLens.foreground#87430A6e
  • editorCommentsWidget.rangeActiveBackground#744C2Afe
  • editorCommentsWidget.rangeBackground#E2DCD7fe
  • editorCommentsWidget.resolvedBorder#F4F2F0fe
  • editorCommentsWidget.unresolvedBorder#FEC1C1cb
  • editorCursor.background#E2DCD7fe
  • editorCursor.foreground#8A2B6Ffe
  • editorError.background#F7F7F500
  • editorError.border#F7F5F600
  • editorError.foreground#9C009Cce
  • editorGhostText.background#E2DCD7fe
  • editorGhostText.border#F7F5F700
  • editorGhostText.foreground#88440E6e
  • editorGroup.border#F4F2F0fe
  • editorGroup.dropBackground#E2DCD7fe
  • editorGroup.dropIntoPromptBackground#E2DCD7fe
  • editorGroup.dropIntoPromptBorder#F4F2F0fe
  • editorGroup.dropIntoPromptForeground#764B2Fce
  • editorGroup.emptyBackground#E2DCD7fe
  • editorGroup.focusedEmptyBorder#F4F2F0fe
  • editorGroupHeader.border#F7F7F500
  • editorGroupHeader.noTabsBackground#F0EDEBae
  • editorGroupHeader.tabsBackground#DFD8D2a1
  • editorGroupHeader.tabsBorder#F7F5F700
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#E2DCD7fe
  • editorGutter.commentGlyphForeground#764B2Fce
  • editorGutter.commentRangeForeground#764B2Fce
  • editorGutter.commentUnresolvedGlyphForeground#17631Bcb
  • editorGutter.deletedBackground#B00000cb
  • editorGutter.foldingControlForeground#764B2Fce
  • editorGutter.modifiedBackground#675500ce
  • editorHint.border#F5F7F700
  • editorHint.foreground#4F16FEce
  • editorHoverWidget.background#F4F2F0fe
  • editorHoverWidget.border#F4F2F0fe
  • editorHoverWidget.foreground#764B2Fce
  • editorHoverWidget.highlightForeground#6F4E33ca
  • editorHoverWidget.statusBarBackground#E2DCD7fe
  • editorIndentGuide.activeBackground1#824719fe
  • editorIndentGuide.activeBackground2#7F481Bfe
  • editorIndentGuide.activeBackground3#824719fe
  • editorIndentGuide.activeBackground4#804718fe
  • editorIndentGuide.activeBackground5#804718fe
  • editorIndentGuide.activeBackground6#84471Afe
  • editorIndentGuide.background1#45323B35
  • editorIndentGuide.background2#4B674F35
  • editorIndentGuide.background3#57445D35
  • editorIndentGuide.background4#654F6C35
  • editorIndentGuide.background5#4F6C5335
  • editorIndentGuide.background6#36384A35
  • editorInfo.background#F5F7F700
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#4F16FEce
  • editorInlayHint.background#E2DCD7fe
  • editorInlayHint.foreground#764B2Fce
  • editorInlayHint.parameterBackground#E2DCD7fe
  • editorInlayHint.parameterForeground#764B2Fce
  • editorInlayHint.typeBackground#E2DCD7fe
  • editorInlayHint.typeForeground#764B2Fce
  • editorLightBulb.foreground#675500ce
  • editorLightBulbAutoFix.foreground#17631Bcb
  • editorLineNumber.activeForeground#AA2E86fe
  • editorLineNumber.dimmedForeground#88440E6e
  • editorLineNumber.foreground#88440E6e
  • editorLink.activeForeground#73285Efe
  • editorMarkerNavigation.background#F4F2F0fe
  • editorMarkerNavigationError.background#FEC1FEa1
  • editorMarkerNavigationError.headerBackground#FEC1FEc3
  • editorMarkerNavigationInfo.background#CCCCFFfe
  • editorMarkerNavigationInfo.headerBackground#CCCCFFfe
  • editorMarkerNavigationWarning.background#F9CE00fe
  • editorMarkerNavigationWarning.headerBackground#F9CE00fe
  • editorOverviewRuler.addedForeground#17631Bcb
  • editorOverviewRuler.background#E2DCD7fe
  • editorOverviewRuler.border#DECDBEfe
  • editorOverviewRuler.bracketMatchForeground#764B2Fce
  • editorOverviewRuler.commentForeground#87430A6e
  • editorOverviewRuler.commentUnresolvedForeground#17631Bcb
  • editorOverviewRuler.commonContentForeground#764B2Fce
  • editorOverviewRuler.currentContentForeground#565656a2
  • editorOverviewRuler.deletedForeground#B00000cb
  • editorOverviewRuler.errorForeground#9C009Cce
  • editorOverviewRuler.findMatchForeground#006161ce
  • editorOverviewRuler.incomingContentForeground#17631Bcb
  • editorOverviewRuler.infoForeground#4F16FEce
  • editorOverviewRuler.modifiedForeground#675500ce
  • editorOverviewRuler.rangeHighlightForeground#3B4CB1ca
  • editorOverviewRuler.selectionHighlightForeground#4F16FEce
  • editorOverviewRuler.warningForeground#675500ce
  • editorOverviewRuler.wordHighlightForeground#8E385Dca
  • editorOverviewRuler.wordHighlightStrongForeground#764B2Fce
  • editorOverviewRuler.wordHighlightTextForeground#764B2Fce
  • editorPane.background#E2DCD7fe
  • editorRuler.foreground#794C2938
  • editorStickyScroll.background#E2DCD7fe
  • editorStickyScroll.shadow#F7F6F500
  • editorStickyScrollHover.background#E5CCB7fe
  • editorSuggestWidget.background#F4F2F0fe
  • editorSuggestWidget.border#F7F5F600
  • editorSuggestWidget.focusHighlightForeground#788D39fe
  • editorSuggestWidget.foreground#6B4F33fe
  • editorSuggestWidget.highlightForeground#7C3B8Cca
  • editorSuggestWidget.selectedBackground#ABC1C182
  • editorSuggestWidget.selectedForeground#3B4CB1ca
  • editorSuggestWidget.selectedIconForeground#873966ca
  • editorSuggestWidgetStatus.foreground#404EA9fe
  • editorUnicodeHighlight.background#A8B093ab
  • editorUnicodeHighlight.border#F4F2F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F5F600
  • editorWarning.border#F5F7F700
  • editorWarning.foreground#675500ce
  • editorWhitespace.foreground#764B2Fce
  • editorWidget.background#F4F2F0fe
  • editorWidget.border#F4F2F0fe
  • editorWidget.foreground#764B2Fce
  • editorWidget.resizeBorder#F4F2F0fe
  • errorForeground#9C009Cce
  • extensionBadge.remoteBackground#A22D80fe
  • extensionBadge.remoteForeground#F0EDEBfe
  • extensionButton.background#E4CBB8ae
  • extensionButton.foreground#764B2Fce
  • extensionButton.hoverBackground#EBCAB2fe
  • extensionButton.prominentBackground#E2DCD7fe
  • extensionButton.prominentForeground#764B2Fce
  • extensionButton.prominentHoverBackground#E2DCD7fe
  • extensionButton.separator#F5F7F500
  • extensionIcon.preReleaseForeground#81415Ffe
  • extensionIcon.sponsorForeground#404EA9fe
  • extensionIcon.starForeground#335E3Afe
  • extensionIcon.verifiedForeground#335E3Afe
  • focusBorder#F7F5F700
  • foreground#764B2Fce
  • gitDecoration.addedResourceForeground#17631Bcb
  • gitDecoration.deletedResourceForeground#B00000cb
  • gitDecoration.modifiedResourceForeground#675500ce
  • gitDecoration.renamedResourceForeground#4F16FEce
  • gitDecoration.stageDeletedResourceForeground#B00000cb
  • gitDecoration.stageModifiedResourceForeground#17631Bcb
  • gitDecoration.untrackedResourceForeground#006161ce
  • icon.foreground#7C4A21ae
  • inlineChat.background#EEC3FBca
  • inlineChat.border#FAC0DDca
  • inlineChat.regionHighlight#1D2727ca
  • inlineChat.shadow#192222ca
  • inlineChatDiff.inserted#161D17ca
  • inlineChatDiff.removed#1F1A16ca
  • inlineChatInput.background#25271Dca
  • inlineChatInput.border#C4DC63ca
  • inlineChatInput.focusBorder#F7F6F500
  • inlineChatInput.placeholderForeground#7D3A90ca
  • input.background#F4F2F0fe
  • input.border#F4F2F0fe
  • input.foreground#764B2Fce
  • input.placeholderForeground#5A4B4065
  • inputOption.activeBackground#F4F2F0fe
  • inputOption.activeBorder#F4F2F0fe
  • inputOption.activeForeground#922C75fe
  • inputOption.hoverBackground#F4F2F0fe
  • inputValidation.errorBackground#670067b5
  • inputValidation.errorBorder#FEC1FEc1
  • inputValidation.errorForeground#9C009Cce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F4F2F0fe
  • inputValidation.infoForeground#764B2Fce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F4F2F0fe
  • inputValidation.warningForeground#675500ce
  • interactive.activeCodeBorder#F4F2F0fe
  • interactive.inactiveCodeBorder#E0CCBC9d
  • keybindingLabel.background#E2DCD7fe
  • keybindingLabel.border#F4F2F0fe
  • keybindingLabel.bottomBorder#F4F2F0fe
  • keybindingLabel.foreground#764B2Fce
  • keybindingTable.headerBackground#E2DCD7fe
  • keybindingTable.rowsBackground#E2DCD7fe
  • list.activeSelectionBackground#7FA1848b
  • list.activeSelectionForeground#883B62ca
  • list.activeSelectionIconForeground#6F4E33ca
  • list.deemphasizedForeground#764B2Fce
  • list.dropBackground#E2DCD7fe
  • list.errorForeground#9C009Cce
  • list.filterMatchBackground#E2DCD7fe
  • list.filterMatchBorder#F4F2F0fe
  • list.focusAndSelectionOutline#F7F5F700
  • list.focusBackground#D4CBC396
  • list.focusForeground#B22E8Cfe
  • list.focusHighlightForeground#B7763Efe
  • list.focusOutline#F7F7F500
  • list.highlightForeground#7C3997ca
  • list.hoverBackground#E9CAB1fe
  • list.hoverForeground#BA2F92fe
  • list.inactiveFocusBackground#D1C6BE94
  • list.inactiveFocusOutline#F5F5F700
  • list.inactiveSelectionBackground#F0EDEBae
  • list.inactiveSelectionForeground#50433965
  • list.inactiveSelectionIconForeground#5A4B4065
  • list.invalidItemForeground#764B2Fce
  • list.warningForeground#675500ce
  • listFilterWidget.background#E2DCD7fe
  • listFilterWidget.noMatchesOutline#F7F5F700
  • listFilterWidget.outline#F5F7F500
  • listFilterWidget.shadow#F5F7F500
  • menu.background#F0EDEBfe
  • menu.border#F7F6F500
  • menu.foreground#764D31ae
  • menu.selectionBackground#AA9788aa
  • menu.selectionBorder#F7F7F500
  • menu.selectionForeground#7B2963fe
  • menu.separatorBackground#F4C9A865
  • menubar.selectionBackground#99816Fa7
  • menubar.selectionBorder#F7F6F500
  • menubar.selectionForeground#73285Efe
  • merge.border#F4F2F0fe
  • merge.commonContentBackground#E2DCD7fe
  • merge.commonHeaderBackground#E2DCD7fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#79E77Ffb
  • merge.incomingContentBackground#9BE09Ecb
  • merge.incomingHeaderBackground#79E77Ffb
  • mergeEditor.change.background#E2DCD7fe
  • mergeEditor.change.word.background#E2DCD7fe
  • mergeEditor.changeBase.background#E2DCD7fe
  • mergeEditor.changeBase.word.background#E2DCD7fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F4F2F0fe
  • mergeEditor.conflict.handledUnfocused.border#DBD3CD3d
  • mergeEditor.conflict.input1.background#F4F2F0fe
  • mergeEditor.conflict.input2.background#F4F2F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ba
  • mergeEditor.conflict.unhandledFocused.border#F4F2F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#DBD3CD25
  • mergeEditor.conflictingLines.background#E2DCD7fe
  • minimap.background#E2DCD7fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0F0C0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B10000fb
  • minimapGutter.modifiedBackground#675500ce
  • minimapSlider.activeBackground#9C8674fe
  • minimapSlider.background#C3B5AAae
  • minimapSlider.hoverBackground#B8A89Bfe
  • notebook.cellBorderColor#F4F2F0fe
  • notebook.cellEditorBackground#E2DCD7fe
  • notebook.cellHoverBackground#E2DCD7fe
  • notebook.cellInsertionIndicator#1E161Aca
  • notebook.cellStatusBarItemHoverBackground#E2DCD7fe
  • notebook.cellToolbarSeparator#1B1D16ca
  • notebook.editorBackground#E2DCD7fe
  • notebook.focusedCellBackground#E2DCD7fe
  • notebook.focusedCellBorder#922C75fe
  • notebook.focusedEditorBorder#F4F2F0fe
  • notebook.inactiveFocusedCellBorder#99816F8e
  • notebook.inactiveSelectedCellBorder#9C86748e
  • notebook.outputContainerBackgroundColor#E2DCD7fe
  • notebook.outputContainerBorderColor#F4F2F0fe
  • notebook.selectedCellBackground#E2DCD7fe
  • notebook.selectedCellBorder#F4F2F0fe
  • notebook.symbolHighlightBackground#E2DCD7fe
  • notebookEditorOverviewRuler.runningCellForeground#764B2Fce
  • notebookScrollbarSlider.activeBackground#9C8674fe
  • notebookScrollbarSlider.background#B5A497ae
  • notebookScrollbarSlider.hoverBackground#BCADA0fe
  • notebookStatusErrorIcon.foreground#9C009Cce
  • notebookStatusRunningIcon.foreground#36603Cfe
  • notebookStatusSuccessIcon.foreground#17631Bcb
  • notificationCenter.border#F4F2F0fe
  • notificationCenterHeader.background#E2DCD7fe
  • notificationCenterHeader.foreground#764B2Fce
  • notificationLink.foreground#764B2Fce
  • notifications.background#E2DCD7fe
  • notifications.border#F4F2F0fe
  • notifications.foreground#764B2Fce
  • notificationsErrorIcon.foreground#9C009Cce
  • notificationsInfoIcon.foreground#505833fe
  • notificationsWarningIcon.foreground#675500ce
  • notificationToast.border#F4F2F0fe
  • panel.background#E2DCD7fe
  • panel.border#F4F2F0fe
  • panel.dropBorder#F4F2F0fe
  • panelInput.border#F4F2F0fe
  • panelSection.border#F4F2F0fe
  • panelSection.dropBackground#E2DCD7fe
  • panelSectionHeader.background#E2DCD7fe
  • panelSectionHeader.border#F4F2F0fe
  • panelSectionHeader.foreground#764B2Fce
  • panelTitle.activeBorder#F5F7F700
  • panelTitle.activeForeground#DE4DAAfe
  • panelTitle.inactiveForeground#B7784565
  • peekView.border#DE4BB5fe
  • peekViewEditor.background#F4F2F0fe
  • peekViewEditor.matchHighlightBackground#A6A9BE8b
  • peekViewEditor.matchHighlightBorder#F5F5F700
  • peekViewEditorGutter.background#F4F2F0fe
  • peekViewEditorStickyScroll.background#E2DCD7fe
  • peekViewResult.background#F0EDEBfe
  • peekViewResult.fileForeground#764B2Fce
  • peekViewResult.lineForeground#764B2Fce
  • peekViewResult.matchHighlightBackground#89A8A88e
  • peekViewResult.selectionBackground#A189A884
  • peekViewResult.selectionForeground#4343C7ca
  • peekViewTitle.background#F0EDEBfe
  • peekViewTitleDescription.foreground#764B2Fce
  • peekViewTitleLabel.foreground#764B2Fce
  • pickerGroup.border#F4F2F0fe
  • pickerGroup.foreground#764B2Fce
  • ports.iconRunningProcessForeground#355D5Dfe
  • problemsErrorIcon.foreground#9C009Cce
  • problemsInfoIcon.foreground#4F16FEce
  • problemsWarningIcon.foreground#675500ce
  • profileBadge.background#922C75fe
  • profileBadge.foreground#F0EDEBfe
  • progressBar.background#E2DCD7fe
  • quickInput.background#F0EDEBfe
  • quickInput.foreground#6D4E30ae
  • quickInputList.focusBackground#A6BEA9a4
  • quickInputList.focusForeground#7B2963fe
  • quickInputList.focusIconForeground#BA2F92fe
  • quickInputTitle.background#F4F2F0fe
  • sash.hoverBorder#F4F2F0fe
  • scrollbar.shadow#F7F5F600
  • scrollbarSlider.activeBackground#9C8674fe
  • scrollbarSlider.background#B5A497ae
  • scrollbarSlider.hoverBackground#C3B5AAfe
  • search.resultsInfoForeground#764B2Fce
  • searchEditor.findMatchBackground#8EACACae
  • searchEditor.findMatchBorder#F4F2F0fe
  • searchEditor.textInputBorder#F4F2F0fe
  • selection.background#E2DCD7fe
  • settings.checkboxBackground#F4F2F0fe
  • settings.checkboxBorder#F4F2F0fe
  • settings.checkboxForeground#764B2Fce
  • settings.dropdownBackground#F4F2F0fe
  • settings.dropdownBorder#F4F2F0fe
  • settings.dropdownForeground#764B2Fce
  • settings.dropdownListBorder#F4F2F0fe
  • settings.focusedRowBackground#B79DAA8b
  • settings.focusedRowBorder#F4F2F0fe
  • settings.headerBorder#F4F2F0fe
  • settings.headerForeground#764B2Fce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F4F2F0fe
  • settings.numberInputBorder#F4F2F0fe
  • settings.numberInputForeground#764B2Fce
  • settings.rowHoverBackground#E2DCD7fe
  • settings.sashBorder#F4F2F0fe
  • settings.settingsHeaderHoverForeground#B22E8Cfe
  • settings.textInputBackground#F4F2F0fe
  • settings.textInputBorder#F4F2F0fe
  • settings.textInputForeground#764B2Fce
  • sideBar.background#E2DCD7fe
  • sideBar.border#F4F2F0fe
  • sideBar.dropBackground#E2DCD7fe
  • sideBar.foreground#7C4A21ae
  • sideBarSectionHeader.background#F7F6F500
  • sideBarSectionHeader.border#F4F2F0fe
  • sideBarSectionHeader.foreground#764B2Fce
  • sideBarTitle.foreground#764B2Fce
  • sideBySideEditor.horizontalBorder#F4F2F0fe
  • sideBySideEditor.verticalBorder#F4F2F0fe
  • simpleFindWidget.sashBorder#F4F2F0fe
  • statusBar.background#F0EDEBfe
  • statusBar.border#F4F2F0fe
  • statusBar.debuggingBackground#FEC1FEaf
  • statusBar.debuggingBorder#F4F2F0fe
  • statusBar.debuggingForeground#764B2Fce
  • statusBar.focusBorder#F5F7F500
  • statusBar.foreground#89430C6e
  • statusBar.noFolderBackground#F0EDEBfe
  • statusBar.noFolderBorder#F4F2F0fe
  • statusBar.noFolderForeground#764B2Fce
  • statusBarItem.activeBackground#F0EDEBfe
  • statusBarItem.compactHoverBackground#F0EDEBfe
  • statusBarItem.errorBackground#FEC1FE9c
  • statusBarItem.errorForeground#9C009Cce
  • statusBarItem.errorHoverBackground#FEC1FEa4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F5F700
  • statusBarItem.hoverBackground#F0EDEBfe
  • statusBarItem.hoverForeground#7B2963fe
  • statusBarItem.offlineBackground#F0EDEBfe
  • statusBarItem.offlineForeground#764B2Fce
  • statusBarItem.offlineHoverBackground#F0EDEBfe
  • statusBarItem.offlineHoverForeground#7B2963fe
  • statusBarItem.prominentBackground#F0EDEBfe
  • statusBarItem.prominentForeground#764B2Fce
  • statusBarItem.prominentHoverBackground#F0EDEBfe
  • statusBarItem.prominentHoverForeground#9A2D7Afe
  • statusBarItem.remoteBackground#8A2B6Ffe
  • statusBarItem.remoteForeground#F0EDEBfe
  • statusBarItem.remoteHoverBackground#F0EDEBfe
  • statusBarItem.remoteHoverForeground#8A2B6Ffe
  • statusBarItem.warningBackground#F9CE00fe
  • statusBarItem.warningForeground#675500ce
  • statusBarItem.warningHoverBackground#F9CE00fe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#404FA5fe
  • symbolIcon.booleanForeground#006161ce
  • symbolIcon.classForeground#6F4E33fe
  • symbolIcon.colorForeground#325A5Afe
  • symbolIcon.constantForeground#335E3Afe
  • symbolIcon.constructorForeground#515B30fe
  • symbolIcon.enumeratorForeground#883965fe
  • symbolIcon.enumeratorMemberForeground#754087fe
  • symbolIcon.eventForeground#7C3B8Cfe
  • symbolIcon.fieldForeground#335F38fe
  • symbolIcon.fileForeground#734288fe
  • symbolIcon.folderForeground#8D3963fe
  • symbolIcon.functionForeground#6F5036fe
  • symbolIcon.interfaceForeground#843F61fe
  • symbolIcon.keyForeground#404EA9fe
  • symbolIcon.keywordForeground#4E5930fe
  • symbolIcon.methodForeground#883B62fe
  • symbolIcon.moduleForeground#305B5Bfe
  • symbolIcon.namespaceForeground#3B4BB8fe
  • symbolIcon.nullForeground#385E3Cfe
  • symbolIcon.numberForeground#404FA5fe
  • symbolIcon.objectForeground#833D62fe
  • symbolIcon.operatorForeground#7C3997fe
  • symbolIcon.packageForeground#515B30fe
  • symbolIcon.propertyForeground#385E3Cfe
  • symbolIcon.referenceForeground#883965fe
  • symbolIcon.snippetForeground#873966fe
  • symbolIcon.stringForeground#8D3963fe
  • symbolIcon.structForeground#305E36fe
  • symbolIcon.textForeground#325C5Cfe
  • symbolIcon.typeParameterForeground#7C3997fe
  • symbolIcon.unitForeground#325C5Cfe
  • symbolIcon.variableForeground#36603Cfe
  • tab.activeBackground#EDE9E6fe
  • tab.activeBorder#F5F7F700
  • tab.activeBorderTop#DE4BB3fe
  • tab.activeForeground#DE4CB4fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F5F600
  • tab.hoverBackground#81481Dfe
  • tab.hoverBorder#F4F2F0fe
  • tab.hoverForeground#BA2F92fe
  • tab.inactiveBackground#DCCDC198
  • tab.inactiveForeground#B7784565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F4F2F0fe
  • tab.unfocusedActiveBackground#DBD3CD2c
  • tab.unfocusedActiveBorder#F5F5F700
  • tab.unfocusedActiveBorderTop#F3C7A665
  • tab.unfocusedActiveForeground#5A4B4065
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#7B4B25fe
  • tab.unfocusedHoverBorder#DBD3CD23
  • tab.unfocusedHoverForeground#50433965
  • tab.unfocusedInactiveBackground#D4CBC393
  • tab.unfocusedInactiveForeground#55473C65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b6
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067b2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2DCD7fe
  • terminal.border#F4F2F0fe
  • terminal.dropBackground#E2DCD7fe
  • terminal.findMatchBackground#E2DCD7fe
  • terminal.findMatchBorder#F4F2F0fe
  • terminal.findMatchHighlightBackground#E2DCD7fe
  • terminal.findMatchHighlightBorder#F4F2F0fe
  • terminal.foreground#7C4A21ae
  • terminal.hoverHighlightBackground#E2DCD7fe
  • terminal.inactiveSelectionBackground#C6BAAF9c
  • terminal.selectionBackground#A4AC8E83
  • terminal.selectionForeground#315F36ca
  • terminal.tab.activeBorder#DD48B4fe
  • terminalCommandDecoration.defaultBackground#225D5Da3
  • terminalCommandDecoration.errorBackground#B00000cb
  • terminalCommandDecoration.successBackground#17631Bcb
  • terminalCursor.background#E2DCD7fe
  • terminalCursor.foreground#BA2F92fe
  • terminalOverviewRuler.cursorForeground#764B2Fce
  • terminalOverviewRuler.findMatchForeground#006161ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a5
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#A30976fe
  • testing.message.error.lineBackground#FEC1FEa0
  • testing.message.info.decorationForeground#A40877fe
  • testing.message.info.lineBackground#CCCCFFfe
  • testing.peekBorder#F4F2F0fe
  • testing.peekHeaderBackground#E2DCD7fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2DCD7fe
  • textBlockQuote.border#F4F2F0fe
  • textCodeBlock.background#E2DCD7fe
  • textLink.activeForeground#922C75fe
  • textLink.foreground#4F16FEce
  • textPreformat.foreground#764B2Fce
  • textSeparator.foreground#764B2Fce
  • titleBar.activeBackground#F0EDEBfe
  • titleBar.activeForeground#BE723Aae
  • titleBar.border#F5F7F500
  • titleBar.inactiveBackground#DBD3CDd4
  • titleBar.inactiveForeground#50433965
  • toolbar.activeBackground#F4C3DC85
  • toolbar.hoverBackground#E2DCD7fe
  • toolbar.hoverOutline#F7F5F700
  • tree.inactiveIndentGuidesStroke#48624B35
  • tree.indentGuidesStroke#8A2B6Ffe
  • tree.tableColumnsBorder#F4F2F0fe
  • tree.tableOddRowsBackground#E2DCD7fe
  • walkThrough.embeddedEditorBackground#E2DCD7fe
  • walkthrough.stepTitle.foreground#764B2Fce
  • welcomePage.background#E2DCD7fe
  • welcomePage.progress.background#E2DCD7fe
  • welcomePage.progress.foreground#764B2Fce
  • welcomePage.tileBackground#E2DCD7fe
  • welcomePage.tileBorder#F4F2F0fe
  • welcomePage.tileHoverBackground#E2DCD7fe
  • widget.border#F4F2F0fe
  • widget.shadow#F7F7F500
  • window.activeBorder#F4F2F0fe
  • window.inactiveBorder#E1CCB999

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#61472D6e
comment.block.html#64452E6e
comment.block.java#62452F6e
comment.block.javadoc.java#62452F6e
comment.block.powershell#61472D6e
comment.block.xml#61472D6e
comment.line.double-slash.c#62452F6e
comment.line.double-slash.cpp#66442E6e
comment.line.double-slash.java#61472D6e
comment.line.double-slash.js#64452E6e
comment.line.number-sign.makefile#61472D6e
comment.line.number-sign.python#64452E6e
comment.line.number-sign.yaml#62452F6e
comment.line.percentage.erlang#62452F6e
comment.line.powershell#61472D6e
comment.source.cmake#62452F6e
comment.source.cmakecache#66442E6e
constant.character#5305DEde
constant.character.character-class.regexp#822A68de
constant.character.escape#5E244Dde
constant.character.set.regexp#215644de
constant.language#97150Bde
constant.numeric#295621de
constant.numeric.dec.python#16580Ade
constant.other.caps.python#5E2824de
constant.other.character-class.regexp#4C4C4Cde
constant.other.character-class.set.regexp#9B0F05de
constant.other.color.rgb-value#295621de
constant.other.placeholder#15580Bde
constant.other.rgb-value#853129de
constant.regexp#9A130Ade
constant.sha.git-rebase#534E09de
emphasis#99150Bde
entity.name.class#812968de
entity.name.function#4C4C4Cde
entity.name.function.preprocessor#5202E3de
entity.name.function.python#5305DEde
entity.name.label#15580Bde
entity.name.namespace#135807de
entity.name.operator#432873de
entity.name.operator.custom-literal#534E0Bde
entity.name.scope-resolution#73285Ede
entity.name.tag#822969de
entity.name.tag.css#215643de
entity.name.type#5200E3debold
entity.name.variable#9A1106de
entity.other.attribute#16580Bde
entity.other.attribute-name#424242de
entity.other.attribute-name.class.css#86302Ade
entity.other.attribute-name.class.mixin.css#4D4D4Dde
entity.other.attribute-name.id#4D4D4Dde
entity.other.attribute-name.id.css#534E09de
entity.other.attribute-name.parent-selector.css#5B2DB0de
entity.other.attribute-name.pseudo-class.css#15580Bde
entity.other.attribute-name.pseudo-element.css#544E0Bde
entity.other.attribute-name.scss#20503Fde
entity.other.document.begin.yaml#61472D6e
entity.other.inherited-class#4D4D4Ddebold
header#135807de
invalid#155909de
keyword#4D4D4Ddebold
keyword.codetag.notation.python#534E09debold
keyword.control#4D4D4Ddebold
keyword.control.anchor.regexp#822A69debold
keyword.control.import.python#0A583Cdebold
keyword.operator#125906debold
keyword.operator.alignas#4F4C20debold
keyword.operator.alignof#16590Adebold
keyword.operator.cast#822968debold
keyword.operator.delete#0A563Bdebold
keyword.operator.documentation.powershell#64452E6ebold
keyword.operator.expression#084D34debold
keyword.operator.instanceof#991308debold
keyword.operator.logical.python#424242debold
keyword.operator.minus.exponent#900969debold
keyword.operator.negation.regexp#0A573Cdebold
keyword.operator.new#084D34debold
keyword.operator.noexcept#5202E3debold
keyword.operator.or.regexp#15580Bdebold
keyword.operator.plus.exponent#0B583Cdebold
keyword.operator.quantifier.regexp#0B583Cdebold
keyword.operator.sizeof#5D2DAFdebold
keyword.operator.typeid#5305DEdebold
keyword.operator.wordlike#424242debold
keyword.other.operator#823129debold
keyword.other.package.java#5B2EACdebold
keyword.other.unit#822969debold
keyword.other.using#0B573Bdebold
markup.bold#524C0Ade
markup.changed#0B583Cde
markup.deleted#9C0F04de
markup.fenced_code.block.markdown#5407DFde
markup.heading#5C2EAFde
markup.inline.raw#4D4D4Dde
markup.inserted#534E0Bde
markup.italic#16590Bde
markup.raw.block.markdown#5200E3de
markup.strikethrough#544E0Bde
markup.underline#98150Bde
meta.block.c#544E0Bde
meta.block.c#9A130Ade
meta.class.java#92056Ade
meta.definition.variable.name#85312Ade
meta.diff.header#4D4D4Dde
meta.embedded#0A563Bde
meta.embedded.assembly#534E0Bde
meta.function-call.arguments.python#544E08de
meta.function-call.python#295621de
meta.member.access.python#822969de
meta.method.java#920A6Bde
meta.object-literal.key#5206DDde
meta.paragraph.markdown#4D4D4Dde
meta.preprocessor#4D4D4Dde
meta.preprocessor.numeric#802968de
meta.preprocessor.string#9A1106de
meta.scope.prerequisites.makefile#86302Bde
meta.structure.dictionary.json.comments#66442E6e
meta.structure.dictionary.key.python#534E09de
meta.structure.dictionary.value.json.comments#61472D6e
meta.template.expression#4D4D4Dde
meta.type.cast.expr#4D4D4Dde
meta.type.new.expr#534E0Ade
parameter#4D4D4Dde
punctuation.character.set.begin.regexp#46297Bde
punctuation.character.set.end.regexp#524D0Ade
punctuation.definition.array.begin.json#145908de
punctuation.definition.character-class.regexp#0B583Cde
punctuation.definition.comment#64452E6e
punctuation.definition.comment.json.comments#66442E6e
punctuation.definition.comment.python#62452F6e
punctuation.definition.dictionary.begin.json#822968de
punctuation.definition.dictionary.end.json#135807de
punctuation.definition.group.assertion.regexp#25491Ede
punctuation.definition.group.regexp#5B2DADde
punctuation.definition.list.begin.json#524C0Ade
punctuation.definition.list.begin.markdown#534E0Ade
punctuation.definition.list.begin.python#5E2DADde
punctuation.definition.list.end.json#73285Ede
punctuation.definition.list.end.markdown#16570Bde
punctuation.definition.list.end.python#85312Ade
punctuation.definition.parameters.begin.python#4D4D4Dde
punctuation.definition.parameters.end.bracket.round.java#9A1409de
punctuation.definition.quote.begin.markdown#4D4D4Dde
punctuation.definition.tag#08432Dde
punctuation.definition.template-expression.begin#920A6Bde
punctuation.definition.template-expression.end#652553de
punctuation.section.class.begin.bracket.curly.java#4D4D4Dde
punctuation.section.embedded#544E0Bde
punctuation.section.embedded.begin.php#49461Ede
punctuation.section.embedded.end.php#4D4D4Dde
punctuation.terminator.java#502C92de
source.cmake#652A25de
source.coffee.embedded#25491Ede
source.cpp#16590Ade
source.css.less#0B583Cde
source.groovy.embedded#393939de
source.java#424242de
source.java-properties#5200E3de
source.json.comments#61472D6e
source.makefile#524D0Ade
source.powershell#97150Bde
source.powershell.variable.other.member#4D4D4Dde
source.python#524C0Ade
storage#9B0F05de
storage.modifier#432873de
storage.modifier.import.java#4F00DDde
storage.modifier.package.java#85312Ade
storage.type#910B6Bdebold
storage.type.annotation.groovy#4D4D4Ddebold
storage.type.annotation.java#991409debold
storage.type.boolean.go#991207debold
storage.type.byte.go#3C391Adebold
storage.type.cs#4D4D4Ddebold
storage.type.error.go#0B583Cdebold
storage.type.generic.cs#0B583Cdebold
storage.type.generic.groovy#920B6Bdebold
storage.type.generic.java#16590Adebold
storage.type.groovy#215643debold
storage.type.java#542D9Adebold
storage.type.modifier.cs#823129debold
storage.type.numeric.go#93066Bdebold
storage.type.object.array.groovy#4B4B4Bdebold
storage.type.object.array.java#822968debold
storage.type.parameters.groovy#534D0Bdebold
storage.type.primitive.array.groovy#15590Adebold
storage.type.primitive.array.java#16580Bdebold
storage.type.primitive.groovy#15590Adebold
storage.type.primitive.java#502C92debold
storage.type.rune.go#49461Edebold
storage.type.string.go#534E0Adebold
storage.type.token.java#822A69debold
storage.type.uintptr.go#095338debold
storage.type.variable.cs#812967debold
string#084D34de
string.quoted.docstring.multi.python#66442E6e
string.regexp#4C4C4Cde
string.tag#534E0Bde
string.value#4A2A82de
strong#4D4D4Dde
support.class#920A6Bde
support.constant.color#86302Ade
support.constant.dom#82302Ade
support.constant.font-name#822969de
support.constant.handlebars#215644de
support.constant.json#822968de
support.constant.math#094730de
support.constant.media#542D9Ade
support.constant.media-type#22421Dde
support.constant.property-value#432873de
support.function#46297Bde
support.function.git-rebase#16570Bde
support.other.parenthesis.regexp#4D4D4Dde
support.type#4C4C4Cdebold
support.type.property-name#3E3E3Edebold
support.type.vendored.property-name#544E0Bdebold
support.variable#9A1409de
token.debug-token#125906de
token.error-token#991207de
token.info-token#822968de
token.warn-token#4D4D4Dde
variable#5305DEde
variable.css#544E07de
variable.language#4D2B8Ade
variable.language.wildcard.java#991308de
variable.other.constant#5E2824de
variable.other.definition.java#0A573Cde
variable.other.enummember#544E06de
variable.other.less#16570Bde
variable.other.object.java#16590Bde
variable.other.object.property.java#0B573Bde
variable.parameter.c#15590Ade
variable.parameter.function.language.python#3E3E3Ede
variable.parameter.java#4D4D4Dde
variable.scss#4B4B4Bde