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#DFDFD9fe
  • activityBar.activeBackground#DFDFD9fe
  • activityBar.activeBorder#E022FBfe
  • activityBar.activeFocusBorder#86868600
  • activityBar.background#EFEFECfe
  • activityBar.border#8B8B3400
  • activityBar.dropBorder#CE4CE4fe
  • activityBar.foreground#E022FBfe
  • activityBar.inactiveForeground#89894965
  • activityBarBadge.background#9A29ACfe
  • activityBarBadge.foreground#EFEFECfe
  • badge.background#CF4DE3fe
  • badge.foreground#EFEFECfe
  • banner.background#DFDFD9fe
  • banner.foreground#57572Ece
  • banner.iconForeground#7C416Dfe
  • breadcrumb.activeSelectionForeground#844242ca
  • breadcrumb.background#EBEBE7fe
  • breadcrumb.focusForeground#9328A3fe
  • breadcrumb.foreground#595932ae
  • breadcrumbPicker.background#DFDFD9fe
  • button.background#B0B0A2ae
  • button.border#FAFAFA00
  • button.foreground#57572Ece
  • button.hoverBackground#C8C8BE6e
  • button.secondaryBackground#DFDFD9fe
  • button.secondaryForeground#57572Ece
  • button.secondaryHoverBackground#DFDFD9fe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#57572Ece
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b8
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F3F3F1fe
  • chat.slashCommandBackground#DFDFD9fe
  • chat.slashCommandForeground#57572Ece
  • checkbox.background#F3F3F1fe
  • checkbox.border#F3F3F1fe
  • checkbox.foreground#57572Ece
  • checkbox.selectBackground#F3F3F1fe
  • checkbox.selectBorder#F3F3F1fe
  • commandCenter.activeBackground#C3D2F38d
  • commandCenter.activeBorder#F3F3F1fe
  • commandCenter.activeForeground#CF4DE3fe
  • commandCenter.background#DFDFD9fe
  • commandCenter.border#F3F3F1fe
  • commandCenter.foreground#57572Ece
  • commandCenter.inactiveBorder#D3D3C796
  • commandCenter.inactiveForeground#48483D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#9C009Cce
  • debugConsole.infoForeground#57572Ece
  • debugConsole.sourceForeground#57572Ece
  • debugConsole.warningForeground#675500ce
  • debugConsoleInputIcon.foreground#7D4466fe
  • debugExceptionWidget.background#FEC1FEb0
  • debugExceptionWidget.border#F3F3F1fe
  • debugIcon.breakpointCurrentStackframeForeground#585833fe
  • debugIcon.breakpointDisabledForeground#4C4C4165
  • debugIcon.breakpointForeground#5E45A8fe
  • debugIcon.breakpointStackframeForeground#844062fe
  • debugIcon.breakpointUnverifiedForeground#3B5D50fe
  • debugIcon.continueForeground#57573Bfe
  • debugIcon.disconnectForeground#5F4B91fe
  • debugIcon.pauseForeground#7C4949fe
  • debugIcon.restartForeground#415D41fe
  • debugIcon.startForeground#7B4569fe
  • debugIcon.stepBackForeground#624894fe
  • debugIcon.stepIntoForeground#365E36fe
  • debugIcon.stepOutForeground#395F39fe
  • debugIcon.stepOverForeground#3E5C52fe
  • debugIcon.stopForeground#853E62fe
  • debugTokenExpression.boolean#1a1a16ca
  • debugTokenExpression.error#23231Dca
  • debugTokenExpression.name#222625ca
  • debugTokenExpression.number#1A1D1Cca
  • debugTokenExpression.value#1F1E22ca
  • debugToolBar.background#FEC1FEca
  • debugToolBar.border#F3F3F1fe
  • debugView.exceptionLabelBackground#D8D861ca
  • debugView.exceptionLabelForeground#8C4040ca
  • debugView.stateLabelBackground#84EA84ca
  • debugView.stateLabelForeground#884141ca
  • debugView.valueChangedHighlight#1E2220ca
  • descriptionForeground#57572Ece
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#7DE983fb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#FAFAFA00
  • diffEditor.removedLineBackground#FEC6C631
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#F7F7F500
  • diffEditor.unchangedCodeBackground#DFDFD9fe
  • diffEditor.unchangedRegionBackground#DFDFD9fe
  • diffEditor.unchangedRegionForeground#57572Ece
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#43433965
  • dropdown.background#F3F3F1fe
  • dropdown.border#F3F3F1fe
  • dropdown.foreground#57572Ece
  • dropdown.listBackground#F3F3F1fe
  • editor.background#DFDFD9fe
  • editor.findMatchBackground#969AA2a6
  • editor.findMatchBorder#F3F3F1fe
  • editor.findMatchHighlightBackground#A8B2A8a3
  • editor.findMatchHighlightBorder#F3F3F1fe
  • editor.findRangeHighlightBackground#BCBCB0a2
  • editor.findRangeHighlightBorder#F3F3F1fe
  • editor.focusedStackFrameHighlightBackground#BEB6BB8c
  • editor.foldBackground#22624Fab
  • editor.foreground#57572Ece
  • editor.hoverHighlightBackground#95919Ea8
  • editor.inactiveSelectionBackground#C8C8BE92
  • editor.inlineValuesBackground#DFDFD9fe
  • editor.inlineValuesForeground#57572Ece
  • editor.lineHighlightBackground#C4C4B9b4
  • editor.lineHighlightBorder#FAFAFA00
  • editor.linkedEditingBackground#DFDFD9fe
  • editor.rangeHighlightBackground#A39FAAa7
  • editor.rangeHighlightBorder#F3F3F1fe
  • editor.selectionBackground#9FAAA6a8
  • editor.selectionForeground#3F5684ca
  • editor.selectionHighlightBackground#919E9181
  • editor.selectionHighlightBorder#F3F3F1fe
  • editor.snippetFinalTabstopHighlightBackground#9E919Aa3
  • editor.snippetFinalTabstopHighlightBorder#F3F3F1fe
  • editor.snippetTabstopHighlightBackground#96A29Ea7
  • editor.snippetTabstopHighlightBorder#F3F3F1fe
  • editor.stackFrameHighlightBackground#969AA2ae
  • editor.symbolHighlightBackground#9E919Aaa
  • editor.symbolHighlightBorder#F3F3F1fe
  • editor.wordHighlightBackground#B6ACB3a2
  • editor.wordHighlightBorder#FAFAFA00
  • editor.wordHighlightStrongBackground#B4B4A6a8
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#B0B0A2aa
  • editor.wordHighlightTextBorder#FAFAFA00
  • editorBracketHighlight.foreground1#0C0C0Ace
  • editorBracketHighlight.foreground2#0C0C0Ace
  • editorBracketHighlight.foreground3#0C0C0Ace
  • editorBracketHighlight.foreground4#0C0C0Ace
  • editorBracketHighlight.foreground5#0C0C0Ace
  • editorBracketHighlight.foreground6#0C0C0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#57572Ece
  • editorBracketMatch.background#246424a2
  • editorBracketMatch.border#F3F3F1fe
  • editorBracketPairGuide.activeBackground1#25614B8c
  • editorBracketPairGuide.activeBackground2#661DE68d
  • editorBracketPairGuide.activeBackground3#5D1BF28b
  • editorBracketPairGuide.activeBackground4#28604B8e
  • editorBracketPairGuide.activeBackground5#99287787
  • editorBracketPairGuide.activeBackground6#25478A87
  • editorBracketPairGuide.background1#BFD3F9fe
  • editorBracketPairGuide.background2#85E985fe
  • editorBracketPairGuide.background3#C2D5FAfe
  • editorBracketPairGuide.background4#83E4C8fe
  • editorBracketPairGuide.background5#BFD3FAfe
  • editorBracketPairGuide.background6#84EA84fe
  • editorCodeLens.foreground#5A5A116e
  • editorCommentsWidget.rangeActiveBackground#59592Afe
  • editorCommentsWidget.rangeBackground#DFDFD9fe
  • editorCommentsWidget.resolvedBorder#F3F3F1fe
  • editorCommentsWidget.unresolvedBorder#FEC9C9cb
  • editorCursor.background#DFDFD9fe
  • editorCursor.foreground#8C289Bfe
  • editorError.background#FAFAFA00
  • editorError.border#F7F7F500
  • editorError.foreground#9C009Cce
  • editorGhostText.background#DFDFD9fe
  • editorGhostText.border#FAFAFA00
  • editorGhostText.foreground#5656486e
  • editorGroup.border#F3F3F1fe
  • editorGroup.dropBackground#DFDFD9fe
  • editorGroup.dropIntoPromptBackground#DFDFD9fe
  • editorGroup.dropIntoPromptBorder#F3F3F1fe
  • editorGroup.dropIntoPromptForeground#57572Ece
  • editorGroup.emptyBackground#DFDFD9fe
  • editorGroup.focusedEmptyBorder#F3F3F1fe
  • editorGroupHeader.border#FAFAFA00
  • editorGroupHeader.noTabsBackground#EFEFECae
  • editorGroupHeader.tabsBackground#DFDFD9a1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#DFDFD9fe
  • editorGutter.commentGlyphForeground#57572Ece
  • editorGutter.commentRangeForeground#57572Ece
  • editorGutter.commentUnresolvedGlyphForeground#17631Bcb
  • editorGutter.deletedBackground#B00000cb
  • editorGutter.foldingControlForeground#57572Ece
  • editorGutter.modifiedBackground#675500ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#4F16FEce
  • editorHoverWidget.background#F3F3F1fe
  • editorHoverWidget.border#F3F3F1fe
  • editorHoverWidget.foreground#57572Ece
  • editorHoverWidget.highlightForeground#893F3Fca
  • editorHoverWidget.statusBarBackground#DFDFD9fe
  • editorIndentGuide.activeBackground1#58581Ffe
  • editorIndentGuide.activeBackground2#5A5A1Efe
  • editorIndentGuide.activeBackground3#59591Bfe
  • editorIndentGuide.activeBackground4#5A5A1Dfe
  • editorIndentGuide.activeBackground5#5A5A1Dfe
  • editorIndentGuide.activeBackground6#5A5A1Cfe
  • editorIndentGuide.background1#5E626B35
  • editorIndentGuide.background2#4A545035
  • editorIndentGuide.background3#424B4235
  • editorIndentGuide.background4#5D525235
  • editorIndentGuide.background5#514E5835
  • editorIndentGuide.background6#4A544A35
  • editorInfo.background#FAFAFA00
  • editorInfo.border#FAFAFA00
  • editorInfo.foreground#4F16FEce
  • editorInlayHint.background#DFDFD9fe
  • editorInlayHint.foreground#57572Ece
  • editorInlayHint.parameterBackground#DFDFD9fe
  • editorInlayHint.parameterForeground#57572Ece
  • editorInlayHint.typeBackground#DFDFD9fe
  • editorInlayHint.typeForeground#57572Ece
  • editorLightBulb.foreground#675500ce
  • editorLightBulbAutoFix.foreground#17631Bcb
  • editorLineNumber.activeForeground#A129B4fe
  • editorLineNumber.dimmedForeground#5656486e
  • editorLineNumber.foreground#5959156e
  • editorLink.activeForeground#A129B4fe
  • editorMarkerNavigation.background#F3F3F1fe
  • editorMarkerNavigationError.background#FEC1FEb9
  • editorMarkerNavigationError.headerBackground#FEC1FEc3
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#F9CE00fe
  • editorMarkerNavigationWarning.headerBackground#F9CE00fe
  • editorOverviewRuler.addedForeground#17631Bcb
  • editorOverviewRuler.background#DFDFD9fe
  • editorOverviewRuler.border#D4D4B1fe
  • editorOverviewRuler.bracketMatchForeground#57572Ece
  • editorOverviewRuler.commentForeground#5656486e
  • editorOverviewRuler.commentUnresolvedForeground#17631Bcb
  • editorOverviewRuler.commonContentForeground#57572Ece
  • editorOverviewRuler.currentContentForeground#56565699
  • editorOverviewRuler.deletedForeground#B00000cb
  • editorOverviewRuler.errorForeground#9C009Cce
  • editorOverviewRuler.findMatchForeground#006262ce
  • editorOverviewRuler.incomingContentForeground#17631Bcb
  • editorOverviewRuler.infoForeground#4F16FEce
  • editorOverviewRuler.modifiedForeground#675500ce
  • editorOverviewRuler.rangeHighlightForeground#884141ca
  • editorOverviewRuler.selectionHighlightForeground#4F16FEce
  • editorOverviewRuler.warningForeground#675500ce
  • editorOverviewRuler.wordHighlightForeground#893F3Fca
  • editorOverviewRuler.wordHighlightStrongForeground#57572Ece
  • editorOverviewRuler.wordHighlightTextForeground#57572Ece
  • editorPane.background#DFDFD9fe
  • editorRuler.foreground#5959292f
  • editorStickyScroll.background#DFDFD9fe
  • editorStickyScroll.shadow#FAFAFA00
  • editorStickyScrollHover.background#D3D3C76e
  • editorSuggestWidget.background#F3F3F1fe
  • editorSuggestWidget.border#F7F7F500
  • editorSuggestWidget.focusHighlightForeground#6185CEfe
  • editorSuggestWidget.foreground#893F3Ffe
  • editorSuggestWidget.highlightForeground#385E38ca
  • editorSuggestWidget.selectedBackground#B1BAB18e
  • editorSuggestWidget.selectedForeground#385E51ca
  • editorSuggestWidget.selectedIconForeground#3E5585ca
  • editorSuggestWidgetStatus.foreground#365E4Afe
  • editorUnicodeHighlight.background#B2A8A8a2
  • editorUnicodeHighlight.border#F3F3F1fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#FAFAFA00
  • editorWarning.foreground#675500ce
  • editorWhitespace.foreground#57572Ece
  • editorWidget.background#F3F3F1fe
  • editorWidget.border#F3F3F1fe
  • editorWidget.foreground#57572Ece
  • editorWidget.resizeBorder#F3F3F1fe
  • errorForeground#9C009Cce
  • extensionBadge.remoteBackground#9328A3fe
  • extensionBadge.remoteForeground#EFEFECfe
  • extensionButton.background#D4D4B5ae
  • extensionButton.foreground#57572Ece
  • extensionButton.hoverBackground#D3D3C76e
  • extensionButton.prominentBackground#DFDFD9fe
  • extensionButton.prominentForeground#57572Ece
  • extensionButton.prominentHoverBackground#DFDFD9fe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#774767fe
  • extensionIcon.sponsorForeground#385E38fe
  • extensionIcon.starForeground#415D41fe
  • extensionIcon.verifiedForeground#485679fe
  • focusBorder#FAFAFA00
  • foreground#57572Ece
  • gitDecoration.addedResourceForeground#17631Bcb
  • gitDecoration.deletedResourceForeground#B00000cb
  • gitDecoration.modifiedResourceForeground#675500ce
  • gitDecoration.renamedResourceForeground#4F16FEce
  • gitDecoration.stageDeletedResourceForeground#B00000cb
  • gitDecoration.stageModifiedResourceForeground#17631Bcb
  • gitDecoration.untrackedResourceForeground#006262ce
  • icon.foreground#5A5A23ae
  • inlineChat.background#FAC2E7ca
  • inlineChat.border#D8D862ca
  • inlineChat.regionHighlight#141614ca
  • inlineChat.shadow#1F1E22ca
  • inlineChatDiff.inserted#23231Dca
  • inlineChatDiff.removed#1E2220ca
  • inlineChatInput.background#1E1E19ca
  • inlineChatInput.border#C5D3FAca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#585833ca
  • input.background#F3F3F1fe
  • input.border#F3F3F1fe
  • input.foreground#57572Ece
  • input.placeholderForeground#51514565
  • inputOption.activeBackground#F3F3F1fe
  • inputOption.activeBorder#F3F3F1fe
  • inputOption.activeForeground#772584fe
  • inputOption.hoverBackground#F3F3F1fe
  • inputValidation.errorBackground#670067b1
  • inputValidation.errorBorder#FEC1FEb6
  • inputValidation.errorForeground#9C009Cce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F3F3F1fe
  • inputValidation.infoForeground#57572Ece
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F3F3F1fe
  • inputValidation.warningForeground#675500ce
  • interactive.activeCodeBorder#F3F3F1fe
  • interactive.inactiveCodeBorder#D3D3C792
  • keybindingLabel.background#DFDFD9fe
  • keybindingLabel.border#F3F3F1fe
  • keybindingLabel.bottomBorder#F3F3F1fe
  • keybindingLabel.foreground#57572Ece
  • keybindingTable.headerBackground#DFDFD9fe
  • keybindingTable.rowsBackground#DFDFD9fe
  • list.activeSelectionBackground#BAB1B181
  • list.activeSelectionForeground#595934ca
  • list.activeSelectionIconForeground#395F4Cca
  • list.deemphasizedForeground#57572Ece
  • list.dropBackground#DFDFD9fe
  • list.errorForeground#9C009Cce
  • list.filterMatchBackground#DFDFD9fe
  • list.filterMatchBorder#F3F3F1fe
  • list.focusAndSelectionOutline#FAFAFA00
  • list.focusBackground#CFCFC797
  • list.focusForeground#852793fe
  • list.focusHighlightForeground#6785D0fe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#3A5C53ca
  • list.hoverBackground#D3D3C76e
  • list.hoverForeground#A129B4fe
  • list.inactiveFocusBackground#CCCCC298
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#EFEFECae
  • list.inactiveSelectionForeground#43433965
  • list.inactiveSelectionIconForeground#3F3F3565
  • list.invalidItemForeground#57572Ece
  • list.warningForeground#675500ce
  • listFilterWidget.background#DFDFD9fe
  • listFilterWidget.noMatchesOutline#FAFAFA00
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#F7F7F500
  • menu.background#EFEFECfe
  • menu.border#FAFAFA00
  • menu.foreground#575732ae
  • menu.selectionBackground#889691a2
  • menu.selectionBorder#FAFAFA00
  • menu.selectionForeground#7E268Bfe
  • menu.separatorBackground#D7D77665
  • menubar.selectionBackground#919E91a7
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#CF4DE3fe
  • merge.border#F3F3F1fe
  • merge.commonContentBackground#DFDFD9fe
  • merge.commonHeaderBackground#DFDFD9fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#7DE983fb
  • merge.incomingContentBackground#9DE2A0cb
  • merge.incomingHeaderBackground#7DE983fb
  • mergeEditor.change.background#DFDFD9fe
  • mergeEditor.change.word.background#DFDFD9fe
  • mergeEditor.changeBase.background#DFDFD9fe
  • mergeEditor.changeBase.word.background#DFDFD9fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F3F3F1fe
  • mergeEditor.conflict.handledUnfocused.border#D7D7D032
  • mergeEditor.conflict.input1.background#F3F3F1fe
  • mergeEditor.conflict.input2.background#F3F3F1fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067be
  • mergeEditor.conflict.unhandledFocused.border#F3F3F1fe
  • mergeEditor.conflict.unhandledUnfocused.border#D3D3CC29
  • mergeEditor.conflictingLines.background#DFDFD9fe
  • minimap.background#DFDFD9fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0C0C0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B30000fb
  • minimapGutter.modifiedBackground#675500ce
  • minimapSlider.activeBackground#91917Dfe
  • minimapSlider.background#B0B0A2ae
  • minimapSlider.hoverBackground#C0C0B46e
  • notebook.cellBorderColor#F3F3F1fe
  • notebook.cellEditorBackground#DFDFD9fe
  • notebook.cellHoverBackground#DFDFD9fe
  • notebook.cellInsertionIndicator#1D1A1Cca
  • notebook.cellStatusBarItemHoverBackground#DFDFD9fe
  • notebook.cellToolbarSeparator#141516ca
  • notebook.editorBackground#DFDFD9fe
  • notebook.focusedCellBackground#DFDFD9fe
  • notebook.focusedCellBorder#852793fe
  • notebook.focusedEditorBorder#F3F3F1fe
  • notebook.inactiveFocusedCellBorder#9595818e
  • notebook.inactiveSelectedCellBorder#8989748e
  • notebook.outputContainerBackgroundColor#DFDFD9fe
  • notebook.outputContainerBorderColor#F3F3F1fe
  • notebook.selectedCellBackground#DFDFD9fe
  • notebook.selectedCellBorder#F3F3F1fe
  • notebook.symbolHighlightBackground#DFDFD9fe
  • notebookEditorOverviewRuler.runningCellForeground#57572Ece
  • notebookScrollbarSlider.activeBackground#8D8D78fe
  • notebookScrollbarSlider.background#ACAC9Dae
  • notebookScrollbarSlider.hoverBackground#C4C4B96e
  • notebookStatusErrorIcon.foreground#9C009Cce
  • notebookStatusRunningIcon.foreground#365E36fe
  • notebookStatusSuccessIcon.foreground#17631Bcb
  • notificationCenter.border#F3F3F1fe
  • notificationCenterHeader.background#DFDFD9fe
  • notificationCenterHeader.foreground#57572Ece
  • notificationLink.foreground#57572Ece
  • notifications.background#DFDFD9fe
  • notifications.border#F3F3F1fe
  • notifications.foreground#57572Ece
  • notificationsErrorIcon.foreground#9C009Cce
  • notificationsInfoIcon.foreground#41548Cfe
  • notificationsWarningIcon.foreground#675500ce
  • notificationToast.border#F3F3F1fe
  • panel.background#DFDFD9fe
  • panel.border#F3F3F1fe
  • panel.dropBorder#F3F3F1fe
  • panelInput.border#F3F3F1fe
  • panelSection.border#F3F3F1fe
  • panelSection.dropBackground#DFDFD9fe
  • panelSectionHeader.background#DFDFD9fe
  • panelSectionHeader.border#F3F3F1fe
  • panelSectionHeader.foreground#57572Ece
  • panelTitle.activeBorder#FAFAFA00
  • panelTitle.activeForeground#CE4CE4fe
  • panelTitle.inactiveForeground#51514565
  • peekView.border#D04CE4fe
  • peekViewEditor.background#F3F3F1fe
  • peekViewEditor.matchHighlightBackground#B2A8A88e
  • peekViewEditor.matchHighlightBorder#FAFAFA00
  • peekViewEditorGutter.background#F3F3F1fe
  • peekViewEditorStickyScroll.background#DFDFD9fe
  • peekViewResult.background#EFEFECfe
  • peekViewResult.fileForeground#57572Ece
  • peekViewResult.lineForeground#57572Ece
  • peekViewResult.matchHighlightBackground#A8B2A889
  • peekViewResult.selectionBackground#B0ACB686
  • peekViewResult.selectionForeground#365E4Aca
  • peekViewTitle.background#EFEFECfe
  • peekViewTitleDescription.foreground#57572Ece
  • peekViewTitleLabel.foreground#57572Ece
  • pickerGroup.border#F3F3F1fe
  • pickerGroup.foreground#57572Ece
  • ports.iconRunningProcessForeground#7D4266fe
  • problemsErrorIcon.foreground#9C009Cce
  • problemsInfoIcon.foreground#4F16FEce
  • problemsWarningIcon.foreground#675500ce
  • profileBadge.background#9A29ACfe
  • profileBadge.foreground#EFEFECfe
  • progressBar.background#DFDFD9fe
  • quickInput.background#EFEFECfe
  • quickInput.foreground#595931ae
  • quickInputList.focusBackground#8C919Aa5
  • quickInputList.focusForeground#772584fe
  • quickInputList.focusIconForeground#7E268Bfe
  • quickInputTitle.background#F3F3F1fe
  • sash.hoverBorder#F3F3F1fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#898974fe
  • scrollbarSlider.background#ACAC9Dae
  • scrollbarSlider.hoverBackground#C4C4B96e
  • search.resultsInfoForeground#57572Ece
  • searchEditor.findMatchBackground#A3AEA3ae
  • searchEditor.findMatchBorder#F3F3F1fe
  • searchEditor.textInputBorder#F3F3F1fe
  • selection.background#DFDFD9fe
  • settings.checkboxBackground#F3F3F1fe
  • settings.checkboxBorder#F3F3F1fe
  • settings.checkboxForeground#57572Ece
  • settings.dropdownBackground#F3F3F1fe
  • settings.dropdownBorder#F3F3F1fe
  • settings.dropdownForeground#57572Ece
  • settings.dropdownListBorder#F3F3F1fe
  • settings.focusedRowBackground#B8B6BE89
  • settings.focusedRowBorder#F3F3F1fe
  • settings.headerBorder#F3F3F1fe
  • settings.headerForeground#57572Ece
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F3F3F1fe
  • settings.numberInputBorder#F3F3F1fe
  • settings.numberInputForeground#57572Ece
  • settings.rowHoverBackground#DFDFD9fe
  • settings.sashBorder#F3F3F1fe
  • settings.settingsHeaderHoverForeground#70247Cfe
  • settings.textInputBackground#F3F3F1fe
  • settings.textInputBorder#F3F3F1fe
  • settings.textInputForeground#57572Ece
  • sideBar.background#DFDFD9fe
  • sideBar.border#F3F3F1fe
  • sideBar.dropBackground#DFDFD9fe
  • sideBar.foreground#5A5A23ae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F3F3F1fe
  • sideBarSectionHeader.foreground#57572Ece
  • sideBarTitle.foreground#57572Ece
  • sideBySideEditor.horizontalBorder#F3F3F1fe
  • sideBySideEditor.verticalBorder#F3F3F1fe
  • simpleFindWidget.sashBorder#F3F3F1fe
  • statusBar.background#EFEFECfe
  • statusBar.border#F3F3F1fe
  • statusBar.debuggingBackground#FEC1FEa5
  • statusBar.debuggingBorder#F3F3F1fe
  • statusBar.debuggingForeground#57572Ece
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#5959126e
  • statusBar.noFolderBackground#EFEFECfe
  • statusBar.noFolderBorder#F3F3F1fe
  • statusBar.noFolderForeground#57572Ece
  • statusBarItem.activeBackground#EFEFECfe
  • statusBarItem.compactHoverBackground#EFEFECfe
  • statusBarItem.errorBackground#FEC1FEbf
  • statusBarItem.errorForeground#9C009Cce
  • statusBarItem.errorHoverBackground#FEC1FEc4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#EFEFECfe
  • statusBarItem.hoverForeground#70247Cfe
  • statusBarItem.offlineBackground#EFEFECfe
  • statusBarItem.offlineForeground#57572Ece
  • statusBarItem.offlineHoverBackground#EFEFECfe
  • statusBarItem.offlineHoverForeground#772584fe
  • statusBarItem.prominentBackground#EFEFECfe
  • statusBarItem.prominentForeground#57572Ece
  • statusBarItem.prominentHoverBackground#EFEFECfe
  • statusBarItem.prominentHoverForeground#9328A3fe
  • statusBarItem.remoteBackground#772584fe
  • statusBarItem.remoteForeground#EFEFECfe
  • statusBarItem.remoteHoverBackground#EFEFECfe
  • statusBarItem.remoteHoverForeground#9328A3fe
  • statusBarItem.warningBackground#F9CE00fe
  • statusBarItem.warningForeground#675500ce
  • statusBarItem.warningHoverBackground#F9CE00fe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#57573Bfe
  • symbolIcon.booleanForeground#006262ce
  • symbolIcon.classForeground#455490fe
  • symbolIcon.colorForeground#5B46ADfe
  • symbolIcon.constantForeground#8D3F3Ffe
  • symbolIcon.constructorForeground#754868fe
  • symbolIcon.enumeratorForeground#5E45A8fe
  • symbolIcon.enumeratorMemberForeground#585838fe
  • symbolIcon.eventForeground#475777fe
  • symbolIcon.fieldForeground#45577Bfe
  • symbolIcon.fileForeground#385E38fe
  • symbolIcon.folderForeground#7C416Dfe
  • symbolIcon.functionForeground#585838fe
  • symbolIcon.interfaceForeground#3D5E3Dfe
  • symbolIcon.keyForeground#824646fe
  • symbolIcon.keywordForeground#415D41fe
  • symbolIcon.methodForeground#425C42fe
  • symbolIcon.moduleForeground#43558Cfe
  • symbolIcon.namespaceForeground#893F3Ffe
  • symbolIcon.nullForeground#3B5D3Bfe
  • symbolIcon.numberForeground#415D53fe
  • symbolIcon.objectForeground#6D409Afe
  • symbolIcon.operatorForeground#575739fe
  • symbolIcon.packageForeground#3E5C52fe
  • symbolIcon.propertyForeground#485679fe
  • symbolIcon.referenceForeground#575736fe
  • symbolIcon.snippetForeground#7D4466fe
  • symbolIcon.stringForeground#754868fe
  • symbolIcon.structForeground#455490fe
  • symbolIcon.textForeground#425C42fe
  • symbolIcon.typeParameterForeground#3B5D50fe
  • symbolIcon.unitForeground#884141fe
  • symbolIcon.variableForeground#575736fe
  • tab.activeBackground#EBEBE7fe
  • tab.activeBorder#F7F7F500
  • tab.activeBorderTop#C852E5fe
  • tab.activeForeground#CC4DE4fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFA00
  • tab.hoverBackground#5858266e
  • tab.hoverBorder#F3F3F1fe
  • tab.hoverForeground#772584fe
  • tab.inactiveBackground#D4D4B891
  • tab.inactiveForeground#51514565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F3F3F1fe
  • tab.unfocusedActiveBackground#D3D3CC22
  • tab.unfocusedActiveBorder#F7F7F500
  • tab.unfocusedActiveBorderTop#D7D77665
  • tab.unfocusedActiveForeground#51514565
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5959286e
  • tab.unfocusedHoverBorder#D7D7D039
  • tab.unfocusedHoverForeground#89894965
  • tab.unfocusedInactiveBackground#CFCFC797
  • tab.unfocusedInactiveForeground#89894B65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a0
  • 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#670067b9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9c
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DFDFD9fe
  • terminal.border#F3F3F1fe
  • terminal.dropBackground#DFDFD9fe
  • terminal.findMatchBackground#DFDFD9fe
  • terminal.findMatchBorder#F3F3F1fe
  • terminal.findMatchHighlightBackground#DFDFD9fe
  • terminal.findMatchHighlightBorder#F3F3F1fe
  • terminal.foreground#5A5A23ae
  • terminal.hoverHighlightBackground#DFDFD9fe
  • terminal.inactiveSelectionBackground#CFCFC799
  • terminal.selectionBackground#919E9A86
  • terminal.selectionForeground#844242ca
  • terminal.tab.activeBorder#CE4BE2fe
  • terminalCommandDecoration.defaultBackground#234083a1
  • terminalCommandDecoration.errorBackground#B00000cb
  • terminalCommandDecoration.successBackground#17631Bcb
  • terminalCursor.background#DFDFD9fe
  • terminalCursor.foreground#9328A3fe
  • terminalOverviewRuler.cursorForeground#57572Ece
  • terminalOverviewRuler.findMatchForeground#006262ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bf
  • testing.iconUnset#808080a6
  • testing.message.error.decorationForeground#8C289Bfe
  • testing.message.error.lineBackground#FEC1FEc9
  • testing.message.info.decorationForeground#852793fe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F3F3F1fe
  • testing.peekHeaderBackground#DFDFD9fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DFDFD9fe
  • textBlockQuote.border#F3F3F1fe
  • textCodeBlock.background#DFDFD9fe
  • textLink.activeForeground#A92ABCfe
  • textLink.foreground#4F16FEce
  • textPreformat.foreground#57572Ece
  • textSeparator.foreground#57572Ece
  • titleBar.activeBackground#EFEFECfe
  • titleBar.activeForeground#89893Bae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#D3D3CCd3
  • titleBar.inactiveForeground#89894B65
  • toolbar.activeBackground#C1D3F38d
  • toolbar.hoverBackground#DFDFD9fe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#4A545035
  • tree.indentGuidesStroke#7E268Bfe
  • tree.tableColumnsBorder#F3F3F1fe
  • tree.tableOddRowsBackground#DFDFD9fe
  • walkThrough.embeddedEditorBackground#DFDFD9fe
  • walkthrough.stepTitle.foreground#57572Ece
  • welcomePage.background#DFDFD9fe
  • welcomePage.progress.background#DFDFD9fe
  • welcomePage.progress.foreground#57572Ece
  • welcomePage.tileBackground#DFDFD9fe
  • welcomePage.tileBorder#F3F3F1fe
  • welcomePage.tileHoverBackground#DFDFD9fe
  • widget.border#F3F3F1fe
  • widget.shadow#FAFAFA00
  • window.activeBorder#F3F3F1fe
  • window.inactiveBorder#D4D4B894

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4C4C2E6e
comment.block.html#4C4C2E6e
comment.block.java#4D4D2D6e
comment.block.javadoc.java#4E4E2E6e
comment.block.powershell#4C4C2E6e
comment.block.xml#4E4E2E6e
comment.line.double-slash.c#4D4D2D6e
comment.line.double-slash.cpp#4C4C2E6e
comment.line.double-slash.java#4E4E2F6e
comment.line.double-slash.js#4E4E2E6e
comment.line.number-sign.makefile#4D4D2D6e
comment.line.number-sign.python#4D4D2D6e
comment.line.number-sign.yaml#4E4E2E6e
comment.line.percentage.erlang#4C4C2E6e
comment.line.powershell#4E4E2E6e
comment.source.cmake#4E4E2E6e
comment.source.cmakecache#4C4C2E6e
constant.character#09555Bde
constant.character.character-class.regexp#314218de
constant.character.escape#084245de
constant.character.set.regexp#375609de
constant.language#09581Fde
constant.numeric#744106de
constant.numeric.dec.python#0A565Cde
constant.other.caps.python#850499de
constant.other.character-class.regexp#375606de
constant.other.character-class.set.regexp#2C2CD7de
constant.other.color.rgb-value#72420Ade
constant.other.placeholder#84253Ede
constant.other.rgb-value#36540Ade
constant.regexp#644621de
constant.sha.git-rebase#09581Fde
emphasis#5C2165de
entity.name.class#71410Ade
entity.name.function#365605de
entity.name.function.preprocessor#840996de
entity.name.function.python#2C2CD8de
entity.name.label#850999de
entity.name.namespace#8B2541de
entity.name.operator#2D2DD8de
entity.name.operator.custom-literal#375606de
entity.name.scope-resolution#2D2DD8de
entity.name.tag#840A97de
entity.name.tag.css#262695de
entity.name.type#375609debold
entity.name.variable#3C521Dde
entity.other.attribute#840A96de
entity.other.attribute-name#1A4927de
entity.other.attribute-name.class.css#183F42de
entity.other.attribute-name.class.mixin.css#1E562Cde
entity.other.attribute-name.id#840798de
entity.other.attribute-name.id.css#2E2ED8de
entity.other.attribute-name.parent-selector.css#375607de
entity.other.attribute-name.pseudo-class.css#085A1Ede
entity.other.attribute-name.pseudo-element.css#840A97de
entity.other.attribute-name.scss#0A565Bde
entity.other.document.begin.yaml#4E4E2E6e
entity.other.inherited-class#2929BEde
header#2E2ED8de
invalid#1A4927de
keyword#36540Adebold
keyword.codetag.notation.python#385609debold
keyword.control#2C2CD8debold
keyword.control.anchor.regexp#7A2687debold
keyword.control.import.python#850499debold
keyword.operator#7B2587debold
keyword.operator.alignas#692374debold
keyword.operator.alignof#2C2CD8debold
keyword.operator.cast#0A581Fdebold
keyword.operator.delete#840A97debold
keyword.operator.documentation.powershell#4C4C2E6ebold
keyword.operator.expression#674720debold
keyword.operator.instanceof#2C2CD8debold
keyword.operator.logical.python#2D2DD8debold
keyword.operator.minus.exponent#754004debold
keyword.operator.negation.regexp#314218debold
keyword.operator.new#9C0930debold
keyword.operator.noexcept#2929CFdebold
keyword.operator.or.regexp#1C502Adebold
keyword.operator.plus.exponent#074A19debold
keyword.operator.quantifier.regexp#70410Adebold
keyword.operator.sizeof#860399debold
keyword.operator.typeid#184224debold
keyword.operator.wordlike#70410Adebold
keyword.other.operator#8E2543debold
keyword.other.package.java#2C2CD7debold
keyword.other.unit#2929C6debold
keyword.other.using#8E2543debold
markup.bold#074A19de
markup.changed#0A555Ade
markup.deleted#375606de
markup.fenced_code.block.markdown#1E562Cde
markup.heading#70247Cde
markup.inline.raw#36491Ade
markup.inserted#2B2BD6de
markup.italic#674720de
markup.raw.block.markdown#0A591Fde
markup.strikethrough#3E521Dde
markup.underline#72420Ade
meta.block.c#1A4927de
meta.block.c#9B082Fde
meta.class.java#9A082Fde
meta.definition.variable.name#375606de
meta.diff.header#654521de
meta.embedded#0B0BFDde
meta.embedded.assembly#850898de
meta.function-call.arguments.python#09591Fde
meta.function-call.python#71410Ade
meta.member.access.python#840798de
meta.method.java#714109de
meta.object-literal.key#50381Cde
meta.paragraph.markdown#0808FEde
meta.preprocessor#0A591Fde
meta.preprocessor.numeric#644621de
meta.preprocessor.string#840996de
meta.scope.prerequisites.makefile#7A2588de
meta.structure.dictionary.json.comments#4E4E2E6e
meta.structure.dictionary.key.python#744106de
meta.structure.dictionary.value.json.comments#4D4D2D6e
meta.template.expression#375509de
meta.type.cast.expr#724108debold
meta.type.new.expr#1A4927debold
parameter#2E2ED8de
punctuation.character.set.begin.regexp#09565Bde
punctuation.character.set.end.regexp#654521de
punctuation.definition.array.begin.json#850999de
punctuation.definition.character-class.regexp#095A1Fde
punctuation.definition.comment#4C4C2E6e
punctuation.definition.comment.json.comments#4D4D2D6e
punctuation.definition.comment.python#4C4C2E6e
punctuation.definition.dictionary.begin.json#183F42de
punctuation.definition.dictionary.end.json#1E5357de
punctuation.definition.group.assertion.regexp#7A2588de
punctuation.definition.group.regexp#375508de
punctuation.definition.list.begin.json#734109de
punctuation.definition.list.begin.markdown#652133de
punctuation.definition.list.begin.python#860599de
punctuation.definition.list.end.json#3B501Cde
punctuation.definition.list.end.markdown#1E5357de
punctuation.definition.list.end.python#49331Ade
punctuation.definition.parameters.begin.python#385609de
punctuation.definition.parameters.end.bracket.round.java#1D562Cde
punctuation.definition.quote.begin.markdown#1D562Cde
punctuation.definition.tag#09555Bde
punctuation.definition.template-expression.begin#2D2DD7de
punctuation.definition.template-expression.end#8E2642de
punctuation.section.class.begin.bracket.curly.java#1C502Ade
punctuation.section.embedded#9C0A31de
punctuation.section.embedded.begin.php#734107de
punctuation.section.embedded.end.php#095A1Fde
punctuation.terminator.java#9C0930de
source.cmake#9A082Fde
source.coffee.embedded#2E2ED8de
source.cpp#744106de
source.css.less#692374de
source.groovy.embedded#5C2165de
source.java#754004de
source.java-properties#0A5A1Fde
source.json.comments#4D4D2D6e
source.makefile#840798de
source.powershell#744107de
source.powershell.variable.other.member#0B0BFDde
source.python#84253Ede
storage#70410Ade
storage.modifier#50381Cde
storage.modifier.import.java#2C2CD8de
storage.modifier.package.java#684621de
storage.type#2E2ED8debold
storage.type.annotation.groovy#09591Edebold
storage.type.annotation.java#840996debold
storage.type.boolean.go#09591Fdebold
storage.type.byte.go#654521debold
storage.type.cs#9A0930debold
storage.type.error.go#1E5256debold
storage.type.generic.cs#7C2589debold
storage.type.generic.groovy#08581Ddebold
storage.type.generic.java#0A591Fdebold
storage.type.groovy#084518debold
storage.type.java#2C2CD8debold
storage.type.modifier.cs#7A2588debold
storage.type.numeric.go#8C2641debold
storage.type.object.array.groovy#50381Cdebold
storage.type.object.array.java#7B2689debold
storage.type.parameters.groovy#860699debold
storage.type.primitive.array.groovy#840798debold
storage.type.primitive.array.java#734107debold
storage.type.primitive.groovy#8A2640debold
storage.type.primitive.java#1D5356debold
storage.type.rune.go#2C2CD8debold
storage.type.string.go#375609debold
storage.type.token.java#7C243Cdebold
storage.type.uintptr.go#0A555Bdebold
storage.type.variable.cs#36540Adebold
string#3E521Dde
string.quoted.docstring.multi.python#4E4E2F6e
string.regexp#8E2543de
string.tag#72410Ade
string.value#744005de
strong#09565Bde
support.class#754004de
support.constant.color#09565Bde
support.constant.dom#07454Ade
support.constant.font-name#744107de
support.constant.handlebars#860699de
support.constant.json#50381Cde
support.constant.math#09591Ede
support.constant.media#084245de
support.constant.media-type#375509debold
support.constant.property-value#9C052Ede
support.function#375508de
support.function.git-rebase#71410Ade
support.other.parenthesis.regexp#375609de
support.type#70247Cdebold
support.type.property-name#70247Cdebold
support.type.vendored.property-name#0A581Fdebold
support.variable#860699de
token.debug-token#0A591Fde
token.error-token#850898de
token.info-token#50381Cde
token.warn-token#36491Ade
variable#7B2587de
variable.css#1E562Cde
variable.language#5E411Fde
variable.language.wildcard.java#0B0BFDde
variable.other.constant#7A2588de
variable.other.definition.java#840798de
variable.other.enummember#365409de
variable.other.less#0A591Fde
variable.other.object.java#7B258Ade
variable.other.object.property.java#0A5A1Fde
variable.parameter.c#2D2DD8de
variable.parameter.function.language.python#70247Cde
variable.parameter.java#375608de
variable.scss#0A565Cde