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#DEDDDEfe
  • activityBar.activeBackground#DEDDDEfe
  • activityBar.activeBorder#BA7429fe
  • activityBar.activeFocusBorder#86868600
  • activityBar.background#EEEEEEfe
  • activityBar.border#86868600
  • activityBar.dropBorder#BA7628fe
  • activityBar.foreground#BA7429fe
  • activityBar.inactiveForeground#514F5165
  • activityBarBadge.background#7F5424fe
  • activityBarBadge.foreground#EEEEEEfe
  • badge.background#B77429fe
  • badge.foreground#EEEEEEfe
  • banner.background#DEDDDEfe
  • banner.foreground#565656ce
  • banner.iconForeground#455963fe
  • breadcrumb.activeSelectionForeground#3B5C4Bca
  • breadcrumb.background#EAE9EAfe
  • breadcrumb.focusForeground#7F5424fe
  • breadcrumb.foreground#7B407Bae
  • breadcrumbPicker.background#DEDDDEfe
  • button.background#A9A6A9ae
  • button.border#FAFAFA00
  • button.foreground#565656ce
  • button.hoverBackground#B1AEB1fe
  • button.secondaryBackground#DEDDDEfe
  • button.secondaryForeground#565656ce
  • button.secondaryHoverBackground#DEDDDEfe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#565656ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F2F2fe
  • chat.slashCommandBackground#DEDDDEfe
  • chat.slashCommandForeground#565656ce
  • checkbox.background#F2F2F2fe
  • checkbox.border#F2F2F2fe
  • checkbox.foreground#565656ce
  • checkbox.selectBackground#F2F2F2fe
  • checkbox.selectBorder#F2F2F2fe
  • commandCenter.activeBackground#FEFCF987
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#C96D04fe
  • commandCenter.background#DEDDDEfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#565656ce
  • commandCenter.inactiveBorder#FBE3FB92
  • commandCenter.inactiveForeground#4D4A4D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#F6F6F600
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#565656ce
  • debugConsole.sourceForeground#565656ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#78455Ffe
  • debugExceptionWidget.background#670067a9
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#614990fe
  • debugIcon.breakpointDisabledForeground#45424565
  • debugIcon.breakpointForeground#3B5C4Bfe
  • debugIcon.breakpointStackframeForeground#644C7Bfe
  • debugIcon.breakpointUnverifiedForeground#695145fe
  • debugIcon.continueForeground#66513Cfe
  • debugIcon.disconnectForeground#714771fe
  • debugIcon.pauseForeground#764857fe
  • debugIcon.restartForeground#4A593Cfe
  • debugIcon.startForeground#435952fe
  • debugIcon.stepBackForeground#6A4590fe
  • debugIcon.stepIntoForeground#764857fe
  • debugIcon.stepOutForeground#475673fe
  • debugIcon.stepOverForeground#714A5Efe
  • debugIcon.stopForeground#6D4B6Dfe
  • debugTokenExpression.boolean#1C1B1Aca
  • debugTokenExpression.error#1E1D1Fca
  • debugTokenExpression.name#1F1D1Eca
  • debugTokenExpression.number#222321ca
  • debugTokenExpression.value#1C1B1Cca
  • debugToolBar.background#670067c9
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#F8F2FEca
  • debugView.exceptionLabelForeground#41576Dca
  • debugView.stateLabelBackground#CCF3A4ca
  • debugView.stateLabelForeground#66513Cca
  • debugView.valueChangedHighlight#1B1A1Cca
  • descriptionForeground#565656ce
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#FAFAFA00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#FAFAFA00
  • diffEditor.unchangedCodeBackground#DEDDDEfe
  • diffEditor.unchangedRegionBackground#DEDDDEfe
  • diffEditor.unchangedRegionForeground#565656ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#514F5165
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#565656ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DEDDDEfe
  • editor.findMatchBackground#939A96a8
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#93969Aae
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#BCBABEae
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#B1B6B386
  • editor.foldBackground#265A81a6
  • editor.foreground#565656ce
  • editor.hoverHighlightBackground#96939Aa2
  • editor.inactiveSelectionBackground#C1BFC199
  • editor.inlineValuesBackground#DEDDDEfe
  • editor.inlineValuesForeground#565656ce
  • editor.lineHighlightBackground#C1BFC1b4
  • editor.lineHighlightBorder#FAFAFA00
  • editor.linkedEditingBackground#DEDDDEfe
  • editor.rangeHighlightBackground#A7AAA4ac
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#888488a7
  • editor.selectionForeground#4A5B39ca
  • editor.selectionHighlightBackground#A3A6A08d
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#AAA4A7a6
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#B6B3B1ad
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#A29F9Ba6
  • editor.symbolHighlightBackground#B6B3B1a2
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#989598a3
  • editor.wordHighlightBorder#FAFAFA00
  • editor.wordHighlightStrongBackground#B3B6B1a2
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#AEABA8ad
  • editor.wordHighlightTextBorder#FAFAFA00
  • editorBracketHighlight.foreground1#0E0E0Ece
  • editorBracketHighlight.foreground2#0E0E0Ece
  • editorBracketHighlight.foreground3#0E0E0Ece
  • editorBracketHighlight.foreground4#0E0E0Ece
  • editorBracketHighlight.foreground5#0E0E0Ece
  • editorBracketHighlight.foreground6#0E0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#565656ce
  • editorBracketMatch.background#3D5D28a3
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#3D5D288e
  • editorBracketPairGuide.activeBackground2#2958888b
  • editorBracketPairGuide.activeBackground3#9A29578a
  • editorBracketPairGuide.activeBackground4#3C5D238b
  • editorBracketPairGuide.activeBackground5#9D256181
  • editorBracketPairGuide.activeBackground6#9A286183
  • editorBracketPairGuide.background1#FEF1FEfe
  • editorBracketPairGuide.background2#E9FDDEfe
  • editorBracketPairGuide.background3#D4FCE1fe
  • editorBracketPairGuide.background4#F7CCB7fe
  • editorBracketPairGuide.background5#FEF5FAfe
  • editorBracketPairGuide.background6#C4DFFAfe
  • editorCodeLens.foreground#980D986e
  • editorCommentsWidget.rangeActiveBackground#843584fe
  • editorCommentsWidget.rangeBackground#DEDDDEfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#DEDDDEfe
  • editorCursor.foreground#A66B28fe
  • editorError.background#FAFAFA00
  • editorError.border#FAFAFA00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#DEDDDEfe
  • editorGhostText.border#FAFAFA00
  • editorGhostText.foreground#9907996e
  • editorGroup.border#F2F2F2fe
  • editorGroup.dropBackground#DEDDDEfe
  • editorGroup.dropIntoPromptBackground#DEDDDEfe
  • editorGroup.dropIntoPromptBorder#F2F2F2fe
  • editorGroup.dropIntoPromptForeground#565656ce
  • editorGroup.emptyBackground#DEDDDEfe
  • editorGroup.focusedEmptyBorder#F2F2F2fe
  • editorGroupHeader.border#FAFAFA00
  • editorGroupHeader.noTabsBackground#EEEEEEae
  • editorGroupHeader.tabsBackground#DEDDDEa1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#DEDDDEfe
  • editorGutter.commentGlyphForeground#565656ce
  • editorGutter.commentRangeForeground#565656ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#565656ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#565656ce
  • editorHoverWidget.highlightForeground#794179ca
  • editorHoverWidget.statusBarBackground#DEDDDEfe
  • editorIndentGuide.activeBackground1#931D93fe
  • editorIndentGuide.activeBackground2#961A96fe
  • editorIndentGuide.activeBackground3#931D93fe
  • editorIndentGuide.activeBackground4#941B94fe
  • editorIndentGuide.activeBackground5#961A96fe
  • editorIndentGuide.activeBackground6#961A96fe
  • editorIndentGuide.background1#5C595F35
  • editorIndentGuide.background2#5D636035
  • editorIndentGuide.background3#595F5C35
  • editorIndentGuide.background4#55585B35
  • editorIndentGuide.background5#4A474535
  • editorIndentGuide.background6#4B4E4935
  • editorInfo.background#FAFAFA00
  • editorInfo.border#FAFAFA00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#DEDDDEfe
  • editorInlayHint.foreground#565656ce
  • editorInlayHint.parameterBackground#DEDDDEfe
  • editorInlayHint.parameterForeground#565656ce
  • editorInlayHint.typeBackground#DEDDDEfe
  • editorInlayHint.typeForeground#565656ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#8E5D26fe
  • editorLineNumber.dimmedForeground#9907996e
  • editorLineNumber.foreground#9909996e
  • editorLink.activeForeground#B77429fe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#670067bd
  • editorMarkerNavigationError.headerBackground#670067c5
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#DEDDDEfe
  • editorOverviewRuler.border#FEF4FEfe
  • editorOverviewRuler.bracketMatchForeground#565656ce
  • editorOverviewRuler.commentForeground#980D986e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#565656ce
  • editorOverviewRuler.currentContentForeground#cececec8
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#385C4Aca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#4C593Eca
  • editorOverviewRuler.wordHighlightStrongForeground#565656ce
  • editorOverviewRuler.wordHighlightTextForeground#565656ce
  • editorPane.background#DEDDDEfe
  • editorRuler.foreground#8833883a
  • editorStickyScroll.background#DEDDDEfe
  • editorStickyScroll.shadow#FAFAFA00
  • editorStickyScrollHover.background#F6CFF6fe
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#FAFAFA00
  • editorSuggestWidget.focusHighlightForeground#47936Dfe
  • editorSuggestWidget.foreground#66523Efe
  • editorSuggestWidget.highlightForeground#3B5C4Bca
  • editorSuggestWidget.selectedBackground#BEBABC88
  • editorSuggestWidget.selectedForeground#66523Eca
  • editorSuggestWidget.selectedIconForeground#49583Aca
  • editorSuggestWidgetStatus.foreground#3D5C4Dfe
  • editorUnicodeHighlight.background#A6A3A0a3
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#FAFAFA00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#565656ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#565656ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#C96D04fe
  • extensionBadge.remoteForeground#EEEEEEfe
  • extensionButton.background#FEF4FEae
  • extensionButton.foreground#565656ce
  • extensionButton.hoverBackground#F6CBF6fe
  • extensionButton.prominentBackground#DEDDDEfe
  • extensionButton.prominentForeground#565656ce
  • extensionButton.prominentHoverBackground#DEDDDEfe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#395B4Afe
  • extensionIcon.sponsorForeground#794079fe
  • extensionIcon.starForeground#794079fe
  • extensionIcon.verifiedForeground#455963fe
  • focusBorder#F6F6F600
  • foreground#565656ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#8F278Fae
  • inlineChat.background#FEEDF6ca
  • inlineChat.border#EDDDFDca
  • inlineChat.regionHighlight#2A2B29ca
  • inlineChat.shadow#1F1D1Eca
  • inlineChatDiff.inserted#272625ca
  • inlineChatDiff.removed#272526ca
  • inlineChatInput.background#1E1F1Dca
  • inlineChatInput.border#FAF6FEca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#4C593Eca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#565656ce
  • input.placeholderForeground#514F5165
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#AE6F29fe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#670067c9
  • inputValidation.errorBorder#670067b6
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F2F2fe
  • inputValidation.infoForeground#565656ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F2F2fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#F2F2F2fe
  • interactive.inactiveCodeBorder#F7DFF799
  • keybindingLabel.background#DEDDDEfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#565656ce
  • keybindingTable.headerBackground#DEDDDEfe
  • keybindingTable.rowsBackground#DEDDDEfe
  • list.activeSelectionBackground#939A9681
  • list.activeSelectionForeground#6A4292ca
  • list.activeSelectionIconForeground#4C593Eca
  • list.deemphasizedForeground#565656ce
  • list.dropBackground#DEDDDEfe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#DEDDDEfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#FAFAFA00
  • list.focusBackground#CDCCCD97
  • list.focusForeground#7F5424fe
  • list.focusHighlightForeground#C86597fe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#3D5C4Dca
  • list.hoverBackground#F3D0F3fe
  • list.hoverForeground#B77429fe
  • list.inactiveFocusBackground#C9C8C992
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#EEEEEEae
  • list.inactiveSelectionForeground#4D4A4D65
  • list.inactiveSelectionIconForeground#49464965
  • list.invalidItemForeground#565656ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#DEDDDEfe
  • listFilterWidget.noMatchesOutline#F6F6F600
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#FAFAFA00
  • menu.background#EEEEEEfe
  • menu.border#FAFAFA00
  • menu.foreground#545454ae
  • menu.selectionBackground#949194a6
  • menu.selectionBorder#F6F6F600
  • menu.selectionForeground#CA6D04fe
  • menu.separatorBackground#FEF3FE65
  • menubar.selectionBackground#A09DA0aa
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#A66B28fe
  • merge.border#F2F2F2fe
  • merge.commonContentBackground#DEDDDEfe
  • merge.commonHeaderBackground#DEDDDEfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#DEDDDEfe
  • mergeEditor.change.word.background#DEDDDEfe
  • mergeEditor.changeBase.background#DEDDDEfe
  • mergeEditor.changeBase.word.background#DEDDDEfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F2F2fe
  • mergeEditor.conflict.handledUnfocused.border#FAE7FA35
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679f
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#F7E0F732
  • mergeEditor.conflictingLines.background#DEDDDEfe
  • minimap.background#DEDDDEfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#8C888Cfe
  • minimapSlider.background#A9A6A9ae
  • minimapSlider.hoverBackground#989598fe
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DEDDDEfe
  • notebook.cellHoverBackground#DEDDDEfe
  • notebook.cellInsertionIndicator#1A1B1Cca
  • notebook.cellStatusBarItemHoverBackground#DEDDDEfe
  • notebook.cellToolbarSeparator#1C1B1Cca
  • notebook.editorBackground#DEDDDEfe
  • notebook.focusedCellBackground#DEDDDEfe
  • notebook.focusedCellBorder#875925fe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#8480848e
  • notebook.inactiveSelectedCellBorder#8480848e
  • notebook.outputContainerBackgroundColor#DEDDDEfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DEDDDEfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DEDDDEfe
  • notebookEditorOverviewRuler.runningCellForeground#565656ce
  • notebookScrollbarSlider.activeBackground#888488fe
  • notebookScrollbarSlider.background#ADAAADae
  • notebookScrollbarSlider.hoverBackground#B9B7B9fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#3D5C4Dfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#F2F2F2fe
  • notificationCenterHeader.background#DEDDDEfe
  • notificationCenterHeader.foreground#565656ce
  • notificationLink.foreground#565656ce
  • notifications.background#DEDDDEfe
  • notifications.border#F2F2F2fe
  • notifications.foreground#565656ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#66523Efe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#F2F2F2fe
  • panel.background#DEDDDEfe
  • panel.border#F2F2F2fe
  • panel.dropBorder#F2F2F2fe
  • panelInput.border#F2F2F2fe
  • panelSection.border#F2F2F2fe
  • panelSection.dropBackground#DEDDDEfe
  • panelSectionHeader.background#DEDDDEfe
  • panelSectionHeader.border#F2F2F2fe
  • panelSectionHeader.foreground#565656ce
  • panelTitle.activeBorder#FAFAFA00
  • panelTitle.activeForeground#B87329fe
  • panelTitle.inactiveForeground#C161C165
  • peekView.border#BA7528fe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#A4AAA784
  • peekViewEditor.matchHighlightBorder#FAFAFA00
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DEDDDEfe
  • peekViewResult.background#EEEEEEfe
  • peekViewResult.fileForeground#565656ce
  • peekViewResult.lineForeground#565656ce
  • peekViewResult.matchHighlightBackground#BABEBC88
  • peekViewResult.selectionBackground#AAA4A787
  • peekViewResult.selectionForeground#6A4391ca
  • peekViewTitle.background#EEEEEEfe
  • peekViewTitleDescription.foreground#565656ce
  • peekViewTitleLabel.foreground#565656ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#565656ce
  • ports.iconRunningProcessForeground#385C4Afe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#CA6D04fe
  • profileBadge.foreground#EEEEEEfe
  • progressBar.background#DEDDDEfe
  • quickInput.background#EEEEEEfe
  • quickInput.foreground#545454ae
  • quickInputList.focusBackground#A0A6A3a7
  • quickInputList.focusForeground#875925fe
  • quickInputList.focusIconForeground#966227fe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#8C888Cfe
  • scrollbarSlider.background#B1AEB1ae
  • scrollbarSlider.hoverBackground#A09DA0fe
  • search.resultsInfoForeground#565656ce
  • searchEditor.findMatchBackground#939A96a1
  • searchEditor.findMatchBorder#F2F2F2fe
  • searchEditor.textInputBorder#F2F2F2fe
  • selection.background#DEDDDEfe
  • settings.checkboxBackground#F2F2F2fe
  • settings.checkboxBorder#F2F2F2fe
  • settings.checkboxForeground#565656ce
  • settings.dropdownBackground#F2F2F2fe
  • settings.dropdownBorder#F2F2F2fe
  • settings.dropdownForeground#565656ce
  • settings.dropdownListBorder#F2F2F2fe
  • settings.focusedRowBackground#B8BAB583
  • settings.focusedRowBorder#F2F2F2fe
  • settings.headerBorder#F2F2F2fe
  • settings.headerForeground#565656ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F2F2fe
  • settings.numberInputBorder#F2F2F2fe
  • settings.numberInputForeground#565656ce
  • settings.rowHoverBackground#DEDDDEfe
  • settings.sashBorder#F2F2F2fe
  • settings.settingsHeaderHoverForeground#AE6F29fe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#565656ce
  • sideBar.background#DEDDDEfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DEDDDEfe
  • sideBar.foreground#8F278Fae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F2F2F2fe
  • sideBarSectionHeader.foreground#565656ce
  • sideBarTitle.foreground#565656ce
  • sideBySideEditor.horizontalBorder#F2F2F2fe
  • sideBySideEditor.verticalBorder#F2F2F2fe
  • simpleFindWidget.sashBorder#F2F2F2fe
  • statusBar.background#EEEEEEfe
  • statusBar.border#F2F2F2fe
  • statusBar.debuggingBackground#670067b6
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#565656ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#9A0B9A6e
  • statusBar.noFolderBackground#EEEEEEfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#565656ce
  • statusBarItem.activeBackground#EEEEEEfe
  • statusBarItem.compactHoverBackground#EEEEEEfe
  • statusBarItem.errorBackground#670067c8
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b8
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F6F600
  • statusBarItem.hoverBackground#EEEEEEfe
  • statusBarItem.hoverForeground#B77429fe
  • statusBarItem.offlineBackground#EEEEEEfe
  • statusBarItem.offlineForeground#565656ce
  • statusBarItem.offlineHoverBackground#EEEEEEfe
  • statusBarItem.offlineHoverForeground#966227fe
  • statusBarItem.prominentBackground#EEEEEEfe
  • statusBarItem.prominentForeground#565656ce
  • statusBarItem.prominentHoverBackground#EEEEEEfe
  • statusBarItem.prominentHoverForeground#A66B28fe
  • statusBarItem.remoteBackground#7F5424fe
  • statusBarItem.remoteForeground#EEEEEEfe
  • statusBarItem.remoteHoverBackground#EEEEEEfe
  • statusBarItem.remoteHoverForeground#A66B28fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#485868fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#794079fe
  • symbolIcon.colorForeground#724872fe
  • symbolIcon.constantForeground#3F5871fe
  • symbolIcon.constructorForeground#3F5D4Efe
  • symbolIcon.enumeratorForeground#41576Dfe
  • symbolIcon.enumeratorMemberForeground#3D5C4Dfe
  • symbolIcon.eventForeground#66523Efe
  • symbolIcon.fieldForeground#66523Efe
  • symbolIcon.fileForeground#3E5872fe
  • symbolIcon.folderForeground#69468Bfe
  • symbolIcon.functionForeground#824061fe
  • symbolIcon.interfaceForeground#695145fe
  • symbolIcon.keyForeground#814161fe
  • symbolIcon.keywordForeground#704970fe
  • symbolIcon.methodForeground#4E5844fe
  • symbolIcon.moduleForeground#465676fe
  • symbolIcon.namespaceForeground#4A593Cfe
  • symbolIcon.nullForeground#3F5871fe
  • symbolIcon.numberForeground#43586Efe
  • symbolIcon.objectForeground#455963fe
  • symbolIcon.operatorForeground#644C7Bfe
  • symbolIcon.packageForeground#455963fe
  • symbolIcon.propertyForeground#6A4590fe
  • symbolIcon.referenceForeground#6A4391fe
  • symbolIcon.snippetForeground#704970fe
  • symbolIcon.stringForeground#3F5B49fe
  • symbolIcon.structForeground#7C435Ffe
  • symbolIcon.textForeground#7C435Ffe
  • symbolIcon.typeParameterForeground#4E5844fe
  • symbolIcon.unitForeground#674787fe
  • symbolIcon.variableForeground#3F5871fe
  • tab.activeBackground#EAE9EAfe
  • tab.activeBorder#F6F6F600
  • tab.activeBorderTop#CC6D03fe
  • tab.activeForeground#CC6D03fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFA00
  • tab.hoverBackground#8F288Ffe
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#875925fe
  • tab.inactiveBackground#FEF2FE93
  • tab.inactiveForeground#BF61BF65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#D6D4D62b
  • tab.unfocusedActiveBorder#F6F6F600
  • tab.unfocusedActiveBorderTop#F8C0F865
  • tab.unfocusedActiveForeground#514F5165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#8F278Ffe
  • tab.unfocusedHoverBorder#D6D4D622
  • tab.unfocusedHoverForeground#C161C165
  • tab.unfocusedInactiveBackground#CDCCCD95
  • tab.unfocusedInactiveForeground#C161C165
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • 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#6700679d
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececead
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DEDDDEfe
  • terminal.border#F2F2F2fe
  • terminal.dropBackground#DEDDDEfe
  • terminal.findMatchBackground#DEDDDEfe
  • terminal.findMatchBorder#F2F2F2fe
  • terminal.findMatchHighlightBackground#DEDDDEfe
  • terminal.findMatchHighlightBorder#F2F2F2fe
  • terminal.foreground#8F278Fae
  • terminal.hoverHighlightBackground#DEDDDEfe
  • terminal.inactiveSelectionBackground#C5C3C595
  • terminal.selectionBackground#A8AEAB84
  • terminal.selectionForeground#67513Bca
  • terminal.tab.activeBorder#B77429fe
  • terminalCommandDecoration.defaultBackground#265A81a6
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#DEDDDEfe
  • terminalCursor.foreground#875925fe
  • terminalOverviewRuler.cursorForeground#565656ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09c
  • testing.iconUnset#808080bb
  • testing.message.error.decorationForeground#844704fe
  • testing.message.error.lineBackground#6700679b
  • testing.message.info.decorationForeground#814706fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#F2F2F2fe
  • testing.peekHeaderBackground#DEDDDEfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DEDDDEfe
  • textBlockQuote.border#F2F2F2fe
  • textCodeBlock.background#DEDDDEfe
  • textLink.activeForeground#AE6F29fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#565656ce
  • textSeparator.foreground#565656ce
  • titleBar.activeBackground#EEEEEEfe
  • titleBar.activeForeground#858585ae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#F8E0F8da
  • titleBar.inactiveForeground#49464965
  • toolbar.activeBackground#D0F6E384
  • toolbar.hoverBackground#DEDDDEfe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#4A474535
  • tree.indentGuidesStroke#804709fe
  • tree.tableColumnsBorder#F2F2F2fe
  • tree.tableOddRowsBackground#DEDDDEfe
  • walkThrough.embeddedEditorBackground#DEDDDEfe
  • walkthrough.stepTitle.foreground#565656ce
  • welcomePage.background#DEDDDEfe
  • welcomePage.progress.background#DEDDDEfe
  • welcomePage.progress.foreground#565656ce
  • welcomePage.tileBackground#DEDDDEfe
  • welcomePage.tileBorder#F2F2F2fe
  • welcomePage.tileHoverBackground#DEDDDEfe
  • widget.border#F2F2F2fe
  • widget.shadow#FAFAFA00
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#EACDEA95

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#6C3A6C6e
comment.block.html#6B3B6B6e
comment.block.java#6B3B6B6e
comment.block.javadoc.java#6C3A6C6e
comment.block.powershell#4B4B4B6e
comment.block.xml#6C3A6C6e
comment.line.double-slash.c#673C676e
comment.line.double-slash.cpp#4B4B4B6e
comment.line.double-slash.java#673C676e
comment.line.double-slash.js#673C676e
comment.line.number-sign.makefile#6C3A6C6e
comment.line.number-sign.python#6C3A6C6e
comment.line.number-sign.yaml#6C3A6C6e
comment.line.percentage.erlang#4B4B4B6e
comment.line.powershell#6B3B6B6e
comment.source.cmake#4B4B4B6e
comment.source.cmakecache#6B3B6B6e
constant.character#83039Ede
constant.character.character-class.regexp#08505Ade
constant.character.escape#0A545Fde
constant.character.set.regexp#355409de
constant.language#714008de
constant.numeric#2C2CBDde
constant.numeric.dec.python#714009de
constant.other.caps.python#095821de
constant.other.character-class.regexp#724007de
constant.other.character-class.set.regexp#77233Cde
constant.other.color.rgb-value#734006de
constant.other.placeholder#09555Fde
constant.other.rgb-value#782489de
constant.regexp#355509de
constant.sha.git-rebase#09545Ede
emphasis#70400Ade
entity.name.class#355507de
entity.name.function#2E2ED5de
entity.name.function.preprocessor#82089Cde
entity.name.function.python#084047de
entity.name.label#292995de
entity.name.namespace#9A0630de
entity.name.operator#83049Dde
entity.name.operator.custom-literal#194526de
entity.name.scope-resolution#892443de
entity.name.tag#334519de
entity.name.tag.css#83049Dde
entity.name.type#5C2168debold
entity.name.variable#9A0834de
entity.other.attribute#2D2DD3de
entity.other.attribute-name#0A545Ede
entity.other.attribute-name.class.css#990833de
entity.other.attribute-name.class.mixin.css#8A2542de
entity.other.attribute-name.id#173E23de
entity.other.attribute-name.id.css#9B0733de
entity.other.attribute-name.parent-selector.css#084047de
entity.other.attribute-name.pseudo-class.css#355409de
entity.other.attribute-name.pseudo-element.css#1E535Ade
entity.other.attribute-name.scss#095821de
entity.other.document.begin.yaml#6C3A6C6e
entity.other.inherited-class#82079Bdebold
header#365509de
invalid#0909FCde
keyword#81089Bdebold
keyword.codetag.notation.python#810A9Adebold
keyword.control#9A0834debold
keyword.control.anchor.regexp#355309debold
keyword.control.import.python#355409debold
keyword.operator#355409debold
keyword.operator.alignas#3C521Cdebold
keyword.operator.alignof#1C4C53debold
keyword.operator.cast#345505debold
keyword.operator.delete#61421Fdebold
keyword.operator.documentation.powershell#4B4B4B6ebold
keyword.operator.expression#8C2544debold
keyword.operator.instanceof#09545Edebold
keyword.operator.logical.python#72410Adebold
keyword.operator.minus.exponent#734006debold
keyword.operator.negation.regexp#194526debold
keyword.operator.new#724109debold
keyword.operator.noexcept#355309debold
keyword.operator.or.regexp#08505Adebold
keyword.operator.plus.exponent#714008debold
keyword.operator.quantifier.regexp#2C2CD3debold
keyword.operator.sizeof#71400Adebold
keyword.operator.typeid#2C2CBDdebold
keyword.operator.wordlike#095821debold
keyword.other.operator#35540Adebold
keyword.other.package.java#64441Fdebold
keyword.other.unit#5A3E1Edebold
keyword.other.using#82089Cdebold
markup.bold#2C2CC6de
markup.changed#355509de
markup.deleted#355409de
markup.fenced_code.block.markdown#28288Dde
markup.heading#095921de
markup.inline.raw#1B464Cde
markup.inserted#2D2DD3de
markup.italic#9A0A34de
markup.raw.block.markdown#1B4C29de
markup.strikethrough#355509de
markup.underline#72410Ade
meta.block.c#8A2543de
meta.block.c#384C1Bde
meta.class.java#365508de
meta.definition.variable.name#71400Ade
meta.diff.header#334519de
meta.embedded#2C2CC6de
meta.embedded.assembly#733F03de
meta.function-call.arguments.python#355507de
meta.function-call.python#0909FCde
meta.member.access.python#72410Ade
meta.method.java#365509de
meta.object-literal.key#82089Cde
meta.paragraph.markdown#365509de
meta.preprocessor#980933de
meta.preprocessor.numeric#0808BCde
meta.preprocessor.string#81059Cde
meta.scope.prerequisites.makefile#71400Ade
meta.structure.dictionary.json.comments#6C3A6C6e
meta.structure.dictionary.key.python#074319de
meta.structure.dictionary.value.json.comments#6B3B6B6e
meta.template.expression#355409de
meta.type.cast.expr#084952de
meta.type.new.expr#61421Fde
parameter#084952de
punctuation.character.set.begin.regexp#1B4C29de
punctuation.character.set.end.regexp#752587de
punctuation.definition.array.begin.json#084952de
punctuation.definition.character-class.regexp#0A535Dde
punctuation.definition.comment#6B3B6B6e
punctuation.definition.comment.json.comments#6B3B6B6e
punctuation.definition.comment.python#6C3A6C6e
punctuation.definition.dictionary.begin.json#892542de
punctuation.definition.dictionary.end.json#2E2ED4de
punctuation.definition.group.assertion.regexp#0A5821de
punctuation.definition.group.regexp#355409de
punctuation.definition.list.begin.json#0808FEde
punctuation.definition.list.begin.markdown#1C562Dde
punctuation.definition.list.begin.python#095921de
punctuation.definition.list.end.json#355507de
punctuation.definition.list.end.markdown#9A0630de
punctuation.definition.list.end.python#2E2ED5de
punctuation.definition.parameters.begin.python#8B2543de
punctuation.definition.parameters.end.bracket.round.java#1B464Cde
punctuation.definition.quote.begin.markdown#1B464Cde
punctuation.definition.tag#71400Ade
punctuation.definition.template-expression.begin#345505de
punctuation.definition.template-expression.end#334519de
punctuation.section.class.begin.bracket.curly.java#1C562Dde
punctuation.section.embedded#0808BCde
punctuation.section.embedded.begin.php#2C2CBDde
punctuation.section.embedded.end.php#0A535Cde
punctuation.terminator.java#0A5821de
source.cmake#0A535Dde
source.coffee.embedded#81099Bde
source.cpp#355509de
source.css.less#0808BCde
source.groovy.embedded#0A545Ede
source.java#9B0733de
source.java-properties#355507de
source.json.comments#673C676e
source.makefile#365508de
source.powershell#334519de
source.powershell.variable.other.member#8A2542de
source.python#355309de
storage#355507de
storage.modifier#0A535Dde
storage.modifier.import.java#8A2542de
storage.modifier.package.java#2D2DD3de
storage.type#743F04debold
storage.type.annotation.groovy#8A2543debold
storage.type.annotation.java#5C2168debold
storage.type.boolean.go#82089Cdebold
storage.type.byte.go#0808FEdebold
storage.type.cs#8A2543debold
storage.type.error.go#674520debold
storage.type.generic.cs#074319debold
storage.type.generic.groovy#095821debold
storage.type.generic.java#81089Adebold
storage.type.groovy#0A535Cdebold
storage.type.java#892542debold
storage.type.modifier.cs#83049Ddebold
storage.type.numeric.go#09545Edebold
storage.type.object.array.groovy#355409debold
storage.type.object.array.java#0A535Cdebold
storage.type.parameters.groovy#09555Fdebold
storage.type.primitive.array.groovy#355309debold
storage.type.primitive.array.java#990632debold
storage.type.primitive.groovy#084952debold
storage.type.primitive.java#365508debold
storage.type.rune.go#365509debold
storage.type.string.go#81059Cdebold
storage.type.token.java#8B2543debold
storage.type.uintptr.go#71400Adebold
storage.type.variable.cs#095921debold
string#0A545Ede
string.quoted.docstring.multi.python#4B4B4B6e
string.regexp#08521Dde
string.tag#334519de
string.value#782489de
strong#2C2CBDde
support.class#83039Ede
support.constant.color#81089Bde
support.constant.dom#82099Bde
support.constant.font-name#714109de
support.constant.handlebars#365509de
support.constant.json#70400Ade
support.constant.math#81099Bde
support.constant.media#2A2AA5de
support.constant.media-type#28288Dde
support.constant.property-value#9A0834de
support.function#095921de
support.function.git-rebase#355309de
support.other.parenthesis.regexp#611F33de
support.type#1C562Ddebold
support.type.property-name#1C562Ddebold
support.type.vendored.property-name#9B0431debold
support.variable#980933de
token.debug-token#35540Ade
token.error-token#2B2BB5de
token.info-token#194526de
token.warn-token#08471Ade
variable#0A5921de
variable.css#2B2BB5de
variable.language#2B2BB5de
variable.language.wildcard.java#682136de
variable.other.constant#79258Cde
variable.other.definition.java#1C4C53de
variable.other.enummember#2C2CBDde
variable.other.less#3C531Cde
variable.other.object.java#07434Cde
variable.other.object.property.java#0A5820de
variable.parameter.c#77233Cde
variable.parameter.function.language.python#355507de
variable.parameter.java#1D5259de
variable.scss#1B4C29de