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#151C15fe
  • activityBar.activeBackground#151C15fe
  • activityBar.activeBorder#8787F4fe
  • activityBar.activeFocusBorder#ED9A7E00
  • activityBar.background#0D120Dfe
  • activityBar.border#F291C200
  • activityBar.dropBorder#A7A7FEfe
  • activityBar.foreground#8787F4fe
  • activityBar.inactiveForeground#9CB79C65
  • activityBarBadge.background#A7A7F9fe
  • activityBarBadge.foreground#0D120Dfe
  • badge.background#A7A7F9fe
  • badge.foreground#0D120Dfe
  • banner.background#151C15fe
  • banner.foreground#C3FCC3ce
  • banner.iconForeground#AFC5AFfe
  • breadcrumb.activeSelectionForeground#E1E3E9ca
  • breadcrumb.background#0F150Ffe
  • breadcrumb.focusForeground#A8A8F9fe
  • breadcrumb.foreground#C1FDC1ae
  • breadcrumbPicker.background#151C15fe
  • button.background#354935ae
  • button.border#090A0D00
  • button.foreground#C3FCC3ce
  • button.hoverBackground#476247fe
  • button.secondaryBackground#151C15fe
  • button.secondaryForeground#C3FCC3ce
  • button.secondaryHoverBackground#151C15fe
  • button.separator#0D090B00
  • charts.blue#1b1bfffe
  • charts.foreground#C3FCC3ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c6
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B100Bfe
  • chat.slashCommandBackground#151C15fe
  • chat.slashCommandForeground#C3FCC3ce
  • checkbox.background#0B100Bfe
  • checkbox.border#0B100Bfe
  • checkbox.foreground#C3FCC3ce
  • checkbox.selectBackground#0B100Bfe
  • checkbox.selectBorder#0B100Bfe
  • commandCenter.activeBackground#450C7681
  • commandCenter.activeBorder#0B100Bfe
  • commandCenter.activeForeground#A7A7F9fe
  • commandCenter.background#151C15fe
  • commandCenter.border#0B100Bfe
  • commandCenter.foreground#C3FCC3ce
  • commandCenter.inactiveBorder#0A310A92
  • commandCenter.inactiveForeground#9CB79C65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0D0A00
  • contrastBorder#0B090D00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#C3FCC3ce
  • debugConsole.sourceForeground#C3FCC3ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E9E9E1fe
  • debugExceptionWidget.background#6700679e
  • debugExceptionWidget.border#0B100Bfe
  • debugIcon.breakpointCurrentStackframeForeground#D6CDC9fe
  • debugIcon.breakpointDisabledForeground#D3F7D365
  • debugIcon.breakpointForeground#DAD1CEfe
  • debugIcon.breakpointStackframeForeground#DCE5E4fe
  • debugIcon.breakpointUnverifiedForeground#CED1DAfe
  • debugIcon.continueForeground#F5EAFDfe
  • debugIcon.disconnectForeground#CFC4BFfe
  • debugIcon.pauseForeground#E1DAD7fe
  • debugIcon.restartForeground#D9D3DEfe
  • debugIcon.startForeground#D3D3C4fe
  • debugIcon.stepBackForeground#E1E3E9fe
  • debugIcon.stepIntoForeground#B5C8C5fe
  • debugIcon.stepOutForeground#E1E1D7fe
  • debugIcon.stepOverForeground#D3C4CCfe
  • debugIcon.stopForeground#C8BFCFfe
  • debugTokenExpression.boolean#E5DCE1ca
  • debugTokenExpression.error#D3D6DEca
  • debugTokenExpression.name#E1DAD7ca
  • debugTokenExpression.number#DACED5ca
  • debugTokenExpression.value#D3DEDCca
  • debugToolBar.background#670067a9
  • debugToolBar.border#0B100Bfe
  • debugView.exceptionLabelBackground#482237ca
  • debugView.exceptionLabelForeground#D7E1E0ca
  • debugView.stateLabelBackground#2E2E19ca
  • debugView.stateLabelForeground#D1C9D6ca
  • debugView.valueChangedHighlight#DED3D9ca
  • descriptionForeground#C3FCC3ce
  • diffEditor.border#0D0D0900
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0D0A0900
  • diffEditor.move.border#090D0C00
  • diffEditor.moveActive.border#0A0D0A00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0B090D00
  • diffEditor.unchangedCodeBackground#151C15fe
  • diffEditor.unchangedRegionBackground#151C15fe
  • diffEditor.unchangedRegionForeground#C3FCC3ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#D2F8D265
  • dropdown.background#0B100Bfe
  • dropdown.border#0B100Bfe
  • dropdown.foreground#C3FCC3ce
  • dropdown.listBackground#0B100Bfe
  • editor.background#151C15fe
  • editor.findMatchBackground#8C52BCa5
  • editor.findMatchBorder#0B100Bfe
  • editor.findMatchHighlightBackground#86496Baa
  • editor.findMatchHighlightBorder#0B100Bfe
  • editor.findRangeHighlightBackground#4B5365a9
  • editor.findRangeHighlightBorder#0B100Bfe
  • editor.focusedStackFrameHighlightBackground#535B6E82
  • editor.foldBackground#FEE8F5ae
  • editor.foreground#C3FCC3ce
  • editor.hoverHighlightBackground#4F6A66a5
  • editor.inactiveSelectionBackground#3D7C3D96
  • editor.inlineValuesBackground#151C15fe
  • editor.inlineValuesForeground#C3FCC3ce
  • editor.lineHighlightBackground#2A3A2Ab5
  • editor.lineHighlightBorder#090A0D00
  • editor.linkedEditingBackground#151C15fe
  • editor.rangeHighlightBackground#447E44aa
  • editor.rangeHighlightBorder#0B100Bfe
  • editor.selectionBackground#158015a5
  • editor.selectionForeground#E9E3E1ca
  • editor.selectionHighlightBackground#5D45708e
  • editor.selectionHighlightBorder#0B100Bfe
  • editor.snippetFinalTabstopHighlightBackground#604855a1
  • editor.snippetFinalTabstopHighlightBorder#0B100Bfe
  • editor.snippetTabstopHighlightBackground#8247A8a7
  • editor.snippetTabstopHighlightBorder#0B100Bfe
  • editor.stackFrameHighlightBackground#7E5846ac
  • editor.symbolHighlightBackground#606048a2
  • editor.symbolHighlightBorder#0B100Bfe
  • editor.wordHighlightBackground#5E4F6Aa8
  • editor.wordHighlightBorder#0D0D0900
  • editor.wordHighlightStrongBackground#626240a9
  • editor.wordHighlightStrongBorder#090D0C00
  • editor.wordHighlightTextBackground#6A6A4Fa5
  • editor.wordHighlightTextBorder#0A0D0A00
  • editorBracketHighlight.foreground1#F5F7F5ce
  • editorBracketHighlight.foreground2#F5F7F5ce
  • editorBracketHighlight.foreground3#F5F7F5ce
  • editorBracketHighlight.foreground4#F5F7F5ce
  • editorBracketHighlight.foreground5#F5F7F5ce
  • editorBracketHighlight.foreground6#F5F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#C3FCC3ce
  • editorBracketMatch.background#FEE7F4a2
  • editorBracketMatch.border#0B100Bfe
  • editorBracketPairGuide.activeBackground1#F2F2A988
  • editorBracketPairGuide.activeBackground2#F2F2A482
  • editorBracketPairGuide.activeBackground3#F2F2A488
  • editorBracketPairGuide.activeBackground4#F2F2A68e
  • editorBracketPairGuide.activeBackground5#E6EDFE82
  • editorBracketPairGuide.activeBackground6#C1F9F284
  • editorBracketPairGuide.background1#1A312Dfe
  • editorBracketPairGuide.background2#492038fe
  • editorBracketPairGuide.background3#3E2A1Ffe
  • editorBracketPairGuide.background4#2E2E19fe
  • editorBracketPairGuide.background5#232E4Cfe
  • editorBracketPairGuide.background6#242E4Efe
  • editorCodeLens.foreground#CFF9CF6e
  • editorCommentsWidget.rangeActiveBackground#C6FBC6fe
  • editorCommentsWidget.rangeBackground#151C15fe
  • editorCommentsWidget.resolvedBorder#0B100Bfe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#151C15fe
  • editorCursor.foreground#A8A8F9fe
  • editorError.background#0A0D0A00
  • editorError.border#0D090B00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#151C15fe
  • editorGhostText.border#0D090B00
  • editorGhostText.foreground#CFF9CF6e
  • editorGroup.border#0B100Bfe
  • editorGroup.dropBackground#151C15fe
  • editorGroup.dropIntoPromptBackground#151C15fe
  • editorGroup.dropIntoPromptBorder#0B100Bfe
  • editorGroup.dropIntoPromptForeground#C3FCC3ce
  • editorGroup.emptyBackground#151C15fe
  • editorGroup.focusedEmptyBorder#0B100Bfe
  • editorGroupHeader.border#090D0C00
  • editorGroupHeader.noTabsBackground#0D120Dae
  • editorGroupHeader.tabsBackground#151C15a1
  • editorGroupHeader.tabsBorder#0D0D0900
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#151C15fe
  • editorGutter.commentGlyphForeground#C3FCC3ce
  • editorGutter.commentRangeForeground#C3FCC3ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#C3FCC3ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#090A0D00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0B100Bfe
  • editorHoverWidget.border#0B100Bfe
  • editorHoverWidget.foreground#C3FCC3ce
  • editorHoverWidget.highlightForeground#D2DED2ca
  • editorHoverWidget.statusBarBackground#151C15fe
  • editorIndentGuide.activeBackground1#CCFACCfe
  • editorIndentGuide.activeBackground2#CBFACBfe
  • editorIndentGuide.activeBackground3#CCFACCfe
  • editorIndentGuide.activeBackground4#CBFACBfe
  • editorIndentGuide.activeBackground5#CBFACBfe
  • editorIndentGuide.activeBackground6#CBFACBfe
  • editorIndentGuide.background1#B9B9A235
  • editorIndentGuide.background2#C4B0BC35
  • editorIndentGuide.background3#A3859635
  • editorIndentGuide.background4#89A7A335
  • editorIndentGuide.background5#AAAA8E35
  • editorIndentGuide.background6#B2B29835
  • editorInfo.background#090A0D00
  • editorInfo.border#090D0C00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#151C15fe
  • editorInlayHint.foreground#C3FCC3ce
  • editorInlayHint.parameterBackground#151C15fe
  • editorInlayHint.parameterForeground#C3FCC3ce
  • editorInlayHint.typeBackground#151C15fe
  • editorInlayHint.typeForeground#C3FCC3ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#A8A8F9fe
  • editorLineNumber.dimmedForeground#CFF8CF6e
  • editorLineNumber.foreground#CFF9CF6e
  • editorLink.activeForeground#A8A8F9fe
  • editorMarkerNavigation.background#0B100Bfe
  • editorMarkerNavigationError.background#670067b9
  • editorMarkerNavigationError.headerBackground#670067cb
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#151C15fe
  • editorOverviewRuler.border#092E09fe
  • editorOverviewRuler.bracketMatchForeground#C3FCC3ce
  • editorOverviewRuler.commentForeground#CFF9CF6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#C3FCC3ce
  • editorOverviewRuler.currentContentForeground#cecece9f
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D2DED2ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DEDED3ca
  • editorOverviewRuler.wordHighlightStrongForeground#C3FCC3ce
  • editorOverviewRuler.wordHighlightTextForeground#C3FCC3ce
  • editorPane.background#151C15fe
  • editorRuler.foreground#C7FBC73b
  • editorStickyScroll.background#151C15fe
  • editorStickyScroll.shadow#0A0D0A00
  • editorStickyScrollHover.background#0C360Cfe
  • editorSuggestWidget.background#0B100Bfe
  • editorSuggestWidget.border#090D0C00
  • editorSuggestWidget.focusHighlightForeground#F88ACCfe
  • editorSuggestWidget.foreground#DAD1CEfe
  • editorSuggestWidget.highlightForeground#D1C9D6ca
  • editorSuggestWidget.selectedBackground#536E6A87
  • editorSuggestWidget.selectedForeground#C8D7C8ca
  • editorSuggestWidget.selectedIconForeground#E1E9E8ca
  • editorSuggestWidgetStatus.foreground#D3D3C4fe
  • editorUnicodeHighlight.background#4B6561ae
  • editorUnicodeHighlight.border#0B100Bfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D090B00
  • editorWarning.border#0D0A0900
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#C3FCC3ce
  • editorWidget.background#0B100Bfe
  • editorWidget.border#0B100Bfe
  • editorWidget.foreground#C3FCC3ce
  • editorWidget.resizeBorder#0B100Bfe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#A7A7F9fe
  • extensionBadge.remoteForeground#0D120Dfe
  • extensionButton.background#0E370Eae
  • extensionButton.foreground#C3FCC3ce
  • extensionButton.hoverBackground#113611fe
  • extensionButton.prominentBackground#151C15fe
  • extensionButton.prominentForeground#C3FCC3ce
  • extensionButton.prominentHoverBackground#151C15fe
  • extensionButton.separator#0D0A0900
  • extensionIcon.preReleaseForeground#CFC4BFfe
  • extensionIcon.sponsorForeground#E5DCE1fe
  • extensionIcon.starForeground#D2DED2fe
  • extensionIcon.verifiedForeground#E5E5DCfe
  • focusBorder#090A0D00
  • foreground#C3FCC3ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#C7FAC7ae
  • inlineChat.background#472238ca
  • inlineChat.border#3C234Eca
  • inlineChat.regionHighlight#D3D6DEca
  • inlineChat.shadow#E5E5DCca
  • inlineChatDiff.inserted#E1E3E9ca
  • inlineChatDiff.removed#DDD7E1ca
  • inlineChatInput.background#E1E1D7ca
  • inlineChatInput.border#472238ca
  • inlineChatInput.focusBorder#090A0D00
  • inlineChatInput.placeholderForeground#D3D6DEca
  • input.background#0B100Bfe
  • input.border#0B100Bfe
  • input.foreground#C3FCC3ce
  • input.placeholderForeground#D2F8D265
  • inputOption.activeBackground#0B100Bfe
  • inputOption.activeBorder#0B100Bfe
  • inputOption.activeForeground#A8A8F9fe
  • inputOption.hoverBackground#0B100Bfe
  • inputValidation.errorBackground#670067c3
  • inputValidation.errorBorder#670067c6
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B100Bfe
  • inputValidation.infoForeground#C3FCC3ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B100Bfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B100Bfe
  • interactive.inactiveCodeBorder#0B360B9a
  • keybindingLabel.background#151C15fe
  • keybindingLabel.border#0B100Bfe
  • keybindingLabel.bottomBorder#0B100Bfe
  • keybindingLabel.foreground#C3FCC3ce
  • keybindingTable.headerBackground#151C15fe
  • keybindingTable.rowsBackground#151C15fe
  • list.activeSelectionBackground#844CAA89
  • list.activeSelectionForeground#D7DAE1ca
  • list.activeSelectionIconForeground#E1D7DDca
  • list.deemphasizedForeground#C3FCC3ce
  • list.dropBackground#151C15fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#151C15fe
  • list.filterMatchBorder#0B100Bfe
  • list.focusAndSelectionOutline#0B090D00
  • list.focusBackground#33603396
  • list.focusForeground#A8A8F9fe
  • list.focusHighlightForeground#D594FDfe
  • list.focusOutline#0A0D0A00
  • list.highlightForeground#E5E5DCca
  • list.hoverBackground#133613fe
  • list.hoverForeground#A7A7F9fe
  • list.inactiveFocusBackground#26352695
  • list.inactiveFocusOutline#090A0D00
  • list.inactiveSelectionBackground#0D120Dae
  • list.inactiveSelectionForeground#D1F8D165
  • list.inactiveSelectionIconForeground#D3F7D365
  • list.invalidItemForeground#C3FCC3ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#151C15fe
  • listFilterWidget.noMatchesOutline#0D0D0900
  • listFilterWidget.outline#0D0D0900
  • listFilterWidget.shadow#0D0D0900
  • menu.background#0D120Dfe
  • menu.border#0D0A0900
  • menu.foreground#C0FCC0ae
  • menu.selectionBackground#168016aa
  • menu.selectionBorder#0D0D0900
  • menu.selectionForeground#A8A8F9fe
  • menu.separatorBackground#19331965
  • menubar.selectionBackground#476247a8
  • menubar.selectionBorder#0B090D00
  • menubar.selectionForeground#A7A7F9fe
  • merge.border#0B100Bfe
  • merge.commonContentBackground#151C15fe
  • merge.commonHeaderBackground#151C15fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#151C15fe
  • mergeEditor.change.word.background#151C15fe
  • mergeEditor.changeBase.background#151C15fe
  • mergeEditor.changeBase.word.background#151C15fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B100Bfe
  • mergeEditor.conflict.handledUnfocused.border#1C261C2f
  • mergeEditor.conflict.input1.background#0B100Bfe
  • mergeEditor.conflict.input2.background#0B100Bfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a1
  • mergeEditor.conflict.unhandledFocused.border#0B100Bfe
  • mergeEditor.conflict.unhandledUnfocused.border#1C261C3d
  • mergeEditor.conflictingLines.background#151C15fe
  • minimap.background#151C15fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#587A58fe
  • minimapSlider.background#3C533Cae
  • minimapSlider.hoverBackground#314431fe
  • notebook.cellBorderColor#0B100Bfe
  • notebook.cellEditorBackground#151C15fe
  • notebook.cellHoverBackground#151C15fe
  • notebook.cellInsertionIndicator#CED1DAca
  • notebook.cellStatusBarItemHoverBackground#151C15fe
  • notebook.cellToolbarSeparator#DACED5ca
  • notebook.editorBackground#151C15fe
  • notebook.focusedCellBackground#151C15fe
  • notebook.focusedCellBorder#5656E8fe
  • notebook.focusedEditorBorder#0B100Bfe
  • notebook.inactiveFocusedCellBorder#5575558e
  • notebook.inactiveSelectedCellBorder#5575558e
  • notebook.outputContainerBackgroundColor#151C15fe
  • notebook.outputContainerBorderColor#0B100Bfe
  • notebook.selectedCellBackground#151C15fe
  • notebook.selectedCellBorder#0B100Bfe
  • notebook.symbolHighlightBackground#151C15fe
  • notebookEditorOverviewRuler.runningCellForeground#C3FCC3ce
  • notebookScrollbarSlider.activeBackground#5C7F5Cfe
  • notebookScrollbarSlider.background#3F583Fae
  • notebookScrollbarSlider.hoverBackground#517051fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#B5C8C5fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B100Bfe
  • notificationCenterHeader.background#151C15fe
  • notificationCenterHeader.foreground#C3FCC3ce
  • notificationLink.foreground#C3FCC3ce
  • notifications.background#151C15fe
  • notifications.border#0B100Bfe
  • notifications.foreground#C3FCC3ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#D3D6DEfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B100Bfe
  • panel.background#151C15fe
  • panel.border#0B100Bfe
  • panel.dropBorder#0B100Bfe
  • panelInput.border#0B100Bfe
  • panelSection.border#0B100Bfe
  • panelSection.dropBackground#151C15fe
  • panelSectionHeader.background#151C15fe
  • panelSectionHeader.border#0B100Bfe
  • panelSectionHeader.foreground#C3FCC3ce
  • panelTitle.activeBorder#0D0A0900
  • panelTitle.activeForeground#A7A7FEfe
  • panelTitle.inactiveForeground#26A22665
  • peekView.border#A7A7FEfe
  • peekViewEditor.background#0B100Bfe
  • peekViewEditor.matchHighlightBackground#426B678c
  • peekViewEditor.matchHighlightBorder#0D0D0900
  • peekViewEditorGutter.background#0B100Bfe
  • peekViewEditorStickyScroll.background#151C15fe
  • peekViewResult.background#0D120Dfe
  • peekViewResult.fileForeground#C3FCC3ce
  • peekViewResult.lineForeground#C3FCC3ce
  • peekViewResult.matchHighlightBackground#984C798b
  • peekViewResult.selectionBackground#5B5B4486
  • peekViewResult.selectionForeground#D5CEDAca
  • peekViewTitle.background#0D120Dfe
  • peekViewTitleDescription.foreground#C3FCC3ce
  • peekViewTitleLabel.foreground#C3FCC3ce
  • pickerGroup.border#0B100Bfe
  • pickerGroup.foreground#C3FCC3ce
  • ports.iconRunningProcessForeground#C8C8B5fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#5656E8fe
  • profileBadge.foreground#0D120Dfe
  • progressBar.background#151C15fe
  • quickInput.background#0D120Dfe
  • quickInput.foreground#C0FCC0ae
  • quickInputList.focusBackground#3B3243ae
  • quickInputList.focusForeground#A8A8F9fe
  • quickInputList.focusIconForeground#A8A8F9fe
  • quickInputTitle.background#0B100Bfe
  • sash.hoverBorder#0B100Bfe
  • scrollbar.shadow#090D0C00
  • scrollbarSlider.activeBackground#5C7F5Cfe
  • scrollbarSlider.background#3C533Cae
  • scrollbarSlider.hoverBackground#435D43fe
  • search.resultsInfoForeground#C3FCC3ce
  • searchEditor.findMatchBackground#405653a7
  • searchEditor.findMatchBorder#0B100Bfe
  • searchEditor.textInputBorder#0B100Bfe
  • selection.background#151C15fe
  • settings.checkboxBackground#0B100Bfe
  • settings.checkboxBorder#0B100Bfe
  • settings.checkboxForeground#C3FCC3ce
  • settings.dropdownBackground#0B100Bfe
  • settings.dropdownBorder#0B100Bfe
  • settings.dropdownForeground#C3FCC3ce
  • settings.dropdownListBorder#0B100Bfe
  • settings.focusedRowBackground#B64A898c
  • settings.focusedRowBorder#0B100Bfe
  • settings.headerBorder#0B100Bfe
  • settings.headerForeground#C3FCC3ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B100Bfe
  • settings.numberInputBorder#0B100Bfe
  • settings.numberInputForeground#C3FCC3ce
  • settings.rowHoverBackground#151C15fe
  • settings.sashBorder#0B100Bfe
  • settings.settingsHeaderHoverForeground#A7A7F9fe
  • settings.textInputBackground#0B100Bfe
  • settings.textInputBorder#0B100Bfe
  • settings.textInputForeground#C3FCC3ce
  • sideBar.background#151C15fe
  • sideBar.border#0B100Bfe
  • sideBar.dropBackground#151C15fe
  • sideBar.foreground#C7FAC7ae
  • sideBarSectionHeader.background#0A0D0A00
  • sideBarSectionHeader.border#0B100Bfe
  • sideBarSectionHeader.foreground#C3FCC3ce
  • sideBarTitle.foreground#C3FCC3ce
  • sideBySideEditor.horizontalBorder#0B100Bfe
  • sideBySideEditor.verticalBorder#0B100Bfe
  • simpleFindWidget.sashBorder#0B100Bfe
  • statusBar.background#0D120Dfe
  • statusBar.border#0B100Bfe
  • statusBar.debuggingBackground#670067a7
  • statusBar.debuggingBorder#0B100Bfe
  • statusBar.debuggingForeground#C3FCC3ce
  • statusBar.focusBorder#0B090D00
  • statusBar.foreground#D0F8D06e
  • statusBar.noFolderBackground#0D120Dfe
  • statusBar.noFolderBorder#0B100Bfe
  • statusBar.noFolderForeground#C3FCC3ce
  • statusBarItem.activeBackground#0D120Dfe
  • statusBarItem.compactHoverBackground#0D120Dfe
  • statusBarItem.errorBackground#670067ac
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067ca
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0D0A00
  • statusBarItem.hoverBackground#0D120Dfe
  • statusBarItem.hoverForeground#5656E8fe
  • statusBarItem.offlineBackground#0D120Dfe
  • statusBarItem.offlineForeground#C3FCC3ce
  • statusBarItem.offlineHoverBackground#0D120Dfe
  • statusBarItem.offlineHoverForeground#A7A7F9fe
  • statusBarItem.prominentBackground#0D120Dfe
  • statusBarItem.prominentForeground#C3FCC3ce
  • statusBarItem.prominentHoverBackground#0D120Dfe
  • statusBarItem.prominentHoverForeground#A7A7F9fe
  • statusBarItem.remoteBackground#A7A7F9fe
  • statusBarItem.remoteForeground#0D120Dfe
  • statusBarItem.remoteHoverBackground#0D120Dfe
  • statusBarItem.remoteHoverForeground#A8A8F9fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#CDDBCDfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#BACBC9fe
  • symbolIcon.colorForeground#C3D4C3fe
  • symbolIcon.constantForeground#BFC4CFfe
  • symbolIcon.constructorForeground#DAD1CEfe
  • symbolIcon.enumeratorForeground#B5BBC8fe
  • symbolIcon.enumeratorMemberForeground#FDE8F4fe
  • symbolIcon.eventForeground#C8BFCFfe
  • symbolIcon.fieldForeground#DADACEfe
  • symbolIcon.fileForeground#C8C8B5fe
  • symbolIcon.folderForeground#BABFCBfe
  • symbolIcon.functionForeground#DACED5fe
  • symbolIcon.interfaceForeground#C8D7C8fe
  • symbolIcon.keyForeground#D5CEDAfe
  • symbolIcon.keywordForeground#FDE8F4fe
  • symbolIcon.methodForeground#C8BFCFfe
  • symbolIcon.moduleForeground#BABFCBfe
  • symbolIcon.namespaceForeground#CFBFC8fe
  • symbolIcon.nullForeground#D6CDC9fe
  • symbolIcon.numberForeground#CFBFC8fe
  • symbolIcon.objectForeground#BABFCBfe
  • symbolIcon.operatorForeground#D2DED2fe
  • symbolIcon.packageForeground#CBBAC4fe
  • symbolIcon.propertyForeground#DDD7E1fe
  • symbolIcon.referenceForeground#DED6D3fe
  • symbolIcon.snippetForeground#E5E5DCfe
  • symbolIcon.stringForeground#E5E5DCfe
  • symbolIcon.structForeground#C4C8D3fe
  • symbolIcon.textForeground#E9E9E1fe
  • symbolIcon.typeParameterForeground#E1E9E8fe
  • symbolIcon.unitForeground#BABFCBfe
  • symbolIcon.variableForeground#D1C9D6fe
  • tab.activeBackground#0F150Ffe
  • tab.activeBorder#0D0A0900
  • tab.activeBorderTop#8E8EF6fe
  • tab.activeForeground#8787F4fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0A0D0A00
  • tab.hoverBackground#C9FBC9fe
  • tab.hoverBorder#0B100Bfe
  • tab.hoverForeground#A7A7F9fe
  • tab.inactiveBackground#1F2B1F99
  • tab.inactiveForeground#26A22665
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0B100Bfe
  • tab.unfocusedActiveBackground#1821183e
  • tab.unfocusedActiveBorder#090D0C00
  • tab.unfocusedActiveBorderTop#1A351A65
  • tab.unfocusedActiveForeground#97B39765
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#C9FAC9fe
  • tab.unfocusedHoverBorder#1821182e
  • tab.unfocusedHoverForeground#25A22565
  • tab.unfocusedInactiveBackground#1F2B1F92
  • tab.unfocusedInactiveForeground#249B2465
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b3
  • 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#670067c5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeae
  • terminal.ansiYellow#c4a200fe
  • terminal.background#151C15fe
  • terminal.border#0B100Bfe
  • terminal.dropBackground#151C15fe
  • terminal.findMatchBackground#151C15fe
  • terminal.findMatchBorder#0B100Bfe
  • terminal.findMatchHighlightBackground#151C15fe
  • terminal.findMatchHighlightBorder#0B100Bfe
  • terminal.foreground#C7FAC7ae
  • terminal.hoverHighlightBackground#151C15fe
  • terminal.inactiveSelectionBackground#2E3F2E97
  • terminal.selectionBackground#4F576A8b
  • terminal.selectionForeground#E1E1D7ca
  • terminal.tab.activeBorder#9D9DF8fe
  • terminalCommandDecoration.defaultBackground#F2F2A6ae
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#151C15fe
  • terminalCursor.foreground#A8A8F9fe
  • terminalOverviewRuler.cursorForeground#C3FCC3ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c2
  • testing.iconUnset#808080c1
  • testing.message.error.decorationForeground#EBEBFEfe
  • testing.message.error.lineBackground#670067c1
  • testing.message.info.decorationForeground#EBEBFEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0B100Bfe
  • testing.peekHeaderBackground#151C15fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#151C15fe
  • textBlockQuote.border#0B100Bfe
  • textCodeBlock.background#151C15fe
  • textLink.activeForeground#A7A7F9fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#C3FCC3ce
  • textSeparator.foreground#C3FCC3ce
  • titleBar.activeBackground#0D120Dfe
  • titleBar.activeForeground#30C630ae
  • titleBar.border#0D0A0900
  • titleBar.inactiveBackground#1F2B1Fde
  • titleBar.inactiveForeground#25A22565
  • toolbar.activeBackground#0F1D4083
  • toolbar.hoverBackground#151C15fe
  • toolbar.hoverOutline#090D0C00
  • tree.inactiveIndentGuidesStroke#9DA4B535
  • tree.indentGuidesStroke#ECECFEfe
  • tree.tableColumnsBorder#0B100Bfe
  • tree.tableOddRowsBackground#151C15fe
  • walkThrough.embeddedEditorBackground#151C15fe
  • walkthrough.stepTitle.foreground#C3FCC3ce
  • welcomePage.background#151C15fe
  • welcomePage.progress.background#151C15fe
  • welcomePage.progress.foreground#C3FCC3ce
  • welcomePage.tileBackground#151C15fe
  • welcomePage.tileBorder#0B100Bfe
  • welcomePage.tileHoverBackground#151C15fe
  • widget.border#0B100Bfe
  • widget.shadow#0B090D00
  • window.activeBorder#0B100Bfe
  • window.inactiveBorder#0A310A91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#32BF326e
comment.block.html#42D6426e
comment.block.java#3ED43E6e
comment.block.javadoc.java#30CB306e
comment.block.powershell#48DD486e
comment.block.xml#39D0396e
comment.line.double-slash.c#33BE336e
comment.line.double-slash.cpp#41DA416e
comment.line.double-slash.java#3BD23B6e
comment.line.double-slash.js#45DB456e
comment.line.number-sign.makefile#3ED43E6e
comment.line.number-sign.python#3FD83F6e
comment.line.number-sign.yaml#3CD63C6e
comment.line.percentage.erlang#30CF306e
comment.line.powershell#33C3336e
comment.source.cmake#33C3336e
comment.source.cmakecache#37D3376e
constant.character#7BD908de
constant.character.character-class.regexp#AAAAF9de
constant.character.escape#E082F3de
constant.character.set.regexp#B6B6FBde
constant.language#E48DF5de
constant.numeric#E89F56de
constant.numeric.dec.python#E89BF8de
constant.other.caps.python#72C708de
constant.other.character-class.regexp#E89F55de
constant.other.character-class.set.regexp#07D033de
constant.other.color.rgb-value#07CBE3de
constant.other.placeholder#E798F7de
constant.other.rgb-value#A0A0F8de
constant.regexp#F58DAAde
constant.sha.git-rebase#F382A1de
emphasis#07E239de
entity.name.class#3CCEE0de
entity.name.function#76CF07de
entity.name.function.preprocessor#07C7DFde
entity.name.function.python#07D2EBde
entity.name.label#9E9EF8de
entity.name.namespace#27C94Bde
entity.name.operator#F68DAAde
entity.name.operator.custom-literal#08C232de
entity.name.scope-resolution#E69B4Fde
entity.name.tag#06D6F1de
entity.name.tag.css#77CF08de
entity.name.type#7EDB07de
entity.name.variable#06D6F0de
entity.other.attribute#FDB56Ade
entity.other.attribute-name#71C608de
entity.other.attribute-name.class.css#71C408de
entity.other.attribute-name.class.mixin.css#AEAEFAde
entity.other.attribute-name.id#E69B50de
entity.other.attribute-name.id.css#BEBEFCde
entity.other.attribute-name.parent-selector.css#A8A8F9de
entity.other.attribute-name.pseudo-class.css#E48EF6de
entity.other.attribute-name.pseudo-element.css#EAA25Ade
entity.other.attribute-name.scss#E69B4Fde
entity.other.document.begin.yaml#4BDB4B6e
entity.other.inherited-class#08BACFde
header#BBBBFCde
invalid#B1B1FAde
keyword#F1B578de
keyword.codetag.notation.python#81C927de
keyword.control#6DBD08de
keyword.control.anchor.regexp#E6994Ede
keyword.control.import.python#27B7C9de
keyword.operator#86D227de
keyword.operator.alignas#08BBD2de
keyword.operator.alignof#9D9DF8de
keyword.operator.cast#F3B980de
keyword.operator.delete#08C732de
keyword.operator.documentation.powershell#48DD486e
keyword.operator.expression#DF7FF3de
keyword.operator.instanceof#F693AEde
keyword.operator.logical.python#07BAD0de
keyword.operator.minus.exponent#08BDD3de
keyword.operator.negation.regexp#F2B77Bde
keyword.operator.new#ECAAF9de
keyword.operator.noexcept#EAA35Dde
keyword.operator.or.regexp#E69B4Fde
keyword.operator.plus.exponent#FB9B3Ade
keyword.operator.quantifier.regexp#E287F4de
keyword.operator.sizeof#E590F6de
keyword.operator.typeid#AAAAFAde
keyword.operator.wordlike#E99DF8de
keyword.other.operator#F9A3BAde
keyword.other.package.java#08C732de
keyword.other.unit#8BD82Ade
keyword.other.using#FAAEC3de
markup.bold#B7B7FBde
markup.changed#6DBE08de
markup.deleted#3CE061de
markup.fenced_code.block.markdown#EEAD6Cde
markup.heading#F798B2de
markup.inline.raw#F1B578de
markup.inserted#B7B7FBde
markup.italic#73CB08de
markup.raw.block.markdown#7CD907de
markup.strikethrough#8BD82Ade
markup.underline#F488A6de
meta.block.c#EFAE6Dde
meta.block.c#F385A4de
meta.class.java#74CA07de
meta.definition.variable.name#27C94Bde
meta.diff.header#FA8F25de
meta.embedded#F793AFde
meta.embedded.assembly#FAACC2de
meta.function-call.arguments.python#27D44Dde
meta.function-call.python#A6A6F9de
meta.member.access.python#F0B171de
meta.method.java#E69B4Fde
meta.object-literal.key#F796B1de
meta.paragraph.markdown#08C633de
meta.preprocessor#F8A0B9de
meta.preprocessor.numeric#27C54Ade
meta.preprocessor.string#07B5CBde
meta.scope.prerequisites.makefile#ECA864de
meta.structure.dictionary.json.comments#41DA416e
meta.structure.dictionary.key.python#DF7FF3de
meta.structure.dictionary.value.json.comments#37D3376e
meta.template.expression#E48CF5de
meta.type.cast.expr#FCA54Ede
meta.type.new.expr#27B8CBde
parameter#27C94Bde
punctuation.character.set.begin.regexp#E797F7de
punctuation.character.set.end.regexp#E797F7de
punctuation.definition.array.begin.json#74CA07de
punctuation.definition.character-class.regexp#74CA07de
punctuation.definition.comment#30C7306e
punctuation.definition.comment.json.comments#3FD83F6e
punctuation.definition.comment.python#33C8336e
punctuation.definition.dictionary.begin.json#F487A5de
punctuation.definition.dictionary.end.json#27D24Dde
punctuation.definition.group.assertion.regexp#ECA864de
punctuation.definition.group.regexp#08C032de
punctuation.definition.list.begin.json#EEAD6Bde
punctuation.definition.list.begin.markdown#F489A6de
punctuation.definition.list.begin.python#B1B1FAde
punctuation.definition.list.end.json#E799F7de
punctuation.definition.list.end.markdown#E5984Bde
punctuation.definition.list.end.python#A5A5F9de
punctuation.definition.parameters.begin.python#AFAFFAde
punctuation.definition.parameters.end.bracket.round.java#E69B4Fde
punctuation.definition.quote.begin.markdown#E69A4Fde
punctuation.definition.tag#A0A0F8de
punctuation.definition.template-expression.begin#E9A0F8de
punctuation.definition.template-expression.end#F89CB5de
punctuation.section.class.begin.bracket.curly.java#E798F7de
punctuation.section.embedded#9D9DF8de
punctuation.section.embedded.begin.php#29D850de
punctuation.section.embedded.end.php#06D1EBde
punctuation.terminator.java#3CCDE0de
source.cmake#07E237de
source.coffee.embedded#06C6DDde
source.cpp#F691AEde
source.css.less#27C249de
source.groovy.embedded#BBBBFCde
source.java#FB942Cde
source.java-properties#30DB56de
source.json.comments#33C8336e
source.makefile#86D227de
source.powershell#BFBFFCde
source.powershell.variable.other.member#F3B980de
source.python#F9A7BEde
storage#8AD829de
storage.modifier#7CC127de
storage.modifier.import.java#F8A2BAde
storage.modifier.package.java#EDADFAde
storage.type#06B7CCde
storage.type.annotation.groovy#75CF06de
storage.type.annotation.java#F1B478de
storage.type.boolean.go#06C42Fde
storage.type.byte.go#BCBCFCde
storage.type.cs#FAAAC0de
storage.type.error.go#F486A4de
storage.type.generic.cs#75CC08de
storage.type.generic.groovy#FA8F25de
storage.type.generic.java#36CBDDde
storage.type.groovy#3ADF5Fde
storage.type.java#07CFE8de
storage.type.modifier.cs#E080F3de
storage.type.numeric.go#A0A0F8de
storage.type.object.array.groovy#E49749de
storage.type.object.array.java#86D227de
storage.type.parameters.groovy#B5B5FBde
storage.type.primitive.array.groovy#76B726de
storage.type.primitive.array.java#42D0E2de
storage.type.primitive.groovy#30C8DBde
storage.type.primitive.java#07CBE3de
storage.type.rune.go#30C8DBde
storage.type.string.go#08BF32de
storage.type.token.java#F89BB5de
storage.type.uintptr.go#E69B4Fde
storage.type.variable.cs#9E9EF8de
string#E9A058de
string.quoted.docstring.multi.python#38D5386e
string.regexp#F89DB6de
string.tag#F1B579de
string.value#08BED4de
strong#08C732de
support.class#9D9DF8de
support.constant.color#ECA864de
support.constant.dom#07C9E2de
support.constant.font-name#B9B9FBde
support.constant.handlebars#A6A6F9de
support.constant.json#F68FACde
support.constant.math#F797B2de
support.constant.media#E592F6de
support.constant.media-type#F691ADde
support.constant.property-value#2AC5D8de
support.function#B9B9FBde
support.function.git-rebase#B3B3FBde
support.other.parenthesis.regexp#06D432de
support.type#07CC33de
support.type.property-name#8BD82Ade
support.type.vendored.property-name#BBBBFBde
support.variable#B5B5FBde
token.debug-token#07DC36de
token.error-token#74CB07de
token.info-token#06BED4de
token.warn-token#F0B172de
variable#E38CF5de
variable.css#F9A3BAde
variable.language#F3B87Dde
variable.language.wildcard.java#07C8DFde
variable.other.constant#B1B1FAde
variable.other.definition.java#F9A4BBde
variable.other.enummember#F58BA9de
variable.other.less#F690ADde
variable.other.object.java#78B827de
variable.other.object.property.java#F3B97Fde
variable.parameter.c#B1B1FBde
variable.parameter.function.language.python#07D2EAde
variable.parameter.java#30DB56de
variable.scss#FAB0C5de