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#151515fe
  • activityBar.activeBackground#151515fe
  • activityBar.activeBorder#85BB09fe
  • activityBar.activeFocusBorder#6A616A00
  • activityBar.background#0E0E0Efe
  • activityBar.border#63636C00
  • activityBar.dropBorder#85BB09fe
  • activityBar.foreground#85BC08fe
  • activityBar.inactiveForeground#ABABAB65
  • activityBarBadge.background#86BA12fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#87BA14fe
  • badge.foreground#0E0E0Efe
  • banner.background#151515fe
  • banner.foreground#E8E8E8ce
  • banner.iconForeground#CAC3C3fe
  • breadcrumb.activeSelectionForeground#E0DFE2ca
  • breadcrumb.background#0F0F0Ffe
  • breadcrumb.focusForeground#87BA14fe
  • breadcrumb.foreground#E8E8E8ae
  • breadcrumbPicker.background#151515fe
  • button.background#444444ae
  • button.border#0B0C0C00
  • button.foreground#E8E8E8ce
  • button.hoverBackground#5555556e
  • button.secondaryBackground#151515fe
  • button.secondaryForeground#E8E8E8ce
  • button.secondaryHoverBackground#151515fe
  • button.separator#0B0C0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8E8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#151515fe
  • chat.slashCommandForeground#E8E8E8ce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#E8E8E8ce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#1D321D84
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#87BA14fe
  • commandCenter.background#151515fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#E8E8E8ce
  • commandCenter.inactiveBorder#2D2D2D95
  • commandCenter.inactiveForeground#ABABAB65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0B0C00
  • contrastBorder#0B0B0C00
  • debugConsole.errorForeground#FF8BFEce
  • debugConsole.infoForeground#E8E8E8ce
  • debugConsole.sourceForeground#E8E8E8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E4E3E6fe
  • debugExceptionWidget.background#550055bb
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#E3E6E3fe
  • debugIcon.breakpointDisabledForeground#B6B6B665
  • debugIcon.breakpointForeground#E3E4E6fe
  • debugIcon.breakpointStackframeForeground#C3CAC3fe
  • debugIcon.breakpointUnverifiedForeground#E4E3E6fe
  • debugIcon.continueForeground#D6D1D1fe
  • debugIcon.disconnectForeground#BFC1C6fe
  • debugIcon.pauseForeground#CBCBCBfe
  • debugIcon.restartForeground#BAC2BAfe
  • debugIcon.startForeground#DADEDAfe
  • debugIcon.stepBackForeground#CEC8C8fe
  • debugIcon.stepIntoForeground#DAD5D5fe
  • debugIcon.stepOutForeground#E6E3E3fe
  • debugIcon.stepOverForeground#D1D6D5fe
  • debugIcon.stopForeground#E2DFDFfe
  • debugTokenExpression.boolean#DBDADEca
  • debugTokenExpression.error#D6D1D1ca
  • debugTokenExpression.name#DCDCDCca
  • debugTokenExpression.number#E3E6E5ca
  • debugTokenExpression.value#D7D7D7ca
  • debugToolBar.background#550055b9
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#312940ca
  • debugView.exceptionLabelForeground#DEDADDca
  • debugView.stateLabelBackground#3E2727ca
  • debugView.stateLabelForeground#DFE2DFca
  • debugView.valueChangedHighlight#E0DFE2ca
  • descriptionForeground#E8E8E8ce
  • diffEditor.border#0B0C0C00
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0C0B0B00
  • diffEditor.move.border#0B0B0C00
  • diffEditor.moveActive.border#0C0B0B00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0C0B0C00
  • diffEditor.unchangedCodeBackground#151515fe
  • diffEditor.unchangedRegionBackground#151515fe
  • diffEditor.unchangedRegionForeground#E8E8E8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B6B6B665
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#E8E8E8ce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#151515fe
  • editor.findMatchBackground#525D59a9
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#555555ab
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#424B48a4
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#4F464C84
  • editor.foldBackground#B4B6BCa4
  • editor.foreground#E8E8E8ce
  • editor.hoverHighlightBackground#4A4D54a3
  • editor.inactiveSelectionBackground#49494994
  • editor.inlineValuesBackground#151515fe
  • editor.inlineValuesForeground#E8E8E8ce
  • editor.lineHighlightBackground#2E2E2Eb3
  • editor.lineHighlightBorder#0B0C0C00
  • editor.linkedEditingBackground#151515fe
  • editor.rangeHighlightBackground#46484Fac
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#504747a9
  • editor.selectionForeground#D5D7DAca
  • editor.selectionHighlightBackground#4A544A8c
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#584E55a8
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#464F4Ca7
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#494949ae
  • editor.symbolHighlightBackground#565A61a8
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#5E5A66ab
  • editor.wordHighlightBorder#0B0B0C00
  • editor.wordHighlightStrongBackground#424B48a5
  • editor.wordHighlightStrongBorder#0B0C0B00
  • editor.wordHighlightTextBackground#464950ab
  • editor.wordHighlightTextBorder#0B0B0C00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8E8ce
  • editorBracketMatch.background#BEB5B5a3
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#B7B5BD8c
  • editorBracketPairGuide.activeBackground2#B0B9B084
  • editorBracketPairGuide.activeBackground3#B0B9B08e
  • editorBracketPairGuide.activeBackground4#B8B6BF8c
  • editorBracketPairGuide.activeBackground5#B8B6BF87
  • editorBracketPairGuide.activeBackground6#B0B9B684
  • editorBracketPairGuide.background1#3C2635fe
  • editorBracketPairGuide.background2#242C37fe
  • editorBracketPairGuide.background3#212F21fe
  • editorBracketPairGuide.background4#312842fe
  • editorBracketPairGuide.background5#242C37fe
  • editorBracketPairGuide.background6#3D2636fe
  • editorCodeLens.foreground#B6B6B66e
  • editorCommentsWidget.rangeActiveBackground#B6B6B6fe
  • editorCommentsWidget.rangeBackground#151515fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#151515fe
  • editorCursor.foreground#86BA11fe
  • editorError.background#0B0B0B00
  • editorError.border#0C0B0B00
  • editorError.foreground#FF8BFEce
  • editorGhostText.background#151515fe
  • editorGhostText.border#0B0B0C00
  • editorGhostText.foreground#B6B6B66e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#151515fe
  • editorGroup.dropIntoPromptBackground#151515fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#E8E8E8ce
  • editorGroup.emptyBackground#151515fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0C0B0C00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#191919a1
  • editorGroupHeader.tabsBorder#0B0B0C00
  • editorGutter.addedBackground#7DC780fb
  • editorGutter.background#151515fe
  • editorGutter.commentGlyphForeground#E8E8E8ce
  • editorGutter.commentRangeForeground#E8E8E8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9B9Bcb
  • editorGutter.foldingControlForeground#E8E8E8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0B0B00
  • editorHint.foreground#BEAAFFce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#E8E8E8ce
  • editorHoverWidget.highlightForeground#E2DFE1ca
  • editorHoverWidget.statusBarBackground#151515fe
  • editorIndentGuide.activeBackground1#86BA11fe
  • editorIndentGuide.activeBackground2#84BC07fe
  • editorIndentGuide.activeBackground3#84BC07fe
  • editorIndentGuide.activeBackground4#85BB08fe
  • editorIndentGuide.activeBackground5#85BB08fe
  • editorIndentGuide.activeBackground6#85BC08fe
  • editorIndentGuide.background1#A69A9A35
  • editorIndentGuide.background2#B2A8AF35
  • editorIndentGuide.background3#AEA3A335
  • editorIndentGuide.background4#B1BAB135
  • editorIndentGuide.background5#A8B2A835
  • editorIndentGuide.background6#9A96A235
  • editorInfo.background#0B0B0B00
  • editorInfo.border#0B0B0C00
  • editorInfo.foreground#BEAAFFce
  • editorInlayHint.background#151515fe
  • editorInlayHint.foreground#E8E8E8ce
  • editorInlayHint.parameterBackground#151515fe
  • editorInlayHint.parameterForeground#E8E8E8ce
  • editorInlayHint.typeBackground#151515fe
  • editorInlayHint.typeForeground#E8E8E8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#86BA12fe
  • editorLineNumber.dimmedForeground#B6B6B66e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#88BB13fe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#550055c3
  • editorMarkerNavigationError.headerBackground#550055bf
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#151515fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#E8E8E8ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8E8ce
  • editorOverviewRuler.currentContentForeground#cececebf
  • editorOverviewRuler.deletedForeground#FF9B9Bcb
  • editorOverviewRuler.errorForeground#FF8BFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BEAAFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DEDADDca
  • editorOverviewRuler.selectionHighlightForeground#BEAAFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DFE2DFca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8E8ce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8E8ce
  • editorPane.background#151515fe
  • editorRuler.foreground#B6B6B635
  • editorStickyScroll.background#151515fe
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0C0B0C00
  • editorSuggestWidget.focusHighlightForeground#B793FDfe
  • editorSuggestWidget.foreground#D1D6D5fe
  • editorSuggestWidget.highlightForeground#E4E3E6ca
  • editorSuggestWidget.selectedBackground#525D528a
  • editorSuggestWidget.selectedForeground#DFE2DFca
  • editorSuggestWidget.selectedIconForeground#E2DFDFca
  • editorSuggestWidgetStatus.foreground#C6BFBFfe
  • editorUnicodeHighlight.background#4A4750a4
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0B0B00
  • editorWarning.border#0B0C0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8E8ce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#E8E8E8ce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FF8BFEce
  • extensionBadge.remoteBackground#87BA14fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#E8E8E8ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#151515fe
  • extensionButton.prominentForeground#E8E8E8ce
  • extensionButton.prominentHoverBackground#151515fe
  • extensionButton.separator#0C0B0B00
  • extensionIcon.preReleaseForeground#C6C3CAfe
  • extensionIcon.sponsorForeground#CECCD2fe
  • extensionIcon.starForeground#E2DFE1fe
  • extensionIcon.verifiedForeground#DFE2DFfe
  • focusBorder#0B0B0B00
  • foreground#E8E8E8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9B9Bcb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BEAAFFce
  • gitDecoration.stageDeletedResourceForeground#FF9B9Bcb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7B7ae
  • inlineChat.background#22302Bca
  • inlineChat.border#3C2727ca
  • inlineChat.regionHighlight#E0DFE2ca
  • inlineChat.shadow#E2DFDFca
  • inlineChatDiff.inserted#D5DAD9ca
  • inlineChatDiff.removed#E6E3E3ca
  • inlineChatInput.background#DFE0E2ca
  • inlineChatInput.border#312940ca
  • inlineChatInput.focusBorder#0B0C0C00
  • inlineChatInput.placeholderForeground#D1D3D6ca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#E8E8E8ce
  • input.placeholderForeground#B6B6B665
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#85BA10fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#670067a3
  • inputValidation.errorBorder#5500559f
  • inputValidation.errorForeground#FF8BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#E8E8E8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#2626269c
  • keybindingLabel.background#151515fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#E8E8E8ce
  • keybindingTable.headerBackground#151515fe
  • keybindingTable.rowsBackground#151515fe
  • list.activeSelectionBackground#424B428d
  • list.activeSelectionForeground#D3D1D6ca
  • list.activeSelectionIconForeground#D5DAD9ca
  • list.deemphasizedForeground#E8E8E8ce
  • list.dropBackground#151515fe
  • list.errorForeground#FF8BFEce
  • list.filterMatchBackground#151515fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0C0B0C00
  • list.focusBackground#49494997
  • list.focusForeground#87BA12fe
  • list.focusHighlightForeground#ABABABfe
  • list.focusOutline#0C0B0B00
  • list.highlightForeground#DEDADAca
  • list.hoverBackground#5F0808ad
  • list.hoverForeground#85BA0Efe
  • list.inactiveFocusBackground#26262691
  • list.inactiveFocusOutline#0B0B0B00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B6B6B665
  • list.inactiveSelectionIconForeground#B6B6B665
  • list.invalidItemForeground#E8E8E8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#151515fe
  • listFilterWidget.noMatchesOutline#0B0B0C00
  • listFilterWidget.outline#0C0B0B00
  • listFilterWidget.shadow#0B0C0B00
  • menu.background#0E0E0Efe
  • menu.border#0C0B0B00
  • menu.foreground#E6E6E6ae
  • menu.selectionBackground#504747aa
  • menu.selectionBorder#0C0B0B00
  • menu.selectionForeground#87BA12fe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#4F4747a1
  • menubar.selectionBorder#0C0B0C00
  • menubar.selectionForeground#86BA12fe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#151515fe
  • merge.commonHeaderBackground#151515fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#151515fe
  • mergeEditor.change.word.background#151515fe
  • mergeEditor.changeBase.background#151515fe
  • mergeEditor.changeBase.word.background#151515fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#2222222d
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679a
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#2222222e
  • mergeEditor.conflictingLines.background#151515fe
  • minimap.background#151515fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7DC780fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#787878fe
  • minimapSlider.background#3C3C3Cae
  • minimapSlider.hoverBackground#5555556e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#151515fe
  • notebook.cellHoverBackground#151515fe
  • notebook.cellInsertionIndicator#E4E4E4ca
  • notebook.cellStatusBarItemHoverBackground#151515fe
  • notebook.cellToolbarSeparator#DAD5D5ca
  • notebook.editorBackground#151515fe
  • notebook.focusedCellBackground#151515fe
  • notebook.focusedCellBorder#87BA14fe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#6767678e
  • notebook.inactiveSelectedCellBorder#6767678e
  • notebook.outputContainerBackgroundColor#151515fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#151515fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#151515fe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8E8ce
  • notebookScrollbarSlider.activeBackground#676767fe
  • notebookScrollbarSlider.background#3C3C3Cae
  • notebookScrollbarSlider.hoverBackground#5E5E5E6e
  • notebookStatusErrorIcon.foreground#FF8BFEce
  • notebookStatusRunningIcon.foreground#DFE0E2fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#151515fe
  • notificationCenterHeader.foreground#E8E8E8ce
  • notificationLink.foreground#E8E8E8ce
  • notifications.background#151515fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#E8E8E8ce
  • notificationsErrorIcon.foreground#FF8BFEce
  • notificationsInfoIcon.foreground#CCD2D0fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#151515fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#151515fe
  • panelSectionHeader.background#151515fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#E8E8E8ce
  • panelTitle.activeBorder#0C0B0C00
  • panelTitle.activeForeground#85BC08fe
  • panelTitle.inactiveForeground#A8A8A865
  • peekView.border#84BC07fe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#525D528c
  • peekViewEditor.matchHighlightBorder#0C0B0B00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#151515fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#E8E8E8ce
  • peekViewResult.lineForeground#E8E8E8ce
  • peekViewResult.matchHighlightBackground#514E5886
  • peekViewResult.selectionBackground#4A544A8b
  • peekViewResult.selectionForeground#E4E3E6ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#E8E8E8ce
  • peekViewTitleLabel.foreground#E8E8E8ce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#E8E8E8ce
  • ports.iconRunningProcessForeground#BAC2BAfe
  • problemsErrorIcon.foreground#FF8BFEce
  • problemsInfoIcon.foreground#BEAAFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#87BA12fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#151515fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E8E8E8ae
  • quickInputList.focusBackground#4A5450a5
  • quickInputList.focusForeground#85BA10fe
  • quickInputList.focusIconForeground#85BA10fe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0C0B0B00
  • scrollbarSlider.activeBackground#6F6F6Ffe
  • scrollbarSlider.background#3C3C3Cae
  • scrollbarSlider.hoverBackground#5A5A5A6e
  • search.resultsInfoForeground#E8E8E8ce
  • searchEditor.findMatchBackground#424B48a7
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#151515fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#E8E8E8ce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#E8E8E8ce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#665A5A85
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#E8E8E8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#E8E8E8ce
  • settings.rowHoverBackground#151515fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#87BA14fe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#E8E8E8ce
  • sideBar.background#151515fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#151515fe
  • sideBar.foreground#B7B7B7ae
  • sideBarSectionHeader.background#0B0B0B00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#E8E8E8ce
  • sideBarTitle.foreground#E8E8E8ce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#550055b3
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#E8E8E8ce
  • statusBar.focusBorder#0B0C0C00
  • statusBar.foreground#B6B6B66e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#E8E8E8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#5500559a
  • statusBarItem.errorForeground#FF8BFEce
  • statusBarItem.errorHoverBackground#550055c4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0B0C0C00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#87BA14fe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#E8E8E8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#86BA11fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#E8E8E8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#87BA14fe
  • statusBarItem.remoteBackground#87BA12fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#86BA11fe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#CBA800ce
  • symbolIcon.arrayForeground#BFC6BFfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#BFC6BFfe
  • symbolIcon.colorForeground#E0DFE2fe
  • symbolIcon.constantForeground#C2BABAfe
  • symbolIcon.constructorForeground#D6D1D5fe
  • symbolIcon.enumeratorForeground#C6C6C6fe
  • symbolIcon.enumeratorMemberForeground#C1BFC6fe
  • symbolIcon.eventForeground#D6D1D1fe
  • symbolIcon.fieldForeground#DAD5D9fe
  • symbolIcon.fileForeground#E0E0E0fe
  • symbolIcon.folderForeground#DADBDEfe
  • symbolIcon.functionForeground#BDBDBDfe
  • symbolIcon.interfaceForeground#C2C2C2fe
  • symbolIcon.keyForeground#C6C3CAfe
  • symbolIcon.keywordForeground#D1D6D5fe
  • symbolIcon.methodForeground#BFC6C4fe
  • symbolIcon.moduleForeground#C3C6CAfe
  • symbolIcon.namespaceForeground#DEDADAfe
  • symbolIcon.nullForeground#CEC8C8fe
  • symbolIcon.numberForeground#C6C3CAfe
  • symbolIcon.objectForeground#D6D1D5fe
  • symbolIcon.operatorForeground#D1D3D6fe
  • symbolIcon.packageForeground#D2CCD0fe
  • symbolIcon.propertyForeground#C3C6CAfe
  • symbolIcon.referenceForeground#D3D3D3fe
  • symbolIcon.snippetForeground#CFCFCFfe
  • symbolIcon.stringForeground#D2CCCCfe
  • symbolIcon.structForeground#C3CAC3fe
  • symbolIcon.textForeground#E4E3E6fe
  • symbolIcon.typeParameterForeground#CBCBCBfe
  • symbolIcon.unitForeground#CAC3C8fe
  • symbolIcon.variableForeground#C1BFC6fe
  • tab.activeBackground#0F0F0Ffe
  • tab.activeBorder#0B0C0B00
  • tab.activeBorderTop#85BB08fe
  • tab.activeForeground#87BA12fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0B0B0C00
  • tab.hoverBackground#BEB5B5aa
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#86BA11fe
  • tab.inactiveBackground#2A2A2A93
  • tab.inactiveForeground#ABABAB65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#1D1D1D2a
  • tab.unfocusedActiveBorder#0B0C0C00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#AAAAAA65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B6B6B63d
  • tab.unfocusedHoverBorder#1D1D1D21
  • tab.unfocusedHoverForeground#ABABAB65
  • tab.unfocusedInactiveBackground#37373797
  • tab.unfocusedInactiveForeground#A8A8A865
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • 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#670067ac
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#151515fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#151515fe
  • terminal.findMatchBackground#151515fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#151515fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#B7B7B7ae
  • terminal.hoverHighlightBackground#151515fe
  • terminal.inactiveSelectionBackground#3333339a
  • terminal.selectionBackground#56615E88
  • terminal.selectionForeground#DFE2E1ca
  • terminal.tab.activeBorder#85BB09fe
  • terminalCommandDecoration.defaultBackground#B6B6B6ac
  • terminalCommandDecoration.errorBackground#FF9B9Bcb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#151515fe
  • terminalCursor.foreground#87BA14fe
  • terminalOverviewRuler.cursorForeground#E8E8E8ce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0aa
  • testing.iconUnset#808080b6
  • testing.message.error.decorationForeground#ABD943fe
  • testing.message.error.lineBackground#550055a1
  • testing.message.info.decorationForeground#A3D338fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#151515fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#151515fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#151515fe
  • textLink.activeForeground#86BA12fe
  • textLink.foreground#BEAAFFce
  • textPreformat.foreground#E8E8E8ce
  • textSeparator.foreground#E8E8E8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#AAAAAAae
  • titleBar.border#0C0B0C00
  • titleBar.inactiveBackground#262626d8
  • titleBar.inactiveForeground#A8A8A865
  • toolbar.activeBackground#2A2D3382
  • toolbar.hoverBackground#151515fe
  • toolbar.hoverOutline#0B0B0C00
  • tree.inactiveIndentGuidesStroke#9A9EA635
  • tree.indentGuidesStroke#B2DE4Ffe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#151515fe
  • walkThrough.embeddedEditorBackground#151515fe
  • walkthrough.stepTitle.foreground#E8E8E8ce
  • welcomePage.background#151515fe
  • welcomePage.progress.background#151515fe
  • welcomePage.progress.foreground#E8E8E8ce
  • welcomePage.tileBackground#151515fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#151515fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0C0B0C00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#26262691

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BFBFBF6e
comment.block.html#BFBFBF6e
comment.block.java#BEBEBE6e
comment.block.javadoc.java#BFBFBF6e
comment.block.powershell#BEBEBE6e
comment.block.xml#BFBFBF6e
comment.line.double-slash.c#BEBEBE6e
comment.line.double-slash.cpp#BEBEBE6e
comment.line.double-slash.java#BEBEBE6e
comment.line.double-slash.js#BFBFBF6e
comment.line.number-sign.makefile#BFBFBF6e
comment.line.number-sign.python#BFBFBF6e
comment.line.number-sign.yaml#BFBFBF6e
comment.line.percentage.erlang#BFBFBF6e
comment.line.powershell#BFBFBF6e
comment.source.cmake#BFBFBF6e
comment.source.cmakecache#BFBFBF6e
constant.character#0EDE1Dde
constant.character.character-class.regexp#0BD4D4de
constant.character.escape#A6ACF8de
constant.character.set.regexp#CD85EDde
constant.language#10DE20de
constant.numeric#96D013de
constant.numeric.dec.python#ECA375de
constant.other.caps.python#11D3D3de
constant.other.character-class.regexp#0CD5D5de
constant.other.character-class.set.regexp#939AF0de
constant.other.color.rgb-value#11DD21de
constant.other.placeholder#12D4D4de
constant.other.rgb-value#FDAD7Dde
constant.regexp#F69FC0de
constant.sha.git-rebase#EA9E6Ede
emphasis#11DD21de
entity.name.class#FCAD7Bde
entity.name.function#939BF2de
entity.name.function.preprocessor#9199F4de
entity.name.function.python#F289B2de
entity.name.label#ECA375de
entity.name.namespace#EE7CA8de
entity.name.operator#9299F3de
entity.name.operator.custom-literal#95D10Dde
entity.name.scope-resolution#9299F3de
entity.name.tag#FEA3C7de
entity.name.tag.css#DB9FF6de
entity.name.type#B4BAFEde
entity.name.variable#11DD21de
entity.other.attribute#0BDD1Ade
entity.other.attribute-name#0DD5D5de
entity.other.attribute-name.class.css#939AF0de
entity.other.attribute-name.class.mixin.css#FDAD7Dde
entity.other.attribute-name.id#F0AD82de
entity.other.attribute-name.id.css#11D3D3de
entity.other.attribute-name.parent-selector.css#F289B2de
entity.other.attribute-name.pseudo-class.css#FCAD7Cde
entity.other.attribute-name.pseudo-element.css#F0AD82de
entity.other.attribute-name.scss#EA9E6Ede
entity.other.document.begin.yaml#BFBFBF6e
entity.other.inherited-class#10DD20de
header#10DE20de
invalid#11DE20de
keyword#E4A8FEde
keyword.codetag.notation.python#ED7DA8de
keyword.control#FEA5C8de
keyword.control.anchor.regexp#ED7DA8de
keyword.control.import.python#939AEDde
keyword.operator#96D013de
keyword.operator.alignas#9299F3de
keyword.operator.alignof#12D3D3de
keyword.operator.cast#EC7DA8de
keyword.operator.delete#939BEFde
keyword.operator.documentation.powershell#BFBFBF6e
keyword.operator.expression#96D013de
keyword.operator.instanceof#96D011de
keyword.operator.logical.python#0BD4D4de
keyword.operator.minus.exponent#F598BBde
keyword.operator.negation.regexp#11D4D4de
keyword.operator.new#0CDE1Dde
keyword.operator.noexcept#94CF08de
keyword.operator.or.regexp#FEA5C7de
keyword.operator.plus.exponent#96D10Ede
keyword.operator.quantifier.regexp#96D10Ede
keyword.operator.sizeof#94D00Cde
keyword.operator.typeid#FDAD7Dde
keyword.operator.wordlike#EEA87Cde
keyword.other.operator#0CD5D5de
keyword.other.package.java#FDAC79de
keyword.other.unit#FEA3C7de
keyword.other.using#DFA6F8de
markup.bold#FCAE7Ede
markup.changed#96D011de
markup.deleted#EB7EA8de
markup.fenced_code.block.markdown#0EDD1Cde
markup.heading#D590F4de
markup.inline.raw#EC7DA8de
markup.inserted#11DD21de
markup.italic#12DD21de
markup.raw.block.markdown#939BEFde
markup.strikethrough#FEA5C8de
markup.underline#FCAD7Bde
meta.block.c#12DD21de
meta.block.c#EE7CA8de
meta.class.java#12D3D3de
meta.definition.variable.name#94D00Ede
meta.diff.header#FDAC79de
meta.embedded#F69FC0de
meta.embedded.assembly#FEA5C7de
meta.function-call.arguments.python#0EDD1Cde
meta.function-call.python#0ED4D4de
meta.member.access.python#B5BAFAde
meta.method.java#D590F4de
meta.object-literal.key#13D3D3de
meta.paragraph.markdown#9199F4de
meta.preprocessor#939BEFde
meta.preprocessor.numeric#DB9FF6de
meta.preprocessor.string#CD85EDde
meta.scope.prerequisites.makefile#FCAE7Bde
meta.structure.dictionary.json.comments#BFBFBF6e
meta.structure.dictionary.key.python#10D3D3de
meta.structure.dictionary.value.json.comments#BFBFBF6e
meta.template.expression#96D011de
meta.type.cast.expr#FDAD7Dde
meta.type.new.expr#0EDD1Cde
parameter#FCAD7Cde
punctuation.character.set.begin.regexp#10D3D3de
punctuation.character.set.end.regexp#CC84ECde
punctuation.definition.array.begin.json#EC7DA8de
punctuation.definition.character-class.regexp#AEB3F9de
punctuation.definition.comment#BEBEBE6e
punctuation.definition.comment.json.comments#BFBFBF6e
punctuation.definition.comment.python#BFBFBF6e
punctuation.definition.dictionary.begin.json#95D10Dde
punctuation.definition.dictionary.end.json#E89968de
punctuation.definition.group.assertion.regexp#F082ADde
punctuation.definition.group.regexp#EC7DA8de
punctuation.definition.list.begin.json#0EDE1Dde
punctuation.definition.list.begin.markdown#FEA3C7de
punctuation.definition.list.begin.python#EB7EA8de
punctuation.definition.list.end.json#98D113de
punctuation.definition.list.end.markdown#95D012de
punctuation.definition.list.end.python#95D012de
punctuation.definition.parameters.begin.python#FEA5C8de
punctuation.definition.parameters.end.bracket.round.java#13D3D3de
punctuation.definition.quote.begin.markdown#CE84EEde
punctuation.definition.tag#0EDD1Cde
punctuation.definition.template-expression.begin#FDAC79de
punctuation.definition.template-expression.end#B4BAFEde
punctuation.section.class.begin.bracket.curly.java#11D3D3de
punctuation.section.embedded#F598BBde
punctuation.section.embedded.begin.php#96D013de
punctuation.section.embedded.end.php#B4BAFEde
punctuation.terminator.java#9199F4de
source.cmake#DFA6F8de
source.coffee.embedded#0CD5D5de
source.cpp#95D10Dde
source.css.less#13D3D3de
source.groovy.embedded#EEA87Cde
source.java#FEA3C7de
source.java-properties#11DD21de
source.json.comments#BFBFBF6e
source.makefile#FEAC78de
source.powershell#CC84ECde
source.powershell.variable.other.member#E4A9FEde
source.python#939AEEde
storage#96D011de
storage.modifier#0CD5D5de
storage.modifier.import.java#B5BAFAde
storage.modifier.package.java#EE7CA8de
storage.type#13D4D4de
storage.type.annotation.groovy#94CF08de
storage.type.annotation.java#11DE20de
storage.type.boolean.go#12D4D4de
storage.type.byte.go#EEA87Cde
storage.type.cs#96D013de
storage.type.error.go#96D013de
storage.type.generic.cs#EB7EA8de
storage.type.generic.groovy#10D3D3de
storage.type.generic.java#13D3D3de
storage.type.groovy#11DD21de
storage.type.java#11DD22de
storage.type.modifier.cs#11DD22de
storage.type.numeric.go#96D013de
storage.type.object.array.groovy#0DDE1Cde
storage.type.object.array.java#10DD20de
storage.type.parameters.groovy#FEAD7Ade
storage.type.primitive.array.groovy#95D111de
storage.type.primitive.array.java#9199F4de
storage.type.primitive.groovy#0EDE1Dde
storage.type.primitive.java#FCAD7Bde
storage.type.rune.go#939BF2de
storage.type.string.go#10DE20de
storage.type.token.java#ED7DA8de
storage.type.uintptr.go#E4A8FEde
storage.type.variable.cs#11DE20de
string#11D3D3de
string.quoted.docstring.multi.python#BFBFBF6e
string.regexp#AEB3F9de
string.tag#9199F4de
string.value#939AEDde
strong#D590F4de
support.class#13D3D3de
support.constant.color#CD85EDde
support.constant.dom#12D3D3de
support.constant.font-name#B4BAFEde
support.constant.handlebars#EE7CA8de
support.constant.json#FDAC79de
support.constant.math#CE84EEde
support.constant.media#FEAD7Ade
support.constant.media-type#D590F4de
support.constant.property-value#F598BBde
support.function#E4A9FEde
support.function.git-rebase#B4BAFEde
support.other.parenthesis.regexp#F490B7de
support.type#9199F4de
support.type.property-name#FEA5C7de
support.type.vendored.property-name#D898F5de
support.variable#ECA375de
token.debug-token#98D113de
token.error-token#939AEDde
token.info-token#939BEFde
token.warn-token#F490B7de
variable#11DD21de
variable.css#12DD20de
variable.language#FDAD7Dde
variable.language.wildcard.java#12DD21de
variable.other.constant#939AF1de
variable.other.definition.java#FDAD7Dde
variable.other.enummember#95D110de
variable.other.less#0BDD1Ade
variable.other.object.java#F0AD82de
variable.other.object.property.java#F490B7de
variable.parameter.c#EA7FA8de
variable.parameter.function.language.python#939BEFde
variable.parameter.java#0EDD1Cde
variable.scss#B5BAFAde