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#D6D6E2fe
  • activityBar.activeBackground#D6D6E2fe
  • activityBar.activeBorder#373D12fe
  • activityBar.activeFocusBorder#5F803E00
  • activityBar.background#EAEAF0fe
  • activityBar.border#A064A000
  • activityBar.dropBorder#3A3E1Afe
  • activityBar.foreground#464C1Efe
  • activityBar.inactiveForeground#3B3B5465
  • activityBarBadge.background#71800Ffe
  • activityBarBadge.foreground#EAEAF0fe
  • badge.background#737E28fe
  • badge.foreground#EAEAF0fe
  • banner.background#D6D6E2fe
  • banner.foreground#2C2C60ce
  • banner.iconForeground#293617fe
  • breadcrumb.activeSelectionForeground#2D2D58ca
  • breadcrumb.background#E5E5EDfe
  • breadcrumb.focusForeground#728014fe
  • breadcrumb.foreground#2C2C61ae
  • breadcrumbPicker.background#D6D6E2fe
  • button.background#9F9FBCae
  • button.border#F4F4F700
  • button.foreground#2C2C60ce
  • button.hoverBackground#9090B16e
  • button.secondaryBackground#D6D6E2fe
  • button.secondaryForeground#2C2C60ce
  • button.secondaryHoverBackground#D6D6E2fe
  • button.separator#F9FBFA00
  • charts.blue#1b1bfffe
  • charts.foreground#2C2C60ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679c
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFEFF4fe
  • chat.slashCommandBackground#D6D6E2fe
  • chat.slashCommandForeground#2C2C60ce
  • checkbox.background#EFEFF4fe
  • checkbox.border#EFEFF4fe
  • checkbox.foreground#2C2C60ce
  • checkbox.selectBackground#EFEFF4fe
  • checkbox.selectBorder#EFEFF4fe
  • commandCenter.activeBackground#ADC6B381
  • commandCenter.activeBorder#EFEFF4fe
  • commandCenter.activeForeground#718010fe
  • commandCenter.background#D6D6E2fe
  • commandCenter.border#EFEFF4fe
  • commandCenter.foreground#2C2C60ce
  • commandCenter.inactiveBorder#BEBED19a
  • commandCenter.inactiveForeground#37375865
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FBFAF900
  • contrastBorder#FAFBF900
  • debugConsole.errorForeground#890089ce
  • debugConsole.infoForeground#2C2C60ce
  • debugConsole.sourceForeground#2C2C60ce
  • debugConsole.warningForeground#5A4A00ce
  • debugConsoleInputIcon.foreground#2D2D58fe
  • debugExceptionWidget.background#FF9DFEc8
  • debugExceptionWidget.border#EFEFF4fe
  • debugIcon.breakpointCurrentStackframeForeground#29393Bfe
  • debugIcon.breakpointDisabledForeground#3B3B5465
  • debugIcon.breakpointForeground#3F2F22fe
  • debugIcon.breakpointStackframeForeground#442B30fe
  • debugIcon.breakpointUnverifiedForeground#63111Afe
  • debugIcon.continueForeground#1A3820fe
  • debugIcon.disconnectForeground#304535fe
  • debugIcon.pauseForeground#293617fe
  • debugIcon.restartForeground#2D2D58fe
  • debugIcon.startForeground#17363Afe
  • debugIcon.stepBackForeground#263614fe
  • debugIcon.stepIntoForeground#11391Afe
  • debugIcon.stepOutForeground#452D14fe
  • debugIcon.stepOverForeground#15363Bfe
  • debugIcon.stopForeground#10373Afe
  • debugTokenExpression.boolean#291F2Cca
  • debugTokenExpression.error#291F2Cca
  • debugTokenExpression.name#111819ca
  • debugTokenExpression.number#1E2218ca
  • debugTokenExpression.value#1B1B27ca
  • debugToolBar.background#FF9DFEaf
  • debugToolBar.border#EFEFF4fe
  • debugView.exceptionLabelBackground#CABDB3ca
  • debugView.exceptionLabelForeground#640F24ca
  • debugView.stateLabelBackground#BAC4ABca
  • debugView.stateLabelForeground#0A0AA9ca
  • debugView.valueChangedHighlight#15151Eca
  • descriptionForeground#2C2C60ce
  • diffEditor.border#FBFAF900
  • diffEditor.diagonalFill#000000f4
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#91CF94fb
  • diffEditor.insertedTextBorder#FBF9FB00
  • diffEditor.move.border#F9FBFB00
  • diffEditor.moveActive.border#FAFBF900
  • diffEditor.removedLineBackground#FFA9A931
  • diffEditor.removedTextBackground#FEAAAAfb
  • diffEditor.removedTextBorder#FBF9FB00
  • diffEditor.unchangedCodeBackground#D6D6E2fe
  • diffEditor.unchangedRegionBackground#D6D6E2fe
  • diffEditor.unchangedRegionForeground#2C2C60ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3E3E5965
  • dropdown.background#EFEFF4fe
  • dropdown.border#EFEFF4fe
  • dropdown.foreground#2C2C60ce
  • dropdown.listBackground#EFEFF4fe
  • editor.background#D6D6E2fe
  • editor.findMatchBackground#86A6AAa1
  • editor.findMatchBorder#EFEFF4fe
  • editor.findMatchHighlightBackground#BCAC9Faa
  • editor.findMatchHighlightBorder#EFEFF4fe
  • editor.findRangeHighlightBackground#BFA4AAab
  • editor.findRangeHighlightBorder#EFEFF4fe
  • editor.focusedStackFrameHighlightBackground#9AB8A185
  • editor.foldBackground#285231a4
  • editor.foreground#2C2C60ce
  • editor.hoverHighlightBackground#C6B9AEac
  • editor.inactiveSelectionBackground#B8B8CD92
  • editor.inlineValuesBackground#D6D6E2fe
  • editor.inlineValuesForeground#2C2C60ce
  • editor.lineHighlightBackground#B3B3CAb3
  • editor.lineHighlightBorder#F7F4F500
  • editor.linkedEditingBackground#D6D6E2fe
  • editor.rangeHighlightBackground#9AB5B8ae
  • editor.rangeHighlightBorder#EFEFF4fe
  • editor.selectionBackground#B8CBCDa8
  • editor.selectionForeground#263614ca
  • editor.selectionHighlightBackground#95B59C89
  • editor.selectionHighlightBorder#EFEFF4fe
  • editor.snippetFinalTabstopHighlightBackground#B89AA1a9
  • editor.snippetFinalTabstopHighlightBorder#EFEFF4fe
  • editor.snippetTabstopHighlightBackground#A37C85ad
  • editor.snippetTabstopHighlightBorder#EFEFF4fe
  • editor.stackFrameHighlightBackground#B5A395a3
  • editor.symbolHighlightBackground#A7B595a1
  • editor.symbolHighlightBorder#EFEFF4fe
  • editor.wordHighlightBackground#C3A9AFa2
  • editor.wordHighlightBorder#F4F4F700
  • editor.wordHighlightStrongBackground#B69FBCa6
  • editor.wordHighlightStrongBorder#F9FBFB00
  • editor.wordHighlightTextBackground#A9C0C3ac
  • editor.wordHighlightTextBorder#F9FBFA00
  • editorBracketHighlight.foreground1#0A0A0Ece
  • editorBracketHighlight.foreground2#0A0A0Ece
  • editorBracketHighlight.foreground3#0A0A0Ece
  • editorBracketHighlight.foreground4#0A0A0Ece
  • editorBracketHighlight.foreground5#0A0A0Ece
  • editorBracketHighlight.foreground6#0A0A0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#2C2C60ce
  • editorBracketMatch.background#2B5155a7
  • editorBracketMatch.border#EFEFF4fe
  • editorBracketPairGuide.activeBackground1#3E502686
  • editorBracketPairGuide.activeBackground2#3E502685
  • editorBracketPairGuide.activeBackground3#603F6A8d
  • editorBracketPairGuide.activeBackground4#62442A86
  • editorBracketPairGuide.activeBackground5#2C533584
  • editorBracketPairGuide.activeBackground6#40512989
  • editorBracketPairGuide.background1#CCBDD0fe
  • editorBracketPairGuide.background2#BAC5ADfe
  • editorBracketPairGuide.background3#BFBFD2fe
  • editorBracketPairGuide.background4#CABEB4fe
  • editorBracketPairGuide.background5#CCBCD0fe
  • editorBracketPairGuide.background6#CBBBCFfe
  • editorCodeLens.foreground#42425E6e
  • editorCommentsWidget.rangeActiveBackground#3C3CABfe
  • editorCommentsWidget.rangeBackground#D6D6E2fe
  • editorCommentsWidget.resolvedBorder#EFEFF4fe
  • editorCommentsWidget.unresolvedBorder#FFAAAAcb
  • editorCursor.background#D6D6E2fe
  • editorCursor.foreground#71800Ffe
  • editorError.background#FBF9FB00
  • editorError.border#F4F4F700
  • editorError.foreground#890089ce
  • editorGhostText.background#D6D6E2fe
  • editorGhostText.border#F9FBFA00
  • editorGhostText.foreground#4949686e
  • editorGroup.border#EFEFF4fe
  • editorGroup.dropBackground#D6D6E2fe
  • editorGroup.dropIntoPromptBackground#D6D6E2fe
  • editorGroup.dropIntoPromptBorder#EFEFF4fe
  • editorGroup.dropIntoPromptForeground#2C2C60ce
  • editorGroup.emptyBackground#D6D6E2fe
  • editorGroup.focusedEmptyBorder#EFEFF4fe
  • editorGroupHeader.border#F4F4F700
  • editorGroupHeader.noTabsBackground#EAEAF0ae
  • editorGroupHeader.tabsBackground#D6D6E2a1
  • editorGroupHeader.tabsBorder#F9FBFA00
  • editorGutter.addedBackground#1B571Efb
  • editorGutter.background#D6D6E2fe
  • editorGutter.commentGlyphForeground#2C2C60ce
  • editorGutter.commentRangeForeground#2C2C60ce
  • editorGutter.commentUnresolvedGlyphForeground#1E5521cb
  • editorGutter.deletedBackground#9B0000cb
  • editorGutter.foldingControlForeground#2C2C60ce
  • editorGutter.modifiedBackground#5A4A00ce
  • editorHint.border#F9FBFA00
  • editorHint.foreground#3900EFce
  • editorHoverWidget.background#EFEFF4fe
  • editorHoverWidget.border#EFEFF4fe
  • editorHoverWidget.foreground#2C2C60ce
  • editorHoverWidget.highlightForeground#3F2F22ca
  • editorHoverWidget.statusBarBackground#D6D6E2fe
  • editorIndentGuide.activeBackground1#393C11fe
  • editorIndentGuide.activeBackground2#363D03fe
  • editorIndentGuide.activeBackground3#3A3E1Afe
  • editorIndentGuide.activeBackground4#3A3E1Afe
  • editorIndentGuide.activeBackground5#393C11fe
  • editorIndentGuide.activeBackground6#363D03fe
  • editorIndentGuide.background1#63454C35
  • editorIndentGuide.background2#6D5B4C35
  • editorIndentGuide.background3#4C6D5435
  • editorIndentGuide.background4#34484A35
  • editorIndentGuide.background5#404A3435
  • editorIndentGuide.background6#5E424835
  • editorInfo.background#FBF9FB00
  • editorInfo.border#F4F4F700
  • editorInfo.foreground#3900EFce
  • editorInlayHint.background#D6D6E2fe
  • editorInlayHint.foreground#2C2C60ce
  • editorInlayHint.parameterBackground#D6D6E2fe
  • editorInlayHint.parameterForeground#2C2C60ce
  • editorInlayHint.typeBackground#D6D6E2fe
  • editorInlayHint.typeForeground#2C2C60ce
  • editorLightBulb.foreground#5A4A00ce
  • editorLightBulbAutoFix.foreground#1E5521cb
  • editorLineNumber.activeForeground#71800Ffe
  • editorLineNumber.dimmedForeground#42425E6e
  • editorLineNumber.foreground#0101BE6e
  • editorLink.activeForeground#718012fe
  • editorMarkerNavigation.background#EFEFF4fe
  • editorMarkerNavigationError.background#FF9DFEa2
  • editorMarkerNavigationError.headerBackground#FF9DFE99
  • editorMarkerNavigationInfo.background#BABAFFfe
  • editorMarkerNavigationInfo.headerBackground#BABAFFfe
  • editorMarkerNavigationWarning.background#E6BE00fe
  • editorMarkerNavigationWarning.headerBackground#E6BE00fe
  • editorOverviewRuler.addedForeground#1E5521cb
  • editorOverviewRuler.background#D6D6E2fe
  • editorOverviewRuler.border#C2C2D4fe
  • editorOverviewRuler.bracketMatchForeground#2C2C60ce
  • editorOverviewRuler.commentForeground#0101BE6e
  • editorOverviewRuler.commentUnresolvedForeground#1E5521cb
  • editorOverviewRuler.commonContentForeground#2C2C60ce
  • editorOverviewRuler.currentContentForeground#4B4B4B9c
  • editorOverviewRuler.deletedForeground#9B0000cb
  • editorOverviewRuler.errorForeground#890089ce
  • editorOverviewRuler.findMatchForeground#005454ce
  • editorOverviewRuler.incomingContentForeground#1E5521cb
  • editorOverviewRuler.infoForeground#3900EFce
  • editorOverviewRuler.modifiedForeground#5A4A00ce
  • editorOverviewRuler.rangeHighlightForeground#05383Cca
  • editorOverviewRuler.selectionHighlightForeground#3900EFce
  • editorOverviewRuler.warningForeground#5A4A00ce
  • editorOverviewRuler.wordHighlightForeground#17363Aca
  • editorOverviewRuler.wordHighlightStrongForeground#2C2C60ce
  • editorOverviewRuler.wordHighlightTextForeground#2C2C60ce
  • editorPane.background#D6D6E2fe
  • editorRuler.foreground#3838B833
  • editorStickyScroll.background#D6D6E2fe
  • editorStickyScrollHover.background#BEBED16e
  • editorSuggestWidget.background#EFEFF4fe
  • editorSuggestWidget.border#F9FBFA00
  • editorSuggestWidget.focusHighlightForeground#33336Efe
  • editorSuggestWidget.foreground#640F24fe
  • editorSuggestWidget.highlightForeground#15391Eca
  • editorSuggestWidget.selectedBackground#AA968688
  • editorSuggestWidget.selectedForeground#2C2C5Fca
  • editorSuggestWidget.selectedIconForeground#263614ca
  • editorSuggestWidgetStatus.foreground#4D1D56fe
  • editorUnicodeHighlight.background#B89AA1a9
  • editorUnicodeHighlight.border#EFEFF4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F4F4F700
  • editorWarning.border#FAFBF900
  • editorWarning.foreground#5A4A00ce
  • editorWhitespace.foreground#2C2C60ce
  • editorWidget.background#EFEFF4fe
  • editorWidget.border#EFEFF4fe
  • editorWidget.foreground#2C2C60ce
  • editorWidget.resizeBorder#EFEFF4fe
  • errorForeground#890089ce
  • extensionBadge.remoteBackground#728013fe
  • extensionBadge.remoteForeground#EAEAF0fe
  • extensionButton.background#BEBED1ae
  • extensionButton.foreground#2C2C60ce
  • extensionButton.hoverBackground#BEBED26e
  • extensionButton.prominentBackground#D6D6E2fe
  • extensionButton.prominentForeground#2C2C60ce
  • extensionButton.prominentHoverBackground#D6D6E2fe
  • extensionButton.separator#FBF9FB00
  • extensionIcon.preReleaseForeground#63111Afe
  • extensionIcon.sponsorForeground#2D2D58fe
  • extensionIcon.starForeground#63111Afe
  • extensionIcon.verifiedForeground#263536fe
  • focusBorder#FBF9FB00
  • foreground#2C2C60ce
  • gitDecoration.addedResourceForeground#1E5521cb
  • gitDecoration.deletedResourceForeground#9B0000cb
  • gitDecoration.modifiedResourceForeground#5A4A00ce
  • gitDecoration.renamedResourceForeground#3900EFce
  • gitDecoration.stageDeletedResourceForeground#9B0000cb
  • gitDecoration.stageModifiedResourceForeground#1E5521cb
  • gitDecoration.untrackedResourceForeground#005454ce
  • icon.foreground#2B2BD6ae
  • inlineChat.background#CCBACFca
  • inlineChat.border#CBBCD0ca
  • inlineChat.regionHighlight#181822ca
  • inlineChat.shadow#111913ca
  • inlineChatDiff.inserted#1E1516ca
  • inlineChatDiff.removed#151D1Eca
  • inlineChatInput.background#1B2627ca
  • inlineChatInput.border#AFC7B5ca
  • inlineChatInput.focusBorder#FBFAF900
  • inlineChatInput.placeholderForeground#521065ca
  • input.background#EFEFF4fe
  • input.border#EFEFF4fe
  • input.foreground#2C2C60ce
  • input.placeholderForeground#3E3E5965
  • inputOption.activeBackground#EFEFF4fe
  • inputOption.activeBorder#EFEFF4fe
  • inputOption.activeForeground#728014fe
  • inputOption.hoverBackground#EFEFF4fe
  • inputValidation.errorBackground#670067b7
  • inputValidation.errorBorder#FF9DFEa3
  • inputValidation.errorForeground#890089ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFEFF4fe
  • inputValidation.infoForeground#2C2C60ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFEFF4fe
  • inputValidation.warningForeground#5A4A00ce
  • interactive.activeCodeBorder#EFEFF4fe
  • interactive.inactiveCodeBorder#BEBED193
  • keybindingLabel.background#D6D6E2fe
  • keybindingLabel.border#EFEFF4fe
  • keybindingLabel.bottomBorder#EFEFF4fe
  • keybindingLabel.foreground#2C2C60ce
  • keybindingTable.headerBackground#D6D6E2fe
  • keybindingTable.rowsBackground#D6D6E2fe
  • list.activeSelectionBackground#B5A3958d
  • list.activeSelectionForeground#24370Aca
  • list.activeSelectionIconForeground#2A3615ca
  • list.deemphasizedForeground#2C2C60ce
  • list.dropBackground#D6D6E2fe
  • list.errorForeground#890089ce
  • list.filterMatchBackground#D6D6E2fe
  • list.filterMatchBorder#EFEFF4fe
  • list.focusAndSelectionOutline#F7F4F500
  • list.focusBackground#BDBDD197
  • list.focusForeground#718010fe
  • list.focusHighlightForeground#5B2A36fe
  • list.focusOutline#F4F4F700
  • list.highlightForeground#24370Aca
  • list.hoverBackground#BDCFD1a1
  • list.hoverForeground#728013fe
  • list.inactiveFocusBackground#C2C2D49b
  • list.inactiveFocusOutline#F7F4F500
  • list.inactiveSelectionBackground#EAEAF0ae
  • list.inactiveSelectionForeground#30304565
  • list.inactiveSelectionIconForeground#30304565
  • list.invalidItemForeground#2C2C60ce
  • list.warningForeground#5A4A00ce
  • listFilterWidget.background#D6D6E2fe
  • listFilterWidget.noMatchesOutline#F4F4F700
  • listFilterWidget.outline#F9FBFB00
  • listFilterWidget.shadow#FBFAF900
  • menu.background#EAEAF0fe
  • menu.border#F9FBFA00
  • menu.foreground#2C2C62ae
  • menu.selectionBackground#BDCFD1ad
  • menu.selectionBorder#FAFBF900
  • menu.selectionForeground#718012fe
  • menu.separatorBackground#BEBED265
  • menubar.selectionBackground#BDCFD1ad
  • menubar.selectionBorder#FAFBF900
  • menubar.selectionForeground#718012fe
  • merge.border#EFEFF4fe
  • merge.commonContentBackground#D6D6E2fe
  • merge.commonHeaderBackground#D6D6E2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#91CF94fb
  • merge.incomingContentBackground#8FCF92cb
  • merge.incomingHeaderBackground#91CF94fb
  • mergeEditor.change.background#D6D6E2fe
  • mergeEditor.change.word.background#D6D6E2fe
  • mergeEditor.changeBase.background#D6D6E2fe
  • mergeEditor.changeBase.word.background#D6D6E2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFEFF4fe
  • mergeEditor.conflict.handledUnfocused.border#CCCCDB34
  • mergeEditor.conflict.input1.background#EFEFF4fe
  • mergeEditor.conflict.input2.background#EFEFF4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b6
  • mergeEditor.conflict.unhandledFocused.border#EFEFF4fe
  • mergeEditor.conflict.unhandledUnfocused.border#C7C7D838
  • mergeEditor.conflictingLines.background#D6D6E2fe
  • minimap.background#D6D6E2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1B571Efb
  • minimapGutter.deletedBackground#9C0000fb
  • minimapGutter.modifiedBackground#5A4A00ce
  • minimapSlider.activeBackground#7777A0fe
  • minimapSlider.background#9F9FBCae
  • minimapSlider.hoverBackground#8181A76e
  • notebook.cellBorderColor#EFEFF4fe
  • notebook.cellEditorBackground#D6D6E2fe
  • notebook.cellHoverBackground#D6D6E2fe
  • notebook.cellInsertionIndicator#251B27ca
  • notebook.cellStatusBarItemHoverBackground#D6D6E2fe
  • notebook.cellToolbarSeparator#251B27ca
  • notebook.editorBackground#D6D6E2fe
  • notebook.focusedCellBackground#D6D6E2fe
  • notebook.focusedCellBorder#728013fe
  • notebook.focusedEditorBorder#EFEFF4fe
  • notebook.inactiveFocusedCellBorder#6D6D998e
  • notebook.inactiveSelectedCellBorder#6868958e
  • notebook.outputContainerBackgroundColor#D6D6E2fe
  • notebook.outputContainerBorderColor#EFEFF4fe
  • notebook.selectedCellBackground#D6D6E2fe
  • notebook.selectedCellBorder#EFEFF4fe
  • notebook.symbolHighlightBackground#D6D6E2fe
  • notebookEditorOverviewRuler.runningCellForeground#2C2C60ce
  • notebookScrollbarSlider.activeBackground#6D6D99fe
  • notebookScrollbarSlider.background#A4A4BFae
  • notebookScrollbarSlider.hoverBackground#7C7CA36e
  • notebookStatusErrorIcon.foreground#890089ce
  • notebookStatusRunningIcon.foreground#640F24fe
  • notebookStatusSuccessIcon.foreground#1E5521cb
  • notificationCenter.border#EFEFF4fe
  • notificationCenterHeader.background#D6D6E2fe
  • notificationCenterHeader.foreground#2C2C60ce
  • notificationLink.foreground#2C2C60ce
  • notifications.background#D6D6E2fe
  • notifications.border#EFEFF4fe
  • notifications.foreground#2C2C60ce
  • notificationsErrorIcon.foreground#890089ce
  • notificationsInfoIcon.foreground#29393Bfe
  • notificationsWarningIcon.foreground#5A4A00ce
  • notificationToast.border#EFEFF4fe
  • panel.background#D6D6E2fe
  • panel.border#EFEFF4fe
  • panel.dropBorder#EFEFF4fe
  • panelInput.border#EFEFF4fe
  • panelSection.border#EFEFF4fe
  • panelSection.dropBackground#D6D6E2fe
  • panelSectionHeader.background#D6D6E2fe
  • panelSectionHeader.border#EFEFF4fe
  • panelSectionHeader.foreground#2C2C60ce
  • panelTitle.activeBorder#F7F4F500
  • panelTitle.activeForeground#373D12fe
  • panelTitle.inactiveForeground#37375165
  • peekView.border#393C11fe
  • peekViewEditor.background#EFEFF4fe
  • peekViewEditor.matchHighlightBackground#BCAC9F8b
  • peekViewEditor.matchHighlightBorder#F4F4F700
  • peekViewEditorGutter.background#EFEFF4fe
  • peekViewEditorStickyScroll.background#D6D6E2fe
  • peekViewResult.background#EAEAF0fe
  • peekViewResult.fileForeground#2C2C60ce
  • peekViewResult.lineForeground#2C2C60ce
  • peekViewResult.matchHighlightBackground#95B59C8c
  • peekViewResult.selectionBackground#95B1B581
  • peekViewResult.selectionForeground#15363Bca
  • peekViewTitle.background#EAEAF0fe
  • peekViewTitleDescription.foreground#2C2C60ce
  • peekViewTitleLabel.foreground#2C2C60ce
  • pickerGroup.border#EFEFF4fe
  • pickerGroup.foreground#2C2C60ce
  • ports.iconRunningProcessForeground#5E1725fe
  • problemsErrorIcon.foreground#890089ce
  • problemsInfoIcon.foreground#3900EFce
  • problemsWarningIcon.foreground#5A4A00ce
  • profileBadge.background#71800Efe
  • profileBadge.foreground#EAEAF0fe
  • progressBar.background#D6D6E2fe
  • quickInput.background#EAEAF0fe
  • quickInput.foreground#2C2C62ae
  • quickInputList.focusBackground#C1AEC6ae
  • quickInputList.focusForeground#718010fe
  • quickInputList.focusIconForeground#728014fe
  • quickInputTitle.background#EFEFF4fe
  • sash.hoverBorder#EFEFF4fe
  • scrollbar.shadow#FAFBF900
  • scrollbarSlider.activeBackground#686895fe
  • scrollbarSlider.background#A9A9C3ae
  • scrollbarSlider.hoverBackground#8B8BAE6e
  • search.resultsInfoForeground#2C2C60ce
  • searchEditor.findMatchBackground#8686AAae
  • searchEditor.findMatchBorder#EFEFF4fe
  • searchEditor.textInputBorder#EFEFF4fe
  • selection.background#D6D6E2fe
  • settings.checkboxBackground#EFEFF4fe
  • settings.checkboxBorder#EFEFF4fe
  • settings.checkboxForeground#2C2C60ce
  • settings.dropdownBackground#EFEFF4fe
  • settings.dropdownBorder#EFEFF4fe
  • settings.dropdownForeground#2C2C60ce
  • settings.dropdownListBorder#EFEFF4fe
  • settings.focusedRowBackground#8BAAAE88
  • settings.focusedRowBorder#EFEFF4fe
  • settings.headerBorder#EFEFF4fe
  • settings.headerForeground#2C2C60ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFEFF4fe
  • settings.numberInputBorder#EFEFF4fe
  • settings.numberInputForeground#2C2C60ce
  • settings.rowHoverBackground#D6D6E2fe
  • settings.sashBorder#EFEFF4fe
  • settings.settingsHeaderHoverForeground#727F0Cfe
  • settings.textInputBackground#EFEFF4fe
  • settings.textInputBorder#EFEFF4fe
  • settings.textInputForeground#2C2C60ce
  • sideBar.background#D6D6E2fe
  • sideBar.border#EFEFF4fe
  • sideBar.dropBackground#D6D6E2fe
  • sideBar.foreground#2B2BD6ae
  • sideBarSectionHeader.background#FAFBF900
  • sideBarSectionHeader.border#EFEFF4fe
  • sideBarSectionHeader.foreground#2C2C60ce
  • sideBarTitle.foreground#2C2C60ce
  • sideBySideEditor.horizontalBorder#EFEFF4fe
  • sideBySideEditor.verticalBorder#EFEFF4fe
  • simpleFindWidget.sashBorder#EFEFF4fe
  • statusBar.background#EAEAF0fe
  • statusBar.border#EFEFF4fe
  • statusBar.debuggingBackground#FF9DFE9d
  • statusBar.debuggingBorder#EFEFF4fe
  • statusBar.debuggingForeground#2C2C60ce
  • statusBar.focusBorder#F4F4F700
  • statusBar.foreground#0101BE6e
  • statusBar.noFolderBackground#EAEAF0fe
  • statusBar.noFolderBorder#EFEFF4fe
  • statusBar.noFolderForeground#2C2C60ce
  • statusBarItem.activeBackground#EAEAF0fe
  • statusBarItem.compactHoverBackground#EAEAF0fe
  • statusBarItem.errorBackground#FF9DFEc5
  • statusBarItem.errorForeground#890089ce
  • statusBarItem.errorHoverBackground#FF9DFEab
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F7F4F500
  • statusBarItem.hoverBackground#EAEAF0fe
  • statusBarItem.hoverForeground#737E28fe
  • statusBarItem.offlineBackground#EAEAF0fe
  • statusBarItem.offlineForeground#2C2C60ce
  • statusBarItem.offlineHoverBackground#EAEAF0fe
  • statusBarItem.offlineHoverForeground#727F0Cfe
  • statusBarItem.prominentBackground#EAEAF0fe
  • statusBarItem.prominentForeground#2C2C60ce
  • statusBarItem.prominentHoverBackground#EAEAF0fe
  • statusBarItem.prominentHoverForeground#6C7627fe
  • statusBarItem.remoteBackground#728014fe
  • statusBarItem.remoteForeground#EAEAF0fe
  • statusBarItem.remoteHoverBackground#EAEAF0fe
  • statusBarItem.remoteHoverForeground#728014fe
  • statusBarItem.warningBackground#E6BE00fe
  • statusBarItem.warningForeground#5A4A00ce
  • statusBarItem.warningHoverBackground#E6BE00fe
  • statusBarItem.warningHoverForeground#907700ce
  • symbolIcon.arrayForeground#2F3626fe
  • symbolIcon.booleanForeground#005454ce
  • symbolIcon.classForeground#15391Efe
  • symbolIcon.colorForeground#402D31fe
  • symbolIcon.constantForeground#2D2D56fe
  • symbolIcon.constructorForeground#44264Cfe
  • symbolIcon.enumeratorForeground#29393Bfe
  • symbolIcon.enumeratorMemberForeground#0A0AA9fe
  • symbolIcon.eventForeground#2D4031fe
  • symbolIcon.fieldForeground#1A3638fe
  • symbolIcon.fileForeground#53222Dfe
  • symbolIcon.folderForeground#50175Efe
  • symbolIcon.functionForeground#24370Afe
  • symbolIcon.interfaceForeground#24370Afe
  • symbolIcon.keyForeground#412E1Afe
  • symbolIcon.keywordForeground#521065fe
  • symbolIcon.methodForeground#304345fe
  • symbolIcon.moduleForeground#2C2C5Ffe
  • symbolIcon.namespaceForeground#63111Afe
  • symbolIcon.nullForeground#263536fe
  • symbolIcon.numberForeground#29393Bfe
  • symbolIcon.objectForeground#412946fe
  • symbolIcon.operatorForeground#2A3615fe
  • symbolIcon.packageForeground#0A0AA9fe
  • symbolIcon.propertyForeground#11391Afe
  • symbolIcon.referenceForeground#304535fe
  • symbolIcon.snippetForeground#2D2D58fe
  • symbolIcon.stringForeground#412946fe
  • symbolIcon.structForeground#2D3E40fe
  • symbolIcon.textForeground#442B30fe
  • symbolIcon.typeParameterForeground#520E68fe
  • symbolIcon.unitForeground#26362Afe
  • symbolIcon.variableForeground#26362Afe
  • tab.activeBackground#E5E5EDfe
  • tab.activeBorder#F4F4F700
  • tab.activeBorderTop#3A3E1Afe
  • tab.activeForeground#373D09fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FBFAF900
  • tab.hoverBackground#2F4F53a8
  • tab.hoverBorder#EFEFF4fe
  • tab.hoverForeground#727F0Cfe
  • tab.inactiveBackground#BEBED19d
  • tab.inactiveForeground#37375165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFEFF4fe
  • tab.unfocusedActiveBackground#CCCCDB3b
  • tab.unfocusedActiveBorder#FAFBF900
  • tab.unfocusedActiveBorderTop#BEBED265
  • tab.unfocusedActiveForeground#3E3E5965
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3636BC28
  • tab.unfocusedHoverBorder#CCCCDB28
  • tab.unfocusedHoverForeground#37375865
  • tab.unfocusedInactiveBackground#B3B3CA96
  • tab.unfocusedInactiveForeground#3E3E5965
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a2
  • 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#670067bf
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6D6E2fe
  • terminal.border#EFEFF4fe
  • terminal.dropBackground#D6D6E2fe
  • terminal.findMatchBackground#D6D6E2fe
  • terminal.findMatchBorder#EFEFF4fe
  • terminal.findMatchHighlightBackground#D6D6E2fe
  • terminal.findMatchHighlightBorder#EFEFF4fe
  • terminal.foreground#2B2BD6ae
  • terminal.hoverHighlightBackground#D6D6E2fe
  • terminal.inactiveSelectionBackground#AEAEC699
  • terminal.selectionBackground#B5A39589
  • terminal.selectionForeground#640F24ca
  • terminal.tab.activeBorder#373D09fe
  • terminalCommandDecoration.defaultBackground#6D3D48a4
  • terminalCommandDecoration.errorBackground#9B0000cb
  • terminalCommandDecoration.successBackground#1E5521cb
  • terminalCursor.background#D6D6E2fe
  • terminalCursor.foreground#727F0Cfe
  • terminalOverviewRuler.cursorForeground#2C2C60ce
  • terminalOverviewRuler.findMatchForeground#005454ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b4
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#464E0Efe
  • testing.message.error.lineBackground#FF9DFEc2
  • testing.message.info.decorationForeground#464E0Efe
  • testing.message.info.lineBackground#BABAFFfe
  • testing.peekBorder#EFEFF4fe
  • testing.peekHeaderBackground#D6D6E2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6D6E2fe
  • textBlockQuote.border#EFEFF4fe
  • textCodeBlock.background#D6D6E2fe
  • textLink.activeForeground#737E28fe
  • textLink.foreground#3900EFce
  • textPreformat.foreground#2C2C60ce
  • textSeparator.foreground#2C2C60ce
  • titleBar.activeBackground#EAEAF0fe
  • titleBar.activeForeground#31317Aae
  • titleBar.border#FBFAF900
  • titleBar.inactiveBackground#CCCCDBd9
  • titleBar.inactiveForeground#37375165
  • toolbar.activeBackground#CBBACF81
  • toolbar.hoverBackground#D6D6E2fe
  • toolbar.hoverOutline#F4F4F700
  • tree.inactiveIndentGuidesStroke#4C6A6D35
  • tree.indentGuidesStroke#484F15fe
  • tree.tableColumnsBorder#EFEFF4fe
  • tree.tableOddRowsBackground#D6D6E2fe
  • walkThrough.embeddedEditorBackground#D6D6E2fe
  • walkthrough.stepTitle.foreground#2C2C60ce
  • welcomePage.background#D6D6E2fe
  • welcomePage.progress.background#D6D6E2fe
  • welcomePage.progress.foreground#2C2C60ce
  • welcomePage.tileBackground#D6D6E2fe
  • welcomePage.tileBorder#EFEFF4fe
  • welcomePage.tileHoverBackground#D6D6E2fe
  • widget.border#EFEFF4fe
  • widget.shadow#F4F4F700
  • window.activeBorder#EFEFF4fe
  • window.inactiveBorder#BEBED19d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#26264B6e
comment.block.html#26264D6e
comment.block.java#27274A6e
comment.block.javadoc.java#27274A6e
comment.block.powershell#26264D6e
comment.block.xml#26264D6e
comment.line.double-slash.c#27274A6e
comment.line.double-slash.cpp#26264B6e
comment.line.double-slash.java#26264D6e
comment.line.double-slash.js#26264B6e
comment.line.number-sign.makefile#26264B6e
comment.line.number-sign.python#26264B6e
comment.line.number-sign.yaml#26264D6e
comment.line.percentage.erlang#26264D6e
comment.line.powershell#26264D6e
comment.source.cmake#27274A6e
comment.source.cmakecache#26264B6e
constant.character#021E78de
constant.character.character-class.regexp#6F254Fde
constant.character.escape#592F21de
constant.character.set.regexp#4C291Ede
constant.language#3C0E6Ade
constant.numeric#1C453Dde
constant.numeric.dec.python#391F52de
constant.other.caps.python#16312Cde
constant.other.character-class.regexp#3E4508de
constant.other.character-class.set.regexp#592141de
constant.other.color.rgb-value#522C1Fde
constant.other.placeholder#2A2C03de
constant.other.rgb-value#0B4A3Fde
constant.regexp#0C3029de
constant.sha.git-rebase#471E11de
emphasis#3C0E6Ade
entity.name.class#45261Cde
entity.name.function#451C33de
entity.name.function.preprocessor#0B2369de
entity.name.function.python#0B4A3Fde
entity.name.label#14265Cde
entity.name.namespace#094A3Ede
entity.name.operator#451C33de
entity.name.operator.custom-literal#4C291Ede
entity.name.scope-resolution#3E4508de
entity.name.tag#371E4Fde
entity.name.tag.css#442115de
entity.name.type#021E78debold
entity.name.variable#471A33de
entity.other.attribute#3C0E6Ade
entity.other.attribute-name#501034de
entity.other.attribute-name.class.css#511603de
entity.other.attribute-name.class.mixin.css#2E3116de
entity.other.attribute-name.id#0A4D0Ade
entity.other.attribute-name.id.css#1C451Cde
entity.other.attribute-name.parent-selector.css#4C291Ede
entity.other.attribute-name.pseudo-class.css#3E450Ede
entity.other.attribute-name.pseudo-element.css#462468de
entity.other.attribute-name.scss#103110de
entity.other.document.begin.yaml#26264D6e
entity.other.inherited-class#3D2159de
header#391F52de
invalid#1A3E1Ade
keyword#003128debold
keyword.codetag.notation.python#25386Fdebold
keyword.control#3E4511debold
keyword.control.anchor.regexp#4C1535debold
keyword.control.import.python#0E4A3Fdebold
keyword.operator#3E450Edebold
keyword.operator.alignas#0B2369debold
keyword.operator.alignof#451C33debold
keyword.operator.cast#3E450Edebold
keyword.operator.delete#792508debold
keyword.operator.documentation.powershell#26264B6ebold
keyword.operator.expression#183832debold
keyword.operator.instanceof#113111debold
keyword.operator.logical.python#68244Adebold
keyword.operator.minus.exponent#3D2159debold
keyword.operator.negation.regexp#39185Ddebold
keyword.operator.new#0A4D0Adebold
keyword.operator.noexcept#381C53debold
keyword.operator.or.regexp#471E11debold
keyword.operator.plus.exponent#1A3E1Adebold
keyword.operator.quantifier.regexp#391A58debold
keyword.operator.sizeof#243568debold
keyword.operator.typeid#4E1233debold
keyword.operator.wordlike#0B4A3Fdebold
keyword.other.operator#113111debold
keyword.other.package.java#592141debold
keyword.other.unit#68244Adebold
keyword.other.using#3B0278debold
markup.bold#592F21de
markup.changed#1A3E37de
markup.deleted#3E450Cde
markup.fenced_code.block.markdown#4A256Fde
markup.heading#0B310Bde
markup.inline.raw#282C11de
markup.inserted#491833de
markup.italic#521F3Cde
markup.raw.block.markdown#521F3Cde
markup.strikethrough#592F21de
markup.underline#053027de
meta.block.c#592F21de
meta.block.c#3E4508de
meta.class.java#0B310Bde
meta.definition.variable.name#451C33de
meta.diff.header#792508de
meta.embedded#103110de
meta.embedded.assembly#0C2369de
meta.function-call.arguments.python#7B2205de
meta.function-call.python#0C3029de
meta.member.access.python#451F12de
meta.method.java#183832de
meta.object-literal.key#094D09de
meta.paragraph.markdown#3B0278de
meta.preprocessor#114C11de
meta.preprocessor.numeric#522C1Fde
meta.preprocessor.string#114C11de
meta.scope.prerequisites.makefile#113111de
meta.structure.dictionary.json.comments#27274A6e
meta.structure.dictionary.key.python#422118de
meta.structure.dictionary.value.json.comments#26264B6e
meta.template.expression#003128de
meta.type.cast.expr#0B4A3Fdebold
meta.type.new.expr#4C1535debold
parameter#0C4C0Cde
punctuation.character.set.begin.regexp#343818de
punctuation.character.set.end.regexp#033203de
punctuation.definition.array.begin.json#183818de
punctuation.definition.character-class.regexp#1C453Dde
punctuation.definition.comment#27274A6e
punctuation.definition.comment.json.comments#26264B6e
punctuation.definition.comment.python#27274A6e
punctuation.definition.dictionary.begin.json#003128de
punctuation.definition.dictionary.end.json#1A3E37de
punctuation.definition.group.assertion.regexp#3C0E6Ade
punctuation.definition.group.regexp#1E294Cde
punctuation.definition.list.begin.json#68244Ade
punctuation.definition.list.begin.markdown#3E231Ade
punctuation.definition.list.begin.python#471B33de
punctuation.definition.list.end.json#2A2C03de
punctuation.definition.list.end.markdown#343818de
punctuation.definition.list.end.python#282C11de
punctuation.definition.parameters.begin.python#371D52de
punctuation.definition.parameters.end.bracket.round.java#462468de
punctuation.definition.quote.begin.markdown#3E4508de
punctuation.definition.tag#3B1364de
punctuation.definition.template-expression.begin#1F2C52de
punctuation.definition.template-expression.end#510F34de
punctuation.section.class.begin.bracket.curly.java#3B1364de
punctuation.section.embedded#2E3116de
punctuation.section.embedded.begin.php#3C0B6Dde
punctuation.section.embedded.end.php#471B33de
punctuation.terminator.java#522C1Fde
source.cmake#4A256Fde
source.coffee.embedded#003128de
source.cpp#491833de
source.css.less#021E78de
source.groovy.embedded#471E11de
source.java#6F254Fde
source.java-properties#25386Fde
source.json.comments#26264B6e
source.makefile#282C11de
source.powershell#233260de
source.powershell.variable.other.member#45261Cde
source.python#3B1364de
storage#0F2465de
storage.modifier#282C11de
storage.modifier.import.java#114C11de
storage.modifier.package.java#053027de
storage.type#1C451Cdebold
storage.type.annotation.groovy#462468debold
storage.type.annotation.java#272D07debold
storage.type.boolean.go#094A3Edebold
storage.type.byte.go#45261Cdebold
storage.type.cs#212F59debold
storage.type.error.go#0B4A3Fdebold
storage.type.generic.cs#113111debold
storage.type.generic.groovy#1E294Cdebold
storage.type.generic.java#272D07debold
storage.type.groovy#3C0A6Edebold
storage.type.java#104A3Fdebold
storage.type.modifier.cs#104A3Fdebold
storage.type.numeric.go#491833debold
storage.type.object.array.groovy#39185Ddebold
storage.type.object.array.java#3C0A6Edebold
storage.type.parameters.groovy#094A3Edebold
storage.type.primitive.array.groovy#3F4511debold
storage.type.primitive.array.java#471E11debold
storage.type.primitive.groovy#3C0B6Ddebold
storage.type.primitive.java#243568debold
storage.type.rune.go#114C11debold
storage.type.string.go#3C0A6Edebold
storage.type.token.java#371D52debold
storage.type.uintptr.go#402319debold
storage.type.variable.cs#0E4A3Fdebold
string#442115de
string.quoted.docstring.multi.python#26264B6e
string.regexp#391F52de
string.tag#0D4A3Fde
string.value#3E450Ede
strong#3B0278de
support.class#471B33de
support.constant.color#272D07de
support.constant.dom#113111de
support.constant.font-name#0F2465de
support.constant.handlebars#45261Cde
support.constant.json#792508de
support.constant.math#2E3116de
support.constant.media#094D09de
support.constant.media-type#114C11debold
support.constant.property-value#6F254Fde
support.function#14265Cde
support.function.git-rebase#1A3E1Ade
support.other.parenthesis.regexp#442115de
support.type#451C33debold
support.type.property-name#343818debold
support.type.vendored.property-name#4E1233debold
support.variable#510F34de
token.debug-token#491833de
token.error-token#381C53de
token.info-token#272D03de
token.warn-token#391A58de
variable#4C1E37de
variable.css#3C0A6Ede
variable.language#0A4D0Ade
variable.language.wildcard.java#023202de
variable.other.constant#1C451Cde
variable.other.definition.java#0C3029de
variable.other.enummember#021E78de
variable.other.less#183818de
variable.other.object.java#272D03de
variable.other.object.property.java#4C291Ede
variable.parameter.c#243568de
variable.parameter.function.language.python#163116de
variable.parameter.java#3A3E1Ade
variable.scss#0C2369de