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#D6DCE2fe
  • activityBar.activeBackground#D6DCE2fe
  • activityBar.activeBorder#669029fe
  • activityBar.activeFocusBorder#DA4BAB00
  • activityBar.background#EAEDF0fe
  • activityBar.border#2F976300
  • activityBar.dropBorder#649129fe
  • activityBar.foreground#669029fe
  • activityBar.inactiveForeground#5387C565
  • activityBarBadge.background#5A930Afe
  • activityBarBadge.foreground#EAEDF0fe
  • badge.background#5A9407fe
  • badge.foreground#EAEDF0fe
  • banner.background#D6DCE2fe
  • banner.foreground#32577Cce
  • banner.iconForeground#305D4Afe
  • breadcrumb.activeSelectionForeground#8B366Bca
  • breadcrumb.background#E5E9EDfe
  • breadcrumb.focusForeground#5A9308fe
  • breadcrumb.foreground#355785ae
  • breadcrumbPicker.background#D6DCE2fe
  • button.background#95A3B5ae
  • button.border#F4F6F700
  • button.foreground#32577Cce
  • button.hoverBackground#C2CAD46e
  • button.secondaryBackground#D6DCE2fe
  • button.secondaryForeground#32577Cce
  • button.secondaryHoverBackground#D6DCE2fe
  • button.separator#FBF9F900
  • charts.blue#1b1bfffe
  • charts.foreground#32577Cce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFF1F4fe
  • chat.slashCommandBackground#D6DCE2fe
  • chat.slashCommandForeground#32577Cce
  • checkbox.background#EFF1F4fe
  • checkbox.border#EFF1F4fe
  • checkbox.foreground#32577Cce
  • checkbox.selectBackground#EFF1F4fe
  • checkbox.selectBorder#EFF1F4fe
  • commandCenter.activeBackground#D2C3EE89
  • commandCenter.activeBorder#EFF1F4fe
  • commandCenter.activeForeground#5A9408fe
  • commandCenter.background#D6DCE2fe
  • commandCenter.border#EFF1F4fe
  • commandCenter.foreground#32577Cce
  • commandCenter.inactiveBorder#BBCBE09d
  • commandCenter.inactiveForeground#5388C765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F9FBFA00
  • contrastBorder#FBFBF900
  • debugConsole.errorForeground#9A009Ace
  • debugConsole.infoForeground#32577Cce
  • debugConsole.sourceForeground#32577Cce
  • debugConsole.warningForeground#645300ce
  • debugConsoleInputIcon.foreground#653BB7fe
  • debugExceptionWidget.background#FEB5FEbd
  • debugExceptionWidget.border#EFF1F4fe
  • debugIcon.breakpointCurrentStackframeForeground#863A6Efe
  • debugIcon.breakpointDisabledForeground#3D587565
  • debugIcon.breakpointForeground#8E3B3Bfe
  • debugIcon.breakpointStackframeForeground#3B577Cfe
  • debugIcon.breakpointUnverifiedForeground#883D3Dfe
  • debugIcon.continueForeground#345C4Afe
  • debugIcon.disconnectForeground#6242A6fe
  • debugIcon.pauseForeground#653BB7fe
  • debugIcon.restartForeground#813C6Afe
  • debugIcon.startForeground#8A366Efe
  • debugIcon.stepBackForeground#30453Cfe
  • debugIcon.stepIntoForeground#3B5D37fe
  • debugIcon.stepOutForeground#345F30fe
  • debugIcon.stepOverForeground#8A366Efe
  • debugIcon.stopForeground#8B366Bfe
  • debugTokenExpression.boolean#1F1B27ca
  • debugTokenExpression.error#15131Bca
  • debugTokenExpression.name#202C1Fca
  • debugTokenExpression.number#222118ca
  • debugTokenExpression.value#2C2B1Fca
  • debugToolBar.background#FEB5FEac
  • debugToolBar.border#EFF1F4fe
  • debugView.exceptionLabelBackground#77E26Bca
  • debugView.exceptionLabelForeground#8E3B3Bca
  • debugView.stateLabelBackground#F9B6DBca
  • debugView.stateLabelForeground#36568Bca
  • debugView.valueChangedHighlight#222118ca
  • descriptionForeground#32577Cce
  • diffEditor.border#FAF9FB00
  • diffEditor.diagonalFill#000000f6
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#6EE374fb
  • diffEditor.insertedTextBorder#FAFBF900
  • diffEditor.move.border#FAFBF900
  • diffEditor.moveActive.border#FBF9F900
  • diffEditor.removedLineBackground#FEB9B931
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F9FBFA00
  • diffEditor.unchangedCodeBackground#D6DCE2fe
  • diffEditor.unchangedRegionBackground#D6DCE2fe
  • diffEditor.unchangedRegionForeground#32577Cce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#37424F65
  • dropdown.background#EFF1F4fe
  • dropdown.border#EFF1F4fe
  • dropdown.foreground#32577Cce
  • dropdown.listBackground#EFF1F4fe
  • editor.background#D6DCE2fe
  • editor.findMatchBackground#C3C0A9ac
  • editor.findMatchBorder#EFF1F4fe
  • editor.findMatchHighlightBackground#8BAE9Fa2
  • editor.findMatchHighlightBorder#EFF1F4fe
  • editor.findRangeHighlightBackground#AAA686a2
  • editor.findRangeHighlightBorder#EFF1F4fe
  • editor.focusedStackFrameHighlightBackground#B1AE9082
  • editor.foldBackground#A81B1Ba3
  • editor.foreground#32577Cce
  • editor.hoverHighlightBackground#AE8B8Bac
  • editor.inactiveSelectionBackground#B8C2CD9a
  • editor.inlineValuesBackground#D6DCE2fe
  • editor.inlineValuesForeground#32577Cce
  • editor.lineHighlightBackground#B8C2CDb1
  • editor.lineHighlightBorder#FBF9F900
  • editor.linkedEditingBackground#D6DCE2fe
  • editor.rangeHighlightBackground#8FAE8Ba7
  • editor.rangeHighlightBorder#EFF1F4fe
  • editor.selectionBackground#A7A381a4
  • editor.selectionForeground#643AB9ca
  • editor.selectionHighlightBackground#A3BC9F89
  • editor.selectionHighlightBorder#EFF1F4fe
  • editor.snippetFinalTabstopHighlightBackground#BFBCA4ad
  • editor.snippetFinalTabstopHighlightBorder#EFF1F4fe
  • editor.snippetTabstopHighlightBackground#B190A6a6
  • editor.snippetTabstopHighlightBorder#EFF1F4fe
  • editor.stackFrameHighlightBackground#8AAA86a7
  • editor.symbolHighlightBackground#A9C3B8a8
  • editor.symbolHighlightBorder#EFF1F4fe
  • editor.wordHighlightBackground#BFA4B6a3
  • editor.wordHighlightBorder#FAF9FB00
  • editor.wordHighlightStrongBackground#7C8EA3ad
  • editor.wordHighlightStrongBorder#F4F6F700
  • editor.wordHighlightTextBackground#AA869Ea5
  • editor.wordHighlightTextBorder#FBF9F900
  • editorBracketHighlight.foreground1#0A0C0Ece
  • editorBracketHighlight.foreground2#0A0C0Ece
  • editorBracketHighlight.foreground3#0A0C0Ece
  • editorBracketHighlight.foreground4#0A0C0Ece
  • editorBracketHighlight.foreground5#0A0C0Ece
  • editorBracketHighlight.foreground6#0A0C0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#32577Cce
  • editorBracketMatch.background#A22222a4
  • editorBracketMatch.border#EFF1F4fe
  • editorBracketPairGuide.activeBackground1#20604482
  • editorBracketPairGuide.activeBackground2#5C562084
  • editorBracketPairGuide.activeBackground3#631EE584
  • editorBracketPairGuide.activeBackground4#5E571D8d
  • editorBracketPairGuide.activeBackground5#26611D83
  • editorBracketPairGuide.activeBackground6#99207187
  • editorBracketPairGuide.background1#65E0AAfe
  • editorBracketPairGuide.background2#F9BCBCfe
  • editorBracketPairGuide.background3#65E0AAfe
  • editorBracketPairGuide.background4#6EDEAEfe
  • editorBracketPairGuide.background5#F9BABAfe
  • editorBracketPairGuide.background6#D4C3FBfe
  • editorCodeLens.foreground#424F5E6e
  • editorCommentsWidget.rangeActiveBackground#2B5784fe
  • editorCommentsWidget.rangeBackground#D6DCE2fe
  • editorCommentsWidget.resolvedBorder#EFF1F4fe
  • editorCommentsWidget.unresolvedBorder#FEBABAcb
  • editorCursor.background#D6DCE2fe
  • editorCursor.foreground#5A930Afe
  • editorError.background#F7F4F600
  • editorError.border#FBFBF900
  • editorError.foreground#9A009Ace
  • editorGhostText.background#D6DCE2fe
  • editorGhostText.border#FBFBF900
  • editorGhostText.foreground#113D746e
  • editorGroup.border#EFF1F4fe
  • editorGroup.dropBackground#D6DCE2fe
  • editorGroup.dropIntoPromptBackground#D6DCE2fe
  • editorGroup.dropIntoPromptBorder#EFF1F4fe
  • editorGroup.dropIntoPromptForeground#32577Cce
  • editorGroup.emptyBackground#D6DCE2fe
  • editorGroup.focusedEmptyBorder#EFF1F4fe
  • editorGroupHeader.border#F9FBFA00
  • editorGroupHeader.noTabsBackground#EAEDF0ae
  • editorGroupHeader.tabsBackground#D1D7DFa1
  • editorGroupHeader.tabsBorder#FBF9F900
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#D6DCE2fe
  • editorGutter.commentGlyphForeground#32577Cce
  • editorGutter.commentRangeForeground#32577Cce
  • editorGutter.commentUnresolvedGlyphForeground#17631Bcb
  • editorGutter.deletedBackground#B00000cb
  • editorGutter.foldingControlForeground#32577Cce
  • editorGutter.modifiedBackground#645300ce
  • editorHint.border#F4F6F700
  • editorHint.foreground#4C13FFce
  • editorHoverWidget.background#EFF1F4fe
  • editorHoverWidget.border#EFF1F4fe
  • editorHoverWidget.foreground#32577Cce
  • editorHoverWidget.highlightForeground#8E3B3Bca
  • editorHoverWidget.statusBarBackground#D6DCE2fe
  • editorIndentGuide.activeBackground1#1C4982fe
  • editorIndentGuide.activeBackground2#1C4982fe
  • editorIndentGuide.activeBackground3#193D6Bfe
  • editorIndentGuide.activeBackground4#19457Cfe
  • editorIndentGuide.activeBackground5#1C4982fe
  • editorIndentGuide.activeBackground6#19457Cfe
  • editorIndentGuide.background1#54523B35
  • editorIndentGuide.background2#63604535
  • editorIndentGuide.background3#50726335
  • editorIndentGuide.background4#53776735
  • editorIndentGuide.background5#543B3B35
  • editorIndentGuide.background6#72505035
  • editorInfo.background#F7F4F600
  • editorInfo.border#F4F6F700
  • editorInfo.foreground#4C13FFce
  • editorInlayHint.background#D6DCE2fe
  • editorInlayHint.foreground#32577Cce
  • editorInlayHint.parameterBackground#D6DCE2fe
  • editorInlayHint.parameterForeground#32577Cce
  • editorInlayHint.typeBackground#D6DCE2fe
  • editorInlayHint.typeForeground#32577Cce
  • editorLightBulb.foreground#645300ce
  • editorLightBulbAutoFix.foreground#17631Bcb
  • editorLineNumber.activeForeground#658E29fe
  • editorLineNumber.dimmedForeground#113D746e
  • editorLineNumber.foreground#4957686e
  • editorLink.activeForeground#5A930Afe
  • editorMarkerNavigation.background#EFF1F4fe
  • editorMarkerNavigationError.background#FEB5FE9d
  • editorMarkerNavigationError.headerBackground#FEB5FEa6
  • editorMarkerNavigationInfo.background#C5C5FEfe
  • editorMarkerNavigationInfo.headerBackground#C5C5FEfe
  • editorMarkerNavigationWarning.background#EFC600fe
  • editorMarkerNavigationWarning.headerBackground#EFC600fe
  • editorOverviewRuler.addedForeground#17631Bcb
  • editorOverviewRuler.background#D6DCE2fe
  • editorOverviewRuler.border#BFCBD9fe
  • editorOverviewRuler.bracketMatchForeground#32577Cce
  • editorOverviewRuler.commentForeground#4957686e
  • editorOverviewRuler.commentUnresolvedForeground#17631Bcb
  • editorOverviewRuler.commonContentForeground#32577Cce
  • editorOverviewRuler.currentContentForeground#565656bc
  • editorOverviewRuler.deletedForeground#B00000cb
  • editorOverviewRuler.errorForeground#9A009Ace
  • editorOverviewRuler.findMatchForeground#005F5Fce
  • editorOverviewRuler.incomingContentForeground#17631Bcb
  • editorOverviewRuler.infoForeground#4C13FFce
  • editorOverviewRuler.modifiedForeground#645300ce
  • editorOverviewRuler.rangeHighlightForeground#325E49ca
  • editorOverviewRuler.selectionHighlightForeground#4C13FFce
  • editorOverviewRuler.warningForeground#645300ce
  • editorOverviewRuler.wordHighlightForeground#8A366Eca
  • editorOverviewRuler.wordHighlightStrongForeground#32577Cce
  • editorOverviewRuler.wordHighlightTextForeground#32577Cce
  • editorPane.background#D6DCE2fe
  • editorRuler.foreground#29568822
  • editorStickyScroll.background#D6DCE2fe
  • editorStickyScroll.shadow#FAFBF900
  • editorStickyScrollHover.background#BFCBD96e
  • editorSuggestWidget.background#EFF1F4fe
  • editorSuggestWidget.border#F9FBFA00
  • editorSuggestWidget.focusHighlightForeground#3E926Dfe
  • editorSuggestWidget.foreground#3B5D37fe
  • editorSuggestWidget.highlightForeground#923939ca
  • editorSuggestWidget.selectedBackground#B1909083
  • editorSuggestWidget.selectedForeground#8E3B3Bca
  • editorSuggestWidget.selectedIconForeground#325E49ca
  • editorSuggestWidgetStatus.foreground#864040fe
  • editorUnicodeHighlight.background#9FACBCae
  • editorUnicodeHighlight.border#EFF1F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBF900
  • editorWarning.border#F4F6F700
  • editorWarning.foreground#645300ce
  • editorWhitespace.foreground#32577Cce
  • editorWidget.background#EFF1F4fe
  • editorWidget.border#EFF1F4fe
  • editorWidget.foreground#32577Cce
  • editorWidget.resizeBorder#EFF1F4fe
  • errorForeground#9A009Ace
  • extensionBadge.remoteBackground#5A9407fe
  • extensionBadge.remoteForeground#EAEDF0fe
  • extensionButton.background#B4CCE7ae
  • extensionButton.foreground#32577Cce
  • extensionButton.hoverBackground#BFCBD96e
  • extensionButton.prominentBackground#D6DCE2fe
  • extensionButton.prominentForeground#32577Cce
  • extensionButton.prominentHoverBackground#D6DCE2fe
  • extensionButton.separator#FBF9F900
  • extensionIcon.preReleaseForeground#36568Bfe
  • extensionIcon.sponsorForeground#813C6Afe
  • extensionIcon.starForeground#8B3D3Dfe
  • extensionIcon.verifiedForeground#334530fe
  • focusBorder#FAF9FB00
  • foreground#32577Cce
  • gitDecoration.addedResourceForeground#17631Bcb
  • gitDecoration.deletedResourceForeground#B00000cb
  • gitDecoration.modifiedResourceForeground#645300ce
  • gitDecoration.renamedResourceForeground#4C13FFce
  • gitDecoration.stageDeletedResourceForeground#B00000cb
  • gitDecoration.stageModifiedResourceForeground#17631Bcb
  • gitDecoration.untrackedResourceForeground#005F5Fce
  • icon.foreground#214E85ae
  • inlineChat.background#65DFAEca
  • inlineChat.border#F9B8E4ca
  • inlineChat.regionHighlight#1E1D15ca
  • inlineChat.shadow#1E1515ca
  • inlineChatDiff.inserted#221818ca
  • inlineChatDiff.removed#15191Eca
  • inlineChatInput.background#15131Bca
  • inlineChatInput.border#F9B6E3ca
  • inlineChatInput.focusBorder#FAFBF900
  • inlineChatInput.placeholderForeground#5C39C4ca
  • input.background#EFF1F4fe
  • input.border#EFF1F4fe
  • input.foreground#32577Cce
  • input.placeholderForeground#37424F65
  • inputOption.activeBackground#EFF1F4fe
  • inputOption.activeBorder#EFF1F4fe
  • inputOption.activeForeground#658E29fe
  • inputOption.hoverBackground#EFF1F4fe
  • inputValidation.errorBackground#670067b2
  • inputValidation.errorBorder#FEB5FEc9
  • inputValidation.errorForeground#9A009Ace
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFF1F4fe
  • inputValidation.infoForeground#32577Cce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFF1F4fe
  • inputValidation.warningForeground#645300ce
  • interactive.activeCodeBorder#EFF1F4fe
  • interactive.inactiveCodeBorder#C2CBD694
  • keybindingLabel.background#D6DCE2fe
  • keybindingLabel.border#EFF1F4fe
  • keybindingLabel.bottomBorder#EFF1F4fe
  • keybindingLabel.foreground#32577Cce
  • keybindingTable.headerBackground#D6DCE2fe
  • keybindingTable.rowsBackground#D6DCE2fe
  • list.activeSelectionBackground#C3C0A985
  • list.activeSelectionForeground#603BB7ca
  • list.activeSelectionIconForeground#355782ca
  • list.deemphasizedForeground#32577Cce
  • list.dropBackground#D6DCE2fe
  • list.errorForeground#9A009Ace
  • list.filterMatchBackground#D6DCE2fe
  • list.filterMatchBorder#EFF1F4fe
  • list.focusAndSelectionOutline#F9FBFA00
  • list.focusBackground#C2CAD496
  • list.focusForeground#5A9308fe
  • list.focusHighlightForeground#4E9542fe
  • list.focusOutline#FBF9F900
  • list.highlightForeground#643AB9ca
  • list.hoverBackground#BFCBD96e
  • list.hoverForeground#658E29fe
  • list.inactiveFocusBackground#AEB9C698
  • list.inactiveFocusOutline#FBFBF900
  • list.inactiveSelectionBackground#EAEDF0ae
  • list.inactiveSelectionForeground#3B465465
  • list.inactiveSelectionIconForeground#3E4A5965
  • list.invalidItemForeground#32577Cce
  • list.warningForeground#645300ce
  • listFilterWidget.background#D6DCE2fe
  • listFilterWidget.noMatchesOutline#F7F4F600
  • listFilterWidget.outline#FAF9FB00
  • listFilterWidget.shadow#F4F6F700
  • menu.background#EAEDF0fe
  • menu.border#FBF9F900
  • menu.foreground#355785ae
  • menu.selectionBackground#94B190a4
  • menu.selectionBorder#F9FBFA00
  • menu.selectionForeground#5B9409fe
  • menu.separatorBackground#ABCDF565
  • menubar.selectionBackground#906582a7
  • menubar.selectionBorder#FBF9F900
  • menubar.selectionForeground#5A9308fe
  • merge.border#EFF1F4fe
  • merge.commonContentBackground#D6DCE2fe
  • merge.commonHeaderBackground#D6DCE2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#6EE374fb
  • merge.incomingContentBackground#94DA97cb
  • merge.incomingHeaderBackground#6EE374fb
  • mergeEditor.change.background#D6DCE2fe
  • mergeEditor.change.word.background#D6DCE2fe
  • mergeEditor.changeBase.background#D6DCE2fe
  • mergeEditor.changeBase.word.background#D6DCE2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFF1F4fe
  • mergeEditor.conflict.handledUnfocused.border#C7CFD82a
  • mergeEditor.conflict.input1.background#EFF1F4fe
  • mergeEditor.conflict.input2.background#EFF1F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067cb
  • mergeEditor.conflict.unhandledFocused.border#EFF1F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CCD3DB29
  • mergeEditor.conflictingLines.background#D6DCE2fe
  • minimap.background#D6DCE2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0C0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#AE0000fb
  • minimapGutter.modifiedBackground#645300ce
  • minimapSlider.activeBackground#7789A0fe
  • minimapSlider.background#95A3B5ae
  • minimapSlider.hoverBackground#C2CAD46e
  • notebook.cellBorderColor#EFF1F4fe
  • notebook.cellEditorBackground#D6DCE2fe
  • notebook.cellHoverBackground#D6DCE2fe
  • notebook.cellInsertionIndicator#2C1F1Fca
  • notebook.cellStatusBarItemHoverBackground#D6DCE2fe
  • notebook.cellToolbarSeparator#1B2722ca
  • notebook.editorBackground#D6DCE2fe
  • notebook.focusedCellBackground#D6DCE2fe
  • notebook.focusedCellBorder#5A9308fe
  • notebook.focusedEditorBorder#EFF1F4fe
  • notebook.inactiveFocusedCellBorder#7789A08e
  • notebook.inactiveSelectedCellBorder#72859C8e
  • notebook.outputContainerBackgroundColor#D6DCE2fe
  • notebook.outputContainerBorderColor#EFF1F4fe
  • notebook.selectedCellBackground#D6DCE2fe
  • notebook.selectedCellBorder#EFF1F4fe
  • notebook.symbolHighlightBackground#D6DCE2fe
  • notebookEditorOverviewRuler.runningCellForeground#32577Cce
  • notebookScrollbarSlider.activeBackground#72859Cfe
  • notebookScrollbarSlider.background#95A3B5ae
  • notebookScrollbarSlider.hoverBackground#AEB9C66e
  • notebookStatusErrorIcon.foreground#9A009Ace
  • notebookStatusRunningIcon.foreground#35602Efe
  • notebookStatusSuccessIcon.foreground#17631Bcb
  • notificationCenter.border#EFF1F4fe
  • notificationCenterHeader.background#D6DCE2fe
  • notificationCenterHeader.foreground#32577Cce
  • notificationLink.foreground#32577Cce
  • notifications.background#D6DCE2fe
  • notifications.border#EFF1F4fe
  • notifications.foreground#32577Cce
  • notificationsErrorIcon.foreground#9A009Ace
  • notificationsInfoIcon.foreground#8E3B3Bfe
  • notificationsWarningIcon.foreground#645300ce
  • notificationToast.border#EFF1F4fe
  • panel.background#D6DCE2fe
  • panel.border#EFF1F4fe
  • panel.dropBorder#EFF1F4fe
  • panelInput.border#EFF1F4fe
  • panelSection.border#EFF1F4fe
  • panelSection.dropBackground#D6DCE2fe
  • panelSectionHeader.background#D6DCE2fe
  • panelSectionHeader.border#EFF1F4fe
  • panelSectionHeader.foreground#32577Cce
  • panelTitle.activeBorder#FBF9F900
  • panelTitle.activeForeground#659028fe
  • panelTitle.inactiveForeground#3B465465
  • peekView.border#394D1Dfe
  • peekViewEditor.background#EFF1F4fe
  • peekViewEditor.matchHighlightBackground#B595AA83
  • peekViewEditor.matchHighlightBorder#FAFBF900
  • peekViewEditorGutter.background#EFF1F4fe
  • peekViewEditorStickyScroll.background#D6DCE2fe
  • peekViewResult.background#EAEDF0fe
  • peekViewResult.fileForeground#32577Cce
  • peekViewResult.lineForeground#32577Cce
  • peekViewResult.matchHighlightBackground#B2A9C387
  • peekViewResult.selectionBackground#B5B19589
  • peekViewResult.selectionForeground#355E32ca
  • peekViewTitle.background#EAEDF0fe
  • peekViewTitleDescription.foreground#32577Cce
  • peekViewTitleLabel.foreground#32577Cce
  • pickerGroup.border#EFF1F4fe
  • pickerGroup.foreground#32577Cce
  • ports.iconRunningProcessForeground#3A5F35fe
  • problemsErrorIcon.foreground#9A009Ace
  • problemsInfoIcon.foreground#4C13FFce
  • problemsWarningIcon.foreground#645300ce
  • profileBadge.background#658E29fe
  • profileBadge.foreground#EAEDF0fe
  • progressBar.background#D6DCE2fe
  • quickInput.background#EAEDF0fe
  • quickInput.foreground#355785ae
  • quickInputList.focusBackground#9AB8ABa8
  • quickInputList.focusForeground#5A9408fe
  • quickInputList.focusIconForeground#5B9409fe
  • quickInputTitle.background#EFF1F4fe
  • sash.hoverBorder#EFF1F4fe
  • scrollbar.shadow#FAF9FB00
  • scrollbarSlider.activeBackground#72859Cfe
  • scrollbarSlider.background#9FACBCae
  • scrollbarSlider.hoverBackground#BDC6D16e
  • search.resultsInfoForeground#32577Cce
  • searchEditor.findMatchBackground#9FBCAFa8
  • searchEditor.findMatchBorder#EFF1F4fe
  • searchEditor.textInputBorder#EFF1F4fe
  • selection.background#D6DCE2fe
  • settings.checkboxBackground#EFF1F4fe
  • settings.checkboxBorder#EFF1F4fe
  • settings.checkboxForeground#32577Cce
  • settings.dropdownBackground#EFF1F4fe
  • settings.dropdownBorder#EFF1F4fe
  • settings.dropdownForeground#32577Cce
  • settings.dropdownListBorder#EFF1F4fe
  • settings.focusedRowBackground#B5959584
  • settings.focusedRowBorder#EFF1F4fe
  • settings.headerBorder#EFF1F4fe
  • settings.headerForeground#32577Cce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFF1F4fe
  • settings.numberInputBorder#EFF1F4fe
  • settings.numberInputForeground#32577Cce
  • settings.rowHoverBackground#D6DCE2fe
  • settings.sashBorder#EFF1F4fe
  • settings.settingsHeaderHoverForeground#5A9309fe
  • settings.textInputBackground#EFF1F4fe
  • settings.textInputBorder#EFF1F4fe
  • settings.textInputForeground#32577Cce
  • sideBar.background#D6DCE2fe
  • sideBar.border#EFF1F4fe
  • sideBar.dropBackground#D6DCE2fe
  • sideBar.foreground#214E85ae
  • sideBarSectionHeader.background#FBFBF900
  • sideBarSectionHeader.border#EFF1F4fe
  • sideBarSectionHeader.foreground#32577Cce
  • sideBarTitle.foreground#32577Cce
  • sideBySideEditor.horizontalBorder#EFF1F4fe
  • sideBySideEditor.verticalBorder#EFF1F4fe
  • simpleFindWidget.sashBorder#EFF1F4fe
  • statusBar.background#EAEDF0fe
  • statusBar.border#EFF1F4fe
  • statusBar.debuggingBackground#FEB5FEaa
  • statusBar.debuggingBorder#EFF1F4fe
  • statusBar.debuggingForeground#32577Cce
  • statusBar.focusBorder#FBFBF900
  • statusBar.foreground#424F5E6e
  • statusBar.noFolderBackground#EAEDF0fe
  • statusBar.noFolderBorder#EFF1F4fe
  • statusBar.noFolderForeground#32577Cce
  • statusBarItem.activeBackground#EAEDF0fe
  • statusBarItem.compactHoverBackground#EAEDF0fe
  • statusBarItem.errorBackground#FEB5FEb9
  • statusBarItem.errorForeground#9A009Ace
  • statusBarItem.errorHoverBackground#FEB5FEb2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBF900
  • statusBarItem.hoverBackground#EAEDF0fe
  • statusBarItem.hoverForeground#608728fe
  • statusBarItem.offlineBackground#EAEDF0fe
  • statusBarItem.offlineForeground#32577Cce
  • statusBarItem.offlineHoverBackground#EAEDF0fe
  • statusBarItem.offlineHoverForeground#5A930Afe
  • statusBarItem.prominentBackground#EAEDF0fe
  • statusBarItem.prominentForeground#32577Cce
  • statusBarItem.prominentHoverBackground#EAEDF0fe
  • statusBarItem.prominentHoverForeground#5A9309fe
  • statusBarItem.remoteBackground#5A9408fe
  • statusBarItem.remoteForeground#EAEDF0fe
  • statusBarItem.remoteHoverBackground#EAEDF0fe
  • statusBarItem.remoteHoverForeground#599506fe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#645300ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#9D8200ce
  • symbolIcon.arrayForeground#873A6Dfe
  • symbolIcon.booleanForeground#005F5Fce
  • symbolIcon.classForeground#325E49fe
  • symbolIcon.colorForeground#355782fe
  • symbolIcon.constantForeground#395F33fe
  • symbolIcon.constructorForeground#3B577Afe
  • symbolIcon.enumeratorForeground#633EAEfe
  • symbolIcon.enumeratorMemberForeground#943737fe
  • symbolIcon.eventForeground#8A3665fe
  • symbolIcon.fieldForeground#5C39C4fe
  • symbolIcon.fileForeground#39587Cfe
  • symbolIcon.folderForeground#943737fe
  • symbolIcon.functionForeground#923939fe
  • symbolIcon.interfaceForeground#35602Efe
  • symbolIcon.keyForeground#3B577Cfe
  • symbolIcon.keywordForeground#5C572Ffe
  • symbolIcon.methodForeground#36568Bfe
  • symbolIcon.moduleForeground#575432fe
  • symbolIcon.namespaceForeground#5C5734fe
  • symbolIcon.nullForeground#923939fe
  • symbolIcon.numberForeground#864040fe
  • symbolIcon.objectForeground#325E49fe
  • symbolIcon.operatorForeground#575432fe
  • symbolIcon.packageForeground#375D4Dfe
  • symbolIcon.propertyForeground#403E2Dfe
  • symbolIcon.referenceForeground#3B5D37fe
  • symbolIcon.snippetForeground#8B3D3Dfe
  • symbolIcon.stringForeground#5C5734fe
  • symbolIcon.structForeground#3B5D37fe
  • symbolIcon.textForeground#8A366Efe
  • symbolIcon.typeParameterForeground#6242A6fe
  • symbolIcon.unitForeground#345D4Bfe
  • symbolIcon.variableForeground#3A5F35fe
  • tab.activeBackground#E5E9EDfe
  • tab.activeBorder#F4F6F700
  • tab.activeBorderTop#669029fe
  • tab.activeForeground#669029fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F4F6F700
  • tab.hoverBackground#27578B6e
  • tab.hoverBorder#EFF1F4fe
  • tab.hoverForeground#5B9409fe
  • tab.inactiveBackground#BDCCDC9e
  • tab.inactiveForeground#3B465465
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFF1F4fe
  • tab.unfocusedActiveBackground#C7CFD833
  • tab.unfocusedActiveBorder#FAFBF900
  • tab.unfocusedActiveBorderTop#AFCEF665
  • tab.unfocusedActiveForeground#3E4A5965
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#2957916e
  • tab.unfocusedHoverBorder#C7CFD835
  • tab.unfocusedHoverForeground#5387C565
  • tab.unfocusedInactiveBackground#C2CAD497
  • tab.unfocusedInactiveForeground#5388C765
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067ab
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea6
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6DCE2fe
  • terminal.border#EFF1F4fe
  • terminal.dropBackground#D6DCE2fe
  • terminal.findMatchBackground#D6DCE2fe
  • terminal.findMatchBorder#EFF1F4fe
  • terminal.findMatchHighlightBackground#D6DCE2fe
  • terminal.findMatchHighlightBorder#EFF1F4fe
  • terminal.foreground#214E85ae
  • terminal.hoverHighlightBackground#D6DCE2fe
  • terminal.inactiveSelectionBackground#BDC6D193
  • terminal.selectionBackground#AAA68685
  • terminal.selectionForeground#35602Eca
  • terminal.tab.activeBorder#669029fe
  • terminalCommandDecoration.defaultBackground#26611Da7
  • terminalCommandDecoration.errorBackground#B00000cb
  • terminalCommandDecoration.successBackground#17631Bcb
  • terminalCursor.background#D6DCE2fe
  • terminalCursor.foreground#599506fe
  • terminalOverviewRuler.cursorForeground#32577Cce
  • terminalOverviewRuler.findMatchForeground#005F5Fce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b2
  • testing.iconUnset#808080ca
  • testing.message.error.decorationForeground#3C5E0Afe
  • testing.message.error.lineBackground#FEB5FEa9
  • testing.message.info.decorationForeground#3C5F09fe
  • testing.message.info.lineBackground#C5C5FEfe
  • testing.peekBorder#EFF1F4fe
  • testing.peekHeaderBackground#D6DCE2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6DCE2fe
  • textBlockQuote.border#EFF1F4fe
  • textCodeBlock.background#D6DCE2fe
  • textLink.activeForeground#599506fe
  • textLink.foreground#4C13FFce
  • textPreformat.foreground#32577Cce
  • textSeparator.foreground#32577Cce
  • titleBar.activeBackground#EAEDF0fe
  • titleBar.activeForeground#4E85D6ae
  • titleBar.border#F4F6F700
  • titleBar.inactiveBackground#C7CFD8d3
  • titleBar.inactiveForeground#3B465465
  • toolbar.activeBackground#A0D89887
  • toolbar.hoverBackground#D6DCE2fe
  • toolbar.hoverOutline#F4F6F700
  • tree.inactiveIndentGuidesStroke#364A3435
  • tree.indentGuidesStroke#3C5E0Afe
  • tree.tableColumnsBorder#EFF1F4fe
  • tree.tableOddRowsBackground#D6DCE2fe
  • walkThrough.embeddedEditorBackground#D6DCE2fe
  • walkthrough.stepTitle.foreground#32577Cce
  • welcomePage.background#D6DCE2fe
  • welcomePage.progress.background#D6DCE2fe
  • welcomePage.progress.foreground#32577Cce
  • welcomePage.tileBackground#D6DCE2fe
  • welcomePage.tileBorder#EFF1F4fe
  • welcomePage.tileHoverBackground#D6DCE2fe
  • widget.border#EFF1F4fe
  • widget.shadow#FBF9F900
  • window.activeBorder#EFF1F4fe
  • window.inactiveBorder#BBCBE099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#304D736e
comment.block.html#314D766e
comment.block.java#314C706e
comment.block.javadoc.java#314D766e
comment.block.powershell#2E4E6D6e
comment.block.xml#304D736e
comment.line.double-slash.c#314C706e
comment.line.double-slash.cpp#304D736e
comment.line.double-slash.java#2E4E6D6e
comment.line.double-slash.js#304D736e
comment.line.number-sign.makefile#314D766e
comment.line.number-sign.python#314C706e
comment.line.number-sign.yaml#2E4E6D6e
comment.line.percentage.erlang#2E4E6D6e
comment.line.powershell#314C706e
comment.source.cmake#314C706e
comment.source.cmakecache#2E4E6D6e
constant.character#0A571Cde
constant.character.character-class.regexp#2C2CC7de
constant.character.escape#714009de
constant.character.set.regexp#772889de
constant.language#09545Dde
constant.numeric#990934de
constant.numeric.dec.python#2E2ED4de
constant.other.caps.python#0A571Cde
constant.other.character-class.regexp#0A545Ede
constant.other.character-class.set.regexp#0A571Cde
constant.other.color.rgb-value#0A571Cde
constant.other.placeholder#34461Bde
constant.other.rgb-value#1B4625de
constant.regexp#0A571Cde
constant.sha.git-rebase#990A34de
emphasis#1A3B3Fde
entity.name.class#0A535Dde
entity.name.function#800A99de
entity.name.function.preprocessor#303F1Ade
entity.name.function.python#084149de
entity.name.label#0808BDde
entity.name.namespace#872743de
entity.name.operator#622235de
entity.name.operator.custom-literal#800A99de
entity.name.scope-resolution#094D57de
entity.name.tag#0A545Fde
entity.name.tag.css#892843de
entity.name.type#355409debold
entity.name.variable#2E2ED2de
entity.other.attribute#6F400Ade
entity.other.attribute-name#2E2ED4de
entity.other.attribute-name.class.css#083F14de
entity.other.attribute-name.class.mixin.css#34461Bde
entity.other.attribute-name.id#355509de
entity.other.attribute-name.id.css#990A34de
entity.other.attribute-name.parent-selector.css#990934de
entity.other.attribute-name.pseudo-class.css#09545Dde
entity.other.attribute-name.pseudo-element.css#990A34de
entity.other.attribute-name.scss#0A571Cde
entity.other.document.begin.yaml#314D766e
entity.other.inherited-class#0A571Cde
header#2C2CD2de
invalid#2B2BAEde
keyword#990A35debold
keyword.codetag.notation.python#0A571Ddebold
keyword.control#21535Adebold
keyword.control.anchor.regexp#543B1Fdebold
keyword.control.import.python#21535Adebold
keyword.operator#70400Adebold
keyword.operator.alignas#36540Adebold
keyword.operator.alignof#70277Fdebold
keyword.operator.cast#09545Ddebold
keyword.operator.delete#2B2BA6debold
keyword.operator.documentation.powershell#304D736ebold
keyword.operator.expression#0909BCdebold
keyword.operator.instanceof#990934debold
keyword.operator.logical.python#800999debold
keyword.operator.minus.exponent#6F400Adebold
keyword.operator.negation.regexp#2C2CC7debold
keyword.operator.new#70400Bdebold
keyword.operator.noexcept#35530Adebold
keyword.operator.or.regexp#892843debold
keyword.operator.plus.exponent#762887debold
keyword.operator.quantifier.regexp#35530Adebold
keyword.operator.sizeof#0A581Ddebold
keyword.operator.typeid#0A571Ddebold
keyword.operator.wordlike#0A581Cdebold
keyword.other.operator#2C2CBFdebold
keyword.other.package.java#6F3F0Adebold
keyword.other.unit#0A571Cdebold
keyword.other.using#355309debold
markup.bold#36540Ade
markup.changed#692338de
markup.deleted#2C2CCFde
markup.fenced_code.block.markdown#762887de
markup.heading#35540Ade
markup.inline.raw#644623de
markup.inserted#35530Ade
markup.italic#990A34de
markup.raw.block.markdown#2D2DD3de
markup.strikethrough#782787de
markup.underline#2A2A9Ede
meta.block.c#084917de
meta.block.c#0A535Dde
meta.class.java#09571Bde
meta.definition.variable.name#0A571Cde
meta.diff.header#355409de
meta.embedded#34461Bde
meta.embedded.assembly#704009de
meta.function-call.arguments.python#654523de
meta.function-call.python#723F06de
meta.member.access.python#800999de
meta.method.java#990732de
meta.object-literal.key#09571Bde
meta.paragraph.markdown#624422de
meta.preprocessor#80089Ade
meta.preprocessor.numeric#990A35de
meta.preprocessor.string#70400Ade
meta.scope.prerequisites.makefile#084917de
meta.structure.dictionary.json.comments#314D766e
meta.structure.dictionary.key.python#085119de
meta.structure.dictionary.value.json.comments#2E4E6D6e
meta.template.expression#0A535Dde
meta.type.cast.expr#09454Ddebold
meta.type.new.expr#1D474Ddebold
parameter#0A545Ede
punctuation.character.set.begin.regexp#990631de
punctuation.character.set.end.regexp#6F400Bde
punctuation.definition.array.begin.json#0A571Cde
punctuation.definition.character-class.regexp#1A3B3Fde
punctuation.definition.comment#314D766e
punctuation.definition.comment.json.comments#314D766e
punctuation.definition.comment.python#314D766e
punctuation.definition.dictionary.begin.json#2D2DD3de
punctuation.definition.dictionary.end.json#7F0A99de
punctuation.definition.group.assertion.regexp#714009de
punctuation.definition.group.regexp#094D57de
punctuation.definition.list.begin.json#5B3F21de
punctuation.definition.list.begin.markdown#990A34de
punctuation.definition.list.begin.python#2D2DD4de
punctuation.definition.list.end.json#3D531Fde
punctuation.definition.list.end.markdown#345407de
punctuation.definition.list.end.python#872743de
punctuation.definition.parameters.begin.python#800A99de
punctuation.definition.parameters.end.bracket.round.java#0A571Cde
punctuation.definition.quote.begin.markdown#085119de
punctuation.definition.tag#724008de
punctuation.definition.template-expression.begin#752787de
punctuation.definition.template-expression.end#990934de
punctuation.section.class.begin.bracket.curly.java#2E2ED4de
punctuation.section.embedded#980933de
punctuation.section.embedded.begin.php#990531de
punctuation.section.embedded.end.php#2D2DD3de
punctuation.terminator.java#6F400Ade
source.cmake#282887de
source.coffee.embedded#70400Bde
source.cpp#355409de
source.css.less#0A561Cde
source.groovy.embedded#632570de
source.java#1F4D54de
source.java-properties#70277Fde
source.json.comments#314C706e
source.makefile#0A581Dde
source.powershell#35530Ade
source.powershell.variable.other.member#9A0833de
source.python#2D2DD3de
storage#723F05de
storage.modifier#35540Ade
storage.modifier.import.java#81059Bde
storage.modifier.package.java#345505de
storage.type#46321Bdebold
storage.type.annotation.groovy#81059Bdebold
storage.type.annotation.java#78263Edebold
storage.type.boolean.go#5D2369debold
storage.type.byte.go#345507debold
storage.type.cs#724008debold
storage.type.error.go#70253Bdebold
storage.type.generic.cs#6F400Adebold
storage.type.generic.groovy#0A581Ddebold
storage.type.generic.java#2D2DD4debold
storage.type.groovy#782787debold
storage.type.java#0A545Edebold
storage.type.modifier.cs#0A581Cdebold
storage.type.numeric.go#0A581Ddebold
storage.type.object.array.groovy#355508debold
storage.type.object.array.java#6F400Adebold
storage.type.parameters.groovy#084917debold
storage.type.primitive.array.groovy#34461Bdebold
storage.type.primitive.array.java#09454Ddebold
storage.type.primitive.groovy#0A535Ddebold
storage.type.primitive.java#81059Bdebold
storage.type.rune.go#07454Edebold
storage.type.string.go#70400Adebold
storage.type.token.java#35530Adebold
storage.type.uintptr.go#872744debold
storage.type.variable.cs#1B4625debold
string#35530Ade
string.quoted.docstring.multi.python#314C706e
string.regexp#714007de
string.tag#892845de
string.value#345507de
strong#882745de
support.class#6F400Ade
support.constant.color#0A535Dde
support.constant.dom#6F400Ade
support.constant.font-name#09581Cde
support.constant.handlebars#81059Bde
support.constant.json#723F06de
support.constant.math#723F06de
support.constant.media#0909B8de
support.constant.media-type#35530Adebold
support.constant.property-value#800999de
support.function#35530Ade
support.function.git-rebase#990A34de
support.other.parenthesis.regexp#35530Ade
support.type#35540Adebold
support.type.property-name#990934debold
support.type.vendored.property-name#2D2DD4debold
support.variable#862842de
token.debug-token#2C2CBFde
token.error-token#0A571Cde
token.info-token#34461Bde
token.warn-token#78263Ede
variable#2D2DD3de
variable.css#1F532Ade
variable.language#892845de
variable.language.wildcard.java#094D18de
variable.other.constant#2C2CD2de
variable.other.definition.java#09581Cde
variable.other.enummember#892845de
variable.other.less#303F1Ade
variable.other.object.java#34520Ade
variable.other.object.property.java#70277Fde
variable.parameter.c#35530Ade
variable.parameter.function.language.python#0A535Dde
variable.parameter.java#0A571Dde
variable.scss#0A571Cde