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#1e1915fe
  • activityBar.activeBackground#1e1915fe
  • activityBar.activeBorder#19CA19fe
  • activityBar.activeFocusBorder#636B4C00
  • activityBar.background#130F0Dfe
  • activityBar.border#4C6B6B00
  • activityBar.dropBorder#08C908fe
  • activityBar.foreground#13CA13fe
  • activityBar.inactiveForeground#F39B5465
  • activityBarBadge.background#4BBE4Bfe
  • activityBarBadge.foreground#130F0Dfe
  • badge.background#4BBE4Bfe
  • badge.foreground#130F0Dfe
  • banner.background#1e1915fe
  • banner.foreground#FBECCCce
  • banner.iconForeground#BDC0D1fe
  • breadcrumb.activeSelectionForeground#D6E2D8ca
  • breadcrumb.background#15110Efe
  • breadcrumb.focusForeground#1ACB1Afe
  • breadcrumb.foreground#F0EDEAae
  • breadcrumbPicker.background#1e1915fe
  • button.background#4F4237ae
  • button.border#0A0A0E00
  • button.foreground#FBECCCce
  • button.hoverBackground#6D5B4C6e
  • button.secondaryBackground#1e1915fe
  • button.secondaryForeground#FBECCCce
  • button.secondaryHoverBackground#1e1915fe
  • button.separator#0E0C0A00
  • charts.blue#1b1bfffe
  • charts.foreground#FBECCCce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#100E0Bfe
  • chat.slashCommandBackground#1e1915fe
  • chat.slashCommandForeground#FBECCCce
  • checkbox.background#100E0Bfe
  • checkbox.border#100E0Bfe
  • checkbox.foreground#FBECCCce
  • checkbox.selectBackground#100E0Bfe
  • checkbox.selectBorder#100E0Bfe
  • commandCenter.activeBackground#272E1985
  • commandCenter.activeBorder#100E0Bfe
  • commandCenter.activeForeground#4FC24Ffe
  • commandCenter.background#1e1915fe
  • commandCenter.border#100E0Bfe
  • commandCenter.foreground#FBECCCce
  • commandCenter.inactiveBorder#3F261191
  • commandCenter.inactiveForeground#EF9D5765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0A0C00
  • contrastBorder#0D0E0A00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#FBECCCce
  • debugConsole.sourceForeground#FBECCCce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D2C7D8fe
  • debugExceptionWidget.background#5300539e
  • debugExceptionWidget.border#100E0Bfe
  • debugIcon.breakpointCurrentStackframeForeground#C7D8C9fe
  • debugIcon.breakpointDisabledForeground#C6B8AD65
  • debugIcon.breakpointForeground#CABDD1fe
  • debugIcon.breakpointStackframeForeground#D1DFD3fe
  • debugIcon.breakpointUnverifiedForeground#D6CCDBfe
  • debugIcon.continueForeground#DBCCD3fe
  • debugIcon.disconnectForeground#CDC2B8fe
  • debugIcon.pauseForeground#E2DCD6fe
  • debugIcon.restartForeground#CAD1BDfe
  • debugIcon.startForeground#D4CAC2fe
  • debugIcon.stepBackForeground#C2D4C4fe
  • debugIcon.stepIntoForeground#D1BDC6fe
  • debugIcon.stepOutForeground#E2DBE6fe
  • debugIcon.stepOverForeground#C6B9AEfe
  • debugIcon.stopForeground#CABDB3fe
  • debugTokenExpression.boolean#D1DFDDca
  • debugTokenExpression.error#D6D8E2ca
  • debugTokenExpression.name#CCCEDBca
  • debugTokenExpression.number#DADFD1ca
  • debugTokenExpression.value#DBD3CCca
  • debugToolBar.background#5300539d
  • debugToolBar.border#100E0Bfe
  • debugView.exceptionLabelBackground#402230ca
  • debugView.exceptionLabelForeground#D6E2D8ca
  • debugView.stateLabelBackground#372243ca
  • debugView.stateLabelForeground#DEE2D6ca
  • debugView.valueChangedHighlight#E2DBE6ca
  • descriptionForeground#FBECCCce
  • diffEditor.border#0A0A0E00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113213fb
  • diffEditor.insertedTextBorder#0A0E0A00
  • diffEditor.move.border#0E0A0C00
  • diffEditor.moveActive.border#0A0E0E00
  • diffEditor.removedLineBackground#5D000031
  • diffEditor.removedTextBackground#600000fb
  • diffEditor.removedTextBorder#0E0C0A00
  • diffEditor.unchangedCodeBackground#1e1915fe
  • diffEditor.unchangedRegionBackground#1e1915fe
  • diffEditor.unchangedRegionForeground#FBECCCce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C6B8AE65
  • dropdown.background#100E0Bfe
  • dropdown.border#100E0Bfe
  • dropdown.foreground#FBECCCce
  • dropdown.listBackground#100E0Bfe
  • editor.background#1e1915fe
  • editor.findMatchBackground#72505Fa2
  • editor.findMatchBorder#100E0Bfe
  • editor.findMatchHighlightBackground#5E4968a9
  • editor.findMatchHighlightBorder#100E0Bfe
  • editor.findRangeHighlightBackground#685749ac
  • editor.findRangeHighlightBorder#100E0Bfe
  • editor.focusedStackFrameHighlightBackground#6345538a
  • editor.foldBackground#B6BEA3a3
  • editor.foreground#FBECCCce
  • editor.hoverHighlightBackground#614451a5
  • editor.inactiveSelectionBackground#58493E96
  • editor.inlineValuesBackground#1e1915fe
  • editor.inlineValuesForeground#FBECCCce
  • editor.lineHighlightBackground#362D26b4
  • editor.lineHighlightBorder#0A0E0E00
  • editor.linkedEditingBackground#1e1915fe
  • editor.rangeHighlightBackground#3E5956a3
  • editor.rangeHighlightBorder#100E0Bfe
  • editor.selectionBackground#604351ac
  • editor.selectionForeground#E2DBE6ca
  • editor.selectionHighlightBackground#454A6481
  • editor.selectionHighlightBorder#100E0Bfe
  • editor.snippetFinalTabstopHighlightBackground#614451a9
  • editor.snippetFinalTabstopHighlightBorder#100E0Bfe
  • editor.snippetTabstopHighlightBackground#454A64ad
  • editor.snippetTabstopHighlightBorder#100E0Bfe
  • editor.stackFrameHighlightBackground#5E4968ae
  • editor.symbolHighlightBackground#474A65ae
  • editor.symbolHighlightBorder#100E0Bfe
  • editor.wordHighlightBackground#594A3Ea9
  • editor.wordHighlightBorder#0A0E0A00
  • editor.wordHighlightStrongBackground#594563a9
  • editor.wordHighlightStrongBorder#0A0E0E00
  • editor.wordHighlightTextBackground#464A65a5
  • editor.wordHighlightTextBorder#0A0E0A00
  • editorBracketHighlight.foreground1#F7F6F4ce
  • editorBracketHighlight.foreground2#F7F6F4ce
  • editorBracketHighlight.foreground3#F7F6F4ce
  • editorBracketHighlight.foreground4#F7F6F4ce
  • editorBracketHighlight.foreground5#F7F6F4ce
  • editorBracketHighlight.foreground6#F7F6F4ce
  • editorBracketHighlight.unexpectedBracket.foreground#FBECCCce
  • editorBracketMatch.background#C5B7CCa8
  • editorBracketMatch.border#100E0Bfe
  • editorBracketPairGuide.activeBackground1#C6B7CD8d
  • editorBracketPairGuide.activeBackground2#A8C2AB85
  • editorBracketPairGuide.activeBackground3#CBB5C08d
  • editorBracketPairGuide.activeBackground4#A7C1AA8d
  • editorBracketPairGuide.activeBackground5#B6BEA382
  • editorBracketPairGuide.activeBackground6#B6BEA38e
  • editorBracketPairGuide.background1#272E1Bfe
  • editorBracketPairGuide.background2#1A2E2Cfe
  • editorBracketPairGuide.background3#1C2E2Cfe
  • editorBracketPairGuide.background4#1A2D2Bfe
  • editorBracketPairGuide.background5#282A39fe
  • editorBracketPairGuide.background6#40202Ffe
  • editorCodeLens.foreground#C6B8AD6e
  • editorCommentsWidget.rangeActiveBackground#C6B8ADfe
  • editorCommentsWidget.rangeBackground#1e1915fe
  • editorCommentsWidget.resolvedBorder#100E0Bfe
  • editorCommentsWidget.unresolvedBorder#5F0000cb
  • editorCursor.background#1e1915fe
  • editorCursor.foreground#47BA47fe
  • editorError.background#0A0A0E00
  • editorError.border#0A0E0E00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#1e1915fe
  • editorGhostText.border#0D0A0E00
  • editorGhostText.foreground#C6B9AE6e
  • editorGroup.border#100E0Bfe
  • editorGroup.dropBackground#1e1915fe
  • editorGroup.dropIntoPromptBackground#1e1915fe
  • editorGroup.dropIntoPromptBorder#100E0Bfe
  • editorGroup.dropIntoPromptForeground#FBECCCce
  • editorGroup.emptyBackground#1e1915fe
  • editorGroup.focusedEmptyBorder#100E0Bfe
  • editorGroupHeader.border#0D0A0E00
  • editorGroupHeader.noTabsBackground#130F0Dae
  • editorGroupHeader.tabsBackground#1E1915a1
  • editorGroupHeader.tabsBorder#0D0E0A00
  • editorGutter.addedBackground#86CB89fb
  • editorGutter.background#1e1915fe
  • editorGutter.commentGlyphForeground#FBECCCce
  • editorGutter.commentRangeForeground#FBECCCce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA1A1cb
  • editorGutter.foldingControlForeground#FBECCCce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0C00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#100E0Bfe
  • editorHoverWidget.border#100E0Bfe
  • editorHoverWidget.foreground#FBECCCce
  • editorHoverWidget.highlightForeground#DFD7D1ca
  • editorHoverWidget.statusBarBackground#1e1915fe
  • editorIndentGuide.activeBackground1#17CB17fe
  • editorIndentGuide.activeBackground2#08C908fe
  • editorIndentGuide.activeBackground3#13C913fe
  • editorIndentGuide.activeBackground4#17CB17fe
  • editorIndentGuide.activeBackground5#15CB15fe
  • editorIndentGuide.activeBackground6#09CB09fe
  • editorIndentGuide.background1#86AA8A35
  • editorIndentGuide.background2#A4A7BF35
  • editorIndentGuide.background3#B2BC9F35
  • editorIndentGuide.background4#9E86AA35
  • editorIndentGuide.background5#A7819235
  • editorIndentGuide.background6#AE8B9B35
  • editorInfo.background#0A0E0A00
  • editorInfo.border#0D0E0A00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#1e1915fe
  • editorInlayHint.foreground#FBECCCce
  • editorInlayHint.parameterBackground#1e1915fe
  • editorInlayHint.parameterForeground#FBECCCce
  • editorInlayHint.typeBackground#1e1915fe
  • editorInlayHint.typeForeground#FBECCCce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#1ACB1Afe
  • editorLineNumber.dimmedForeground#C6B8AD6e
  • editorLineNumber.foreground#C6B8AD6e
  • editorLink.activeForeground#4FC24Ffe
  • editorMarkerNavigation.background#100E0Bfe
  • editorMarkerNavigationError.background#530053a2
  • editorMarkerNavigationError.headerBackground#530053c9
  • editorMarkerNavigationInfo.background#00009Dfe
  • editorMarkerNavigationInfo.headerBackground#00009Dfe
  • editorMarkerNavigationWarning.background#332A00fe
  • editorMarkerNavigationWarning.headerBackground#332A00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1e1915fe
  • editorOverviewRuler.border#37291Dfe
  • editorOverviewRuler.bracketMatchForeground#FBECCCce
  • editorOverviewRuler.commentForeground#C6B8AD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FBECCCce
  • editorOverviewRuler.currentContentForeground#cececebb
  • editorOverviewRuler.deletedForeground#FFA1A1cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E6DBE0ca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D6E2E1ca
  • editorOverviewRuler.wordHighlightStrongForeground#FBECCCce
  • editorOverviewRuler.wordHighlightTextForeground#FBECCCce
  • editorPane.background#1e1915fe
  • editorRuler.foreground#C6BBAF2b
  • editorStickyScroll.background#1e1915fe
  • editorStickyScrollHover.background#3A28196e
  • editorSuggestWidget.background#100E0Bfe
  • editorSuggestWidget.border#0D0A0E00
  • editorSuggestWidget.focusHighlightForeground#D697F6fe
  • editorSuggestWidget.foreground#B7BACDfe
  • editorSuggestWidget.highlightForeground#E0E9E8ca
  • editorSuggestWidget.selectedBackground#39513B8d
  • editorSuggestWidget.selectedForeground#DFD7D1ca
  • editorSuggestWidget.selectedIconForeground#DFD7D1ca
  • editorSuggestWidgetStatus.foreground#C6CDB8fe
  • editorUnicodeHighlight.background#626D4Caa
  • editorUnicodeHighlight.border#100E0Bfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0A00
  • editorWarning.border#0A0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FBECCCce
  • editorWidget.background#100E0Bfe
  • editorWidget.border#100E0Bfe
  • editorWidget.foreground#FBECCCce
  • editorWidget.resizeBorder#100E0Bfe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#17CA17fe
  • extensionBadge.remoteForeground#130F0Dfe
  • extensionButton.background#3B2717ae
  • extensionButton.foreground#FBECCCce
  • extensionButton.hoverBackground#342A226e
  • extensionButton.prominentBackground#1e1915fe
  • extensionButton.prominentForeground#FBECCCce
  • extensionButton.prominentHoverBackground#1e1915fe
  • extensionButton.separator#0E0C0A00
  • extensionIcon.preReleaseForeground#C2CAB3fe
  • extensionIcon.sponsorForeground#D6E2E1fe
  • extensionIcon.starForeground#DBE6DDfe
  • extensionIcon.verifiedForeground#D1BDC6fe
  • focusBorder#0D0A0E00
  • foreground#FBECCCce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA1A1cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FFA1A1cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C6BAAEae
  • inlineChat.background#392344ca
  • inlineChat.border#372343ca
  • inlineChat.regionHighlight#D1DFDDca
  • inlineChat.shadow#CCCEDBca
  • inlineChatDiff.inserted#E2D6DCca
  • inlineChatDiff.removed#DBD3CCca
  • inlineChatInput.background#D2D8C7ca
  • inlineChatInput.border#37291Eca
  • inlineChatInput.focusBorder#0E0C0A00
  • inlineChatInput.placeholderForeground#DBE6DDca
  • input.background#100E0Bfe
  • input.border#100E0Bfe
  • input.foreground#FBECCCce
  • input.placeholderForeground#C6B8AD65
  • inputOption.activeBackground#100E0Bfe
  • inputOption.activeBorder#100E0Bfe
  • inputOption.activeForeground#4FC24Ffe
  • inputOption.hoverBackground#100E0Bfe
  • inputValidation.errorBackground#670067b9
  • inputValidation.errorBorder#530053bc
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#100E0Bfe
  • inputValidation.infoForeground#FBECCCce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#100E0Bfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#100E0Bfe
  • interactive.inactiveCodeBorder#3F261198
  • keybindingLabel.background#1e1915fe
  • keybindingLabel.border#100E0Bfe
  • keybindingLabel.bottomBorder#100E0Bfe
  • keybindingLabel.foreground#FBECCCce
  • keybindingTable.headerBackground#1e1915fe
  • keybindingTable.rowsBackground#1e1915fe
  • list.activeSelectionBackground#425E5B81
  • list.activeSelectionForeground#DFD1D7ca
  • list.activeSelectionIconForeground#DBDDE6ca
  • list.deemphasizedForeground#FBECCCce
  • list.dropBackground#1e1915fe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#1e1915fe
  • list.filterMatchBorder#100E0Bfe
  • list.focusAndSelectionOutline#0A0E0A00
  • list.focusBackground#58493D97
  • list.focusForeground#1ACB1Afe
  • list.focusHighlightForeground#FB8CBDfe
  • list.focusOutline#0D0A0E00
  • list.highlightForeground#DFD1D7ca
  • list.hoverBackground#36262Da3
  • list.hoverForeground#18CA18fe
  • list.inactiveFocusBackground#362D2691
  • list.inactiveFocusOutline#0A0A0E00
  • list.inactiveSelectionBackground#130F0Dae
  • list.inactiveSelectionForeground#C6B8AE65
  • list.inactiveSelectionIconForeground#C6B9AE65
  • list.invalidItemForeground#FBECCCce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1e1915fe
  • listFilterWidget.noMatchesOutline#0E0A0C00
  • listFilterWidget.outline#0E0C0A00
  • listFilterWidget.shadow#0A0A0E00
  • menu.background#130F0Dfe
  • menu.border#0E0A0C00
  • menu.foreground#EDE9E5ae
  • menu.selectionBackground#614351ad
  • menu.selectionBorder#0E0C0A00
  • menu.selectionForeground#16CB16fe
  • menu.separatorBackground#36281C65
  • menubar.selectionBackground#604351a9
  • menubar.selectionBorder#0D0A0E00
  • menubar.selectionForeground#18CA18fe
  • merge.border#100E0Bfe
  • merge.commonContentBackground#1e1915fe
  • merge.commonHeaderBackground#1e1915fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113213fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113213fb
  • mergeEditor.change.background#1e1915fe
  • mergeEditor.change.word.background#1e1915fe
  • mergeEditor.changeBase.background#1e1915fe
  • mergeEditor.changeBase.word.background#1e1915fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#100E0Bfe
  • mergeEditor.conflict.handledUnfocused.border#27211B39
  • mergeEditor.conflict.input1.background#100E0Bfe
  • mergeEditor.conflict.input2.background#100E0Bfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b5
  • mergeEditor.conflict.unhandledFocused.border#100E0Bfe
  • mergeEditor.conflict.unhandledUnfocused.border#221D182d
  • mergeEditor.conflictingLines.background#1e1915fe
  • minimap.background#1e1915fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F6F4ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#86CB89fb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#816C5Afe
  • minimapSlider.background#4A3E34ae
  • minimapSlider.hoverBackground#725F506e
  • notebook.cellBorderColor#100E0Bfe
  • notebook.cellEditorBackground#1e1915fe
  • notebook.cellHoverBackground#1e1915fe
  • notebook.cellInsertionIndicator#DFD1D7ca
  • notebook.cellStatusBarItemHoverBackground#1e1915fe
  • notebook.cellToolbarSeparator#E2E6DBca
  • notebook.editorBackground#1e1915fe
  • notebook.focusedCellBackground#1e1915fe
  • notebook.focusedCellBorder#17CA17fe
  • notebook.focusedEditorBorder#100E0Bfe
  • notebook.inactiveFocusedCellBorder#816C5A8e
  • notebook.inactiveSelectedCellBorder#7C68578e
  • notebook.outputContainerBackgroundColor#1e1915fe
  • notebook.outputContainerBorderColor#100E0Bfe
  • notebook.selectedCellBackground#1e1915fe
  • notebook.selectedCellBorder#100E0Bfe
  • notebook.symbolHighlightBackground#1e1915fe
  • notebookEditorOverviewRuler.runningCellForeground#FBECCCce
  • notebookScrollbarSlider.activeBackground#816C5Afe
  • notebookScrollbarSlider.background#4A3E34ae
  • notebookScrollbarSlider.hoverBackground#6857496e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#E6DBE0fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#100E0Bfe
  • notificationCenterHeader.background#1e1915fe
  • notificationCenterHeader.foreground#FBECCCce
  • notificationLink.foreground#FBECCCce
  • notifications.background#1e1915fe
  • notifications.border#100E0Bfe
  • notifications.foreground#FBECCCce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#B8BBCDfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#100E0Bfe
  • panel.background#1e1915fe
  • panel.border#100E0Bfe
  • panel.dropBorder#100E0Bfe
  • panelInput.border#100E0Bfe
  • panelSection.border#100E0Bfe
  • panelSection.dropBackground#1e1915fe
  • panelSectionHeader.background#1e1915fe
  • panelSectionHeader.border#100E0Bfe
  • panelSectionHeader.foreground#FBECCCce
  • panelTitle.activeBorder#0D0E0A00
  • panelTitle.activeForeground#17C917fe
  • panelTitle.inactiveForeground#BCAC9F65
  • peekView.border#09CB09fe
  • peekViewEditor.background#100E0Bfe
  • peekViewEditor.matchHighlightBackground#49684C8c
  • peekViewEditor.matchHighlightBorder#0D0E0A00
  • peekViewEditorGutter.background#100E0Bfe
  • peekViewEditorStickyScroll.background#1e1915fe
  • peekViewResult.background#130F0Dfe
  • peekViewResult.fileForeground#FBECCCce
  • peekViewResult.lineForeground#FBECCCce
  • peekViewResult.matchHighlightBackground#4C6D6A8b
  • peekViewResult.selectionBackground#5945638c
  • peekViewResult.selectionForeground#E2D6DCca
  • peekViewTitle.background#130F0Dfe
  • peekViewTitleDescription.foreground#FBECCCce
  • peekViewTitleLabel.foreground#FBECCCce
  • pickerGroup.border#100E0Bfe
  • pickerGroup.foreground#FBECCCce
  • ports.iconRunningProcessForeground#D1DFDDfe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#1ACB1Afe
  • profileBadge.foreground#130F0Dfe
  • progressBar.background#1e1915fe
  • quickInput.background#130F0Dfe
  • quickInput.foreground#F0EDEAae
  • quickInputList.focusBackground#303345a1
  • quickInputList.focusForeground#17CA17fe
  • quickInputList.focusIconForeground#47BA47fe
  • quickInputTitle.background#100E0Bfe
  • sash.hoverBorder#100E0Bfe
  • scrollbar.shadow#0A0A0E00
  • scrollbarSlider.activeBackground#7C6857fe
  • scrollbarSlider.background#4A3E34ae
  • scrollbarSlider.hoverBackground#725F506e
  • search.resultsInfoForeground#FBECCCce
  • searchEditor.findMatchBackground#57493Da5
  • searchEditor.findMatchBorder#100E0Bfe
  • searchEditor.textInputBorder#100E0Bfe
  • selection.background#1e1915fe
  • settings.checkboxBackground#100E0Bfe
  • settings.checkboxBorder#100E0Bfe
  • settings.checkboxForeground#FBECCCce
  • settings.dropdownBackground#100E0Bfe
  • settings.dropdownBorder#100E0Bfe
  • settings.dropdownForeground#FBECCCce
  • settings.dropdownListBorder#100E0Bfe
  • settings.focusedRowBackground#4C543B89
  • settings.focusedRowBorder#100E0Bfe
  • settings.headerBorder#100E0Bfe
  • settings.headerForeground#FBECCCce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#100E0Bfe
  • settings.numberInputBorder#100E0Bfe
  • settings.numberInputForeground#FBECCCce
  • settings.rowHoverBackground#1e1915fe
  • settings.sashBorder#100E0Bfe
  • settings.settingsHeaderHoverForeground#1ACB1Afe
  • settings.textInputBackground#100E0Bfe
  • settings.textInputBorder#100E0Bfe
  • settings.textInputForeground#FBECCCce
  • sideBar.background#1e1915fe
  • sideBar.border#100E0Bfe
  • sideBar.dropBackground#1e1915fe
  • sideBar.foreground#C6BAAEae
  • sideBarSectionHeader.background#0E0C0A00
  • sideBarSectionHeader.border#100E0Bfe
  • sideBarSectionHeader.foreground#FBECCCce
  • sideBarTitle.foreground#FBECCCce
  • sideBySideEditor.horizontalBorder#100E0Bfe
  • sideBySideEditor.verticalBorder#100E0Bfe
  • simpleFindWidget.sashBorder#100E0Bfe
  • statusBar.background#130F0Dfe
  • statusBar.border#100E0Bfe
  • statusBar.debuggingBackground#530053b1
  • statusBar.debuggingBorder#100E0Bfe
  • statusBar.debuggingForeground#FBECCCce
  • statusBar.focusBorder#0E0A0C00
  • statusBar.foreground#C6B8AD6e
  • statusBar.noFolderBackground#130F0Dfe
  • statusBar.noFolderBorder#100E0Bfe
  • statusBar.noFolderForeground#FBECCCce
  • statusBarItem.activeBackground#130F0Dfe
  • statusBarItem.compactHoverBackground#130F0Dfe
  • statusBarItem.errorBackground#530053c4
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#5300539d
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0E0C0A00
  • statusBarItem.hoverBackground#130F0Dfe
  • statusBarItem.hoverForeground#1ACB1Afe
  • statusBarItem.offlineBackground#130F0Dfe
  • statusBarItem.offlineForeground#FBECCCce
  • statusBarItem.offlineHoverBackground#130F0Dfe
  • statusBarItem.offlineHoverForeground#4BBE4Bfe
  • statusBarItem.prominentBackground#130F0Dfe
  • statusBarItem.prominentForeground#FBECCCce
  • statusBarItem.prominentHoverBackground#130F0Dfe
  • statusBarItem.prominentHoverForeground#19CB19fe
  • statusBarItem.remoteBackground#16CB16fe
  • statusBarItem.remoteForeground#130F0Dfe
  • statusBarItem.remoteHoverBackground#130F0Dfe
  • statusBarItem.remoteHoverForeground#4FC24Ffe
  • statusBarItem.warningBackground#332A00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#332A00fe
  • statusBarItem.warningHoverForeground#D0AC00ce
  • symbolIcon.arrayForeground#DBE6DDfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#D6E2E1fe
  • symbolIcon.colorForeground#CCDBCEfe
  • symbolIcon.constantForeground#E6E0DBfe
  • symbolIcon.constructorForeground#D8C7CFfe
  • symbolIcon.enumeratorForeground#B7BACCfe
  • symbolIcon.enumeratorMemberForeground#D4C2CAfe
  • symbolIcon.eventForeground#C2CAB3fe
  • symbolIcon.fieldForeground#CABDB3fe
  • symbolIcon.fileForeground#D6DBCCfe
  • symbolIcon.folderForeground#C6B9AEfe
  • symbolIcon.functionForeground#E0E9E1fe
  • symbolIcon.interfaceForeground#CDC2B8fe
  • symbolIcon.keyForeground#C6B9AEfe
  • symbolIcon.keywordForeground#B8CDCBfe
  • symbolIcon.methodForeground#DEE2D6fe
  • symbolIcon.moduleForeground#D1DFD3fe
  • symbolIcon.namespaceForeground#B7BACCfe
  • symbolIcon.nullForeground#D1DFDDfe
  • symbolIcon.numberForeground#B3CAB6fe
  • symbolIcon.objectForeground#DFD1D7fe
  • symbolIcon.operatorForeground#BDD1CFfe
  • symbolIcon.packageForeground#CCDBCEfe
  • symbolIcon.propertyForeground#DEE2D6fe
  • symbolIcon.referenceForeground#D6E2E1fe
  • symbolIcon.snippetForeground#CAD1BDfe
  • symbolIcon.stringForeground#D1DFDDfe
  • symbolIcon.structForeground#D8C7CFfe
  • symbolIcon.textForeground#C2CAB3fe
  • symbolIcon.typeParameterForeground#BDD1CFfe
  • symbolIcon.unitForeground#C7D8C9fe
  • symbolIcon.variableForeground#CAD1BDfe
  • tab.activeBackground#15110Efe
  • tab.activeBorder#0E0C0A00
  • tab.activeBorderTop#17CB17fe
  • tab.activeForeground#19CA19fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0A0E0E00
  • tab.hoverBackground#CCB6C0a3
  • tab.hoverBorder#100E0Bfe
  • tab.hoverForeground#17CA17fe
  • tab.inactiveBackground#31292299
  • tab.inactiveForeground#EF9D5765
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#100E0Bfe
  • tab.unfocusedActiveBackground#27211B23
  • tab.unfocusedActiveBorder#0A0E0A00
  • tab.unfocusedActiveBorderTop#322A2265
  • tab.unfocusedActiveForeground#EF9D5765
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#C6BBAF39
  • tab.unfocusedHoverBorder#221D1839
  • tab.unfocusedHoverForeground#B8A89A65
  • tab.unfocusedInactiveBackground#40362D94
  • tab.unfocusedInactiveForeground#B8A89A65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c7
  • 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#670067ca
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec3
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1e1915fe
  • terminal.border#100E0Bfe
  • terminal.dropBackground#1e1915fe
  • terminal.findMatchBackground#1e1915fe
  • terminal.findMatchBorder#100E0Bfe
  • terminal.findMatchHighlightBackground#1e1915fe
  • terminal.findMatchHighlightBorder#100E0Bfe
  • terminal.foreground#C6BAAEae
  • terminal.hoverHighlightBackground#1e1915fe
  • terminal.inactiveSelectionBackground#362D269e
  • terminal.selectionBackground#4C6D6A86
  • terminal.selectionForeground#E2DBE6ca
  • terminal.tab.activeBorder#10CB10fe
  • terminalCommandDecoration.defaultBackground#A6C0BDae
  • terminalCommandDecoration.errorBackground#FFA1A1cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1e1915fe
  • terminalCursor.foreground#16CB16fe
  • terminalOverviewRuler.cursorForeground#FBECCCce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c8
  • testing.iconUnset#808080a1
  • testing.message.error.decorationForeground#60D260fe
  • testing.message.error.lineBackground#530053ba
  • testing.message.info.decorationForeground#64D164fe
  • testing.message.info.lineBackground#00009Dfe
  • testing.peekBorder#100E0Bfe
  • testing.peekHeaderBackground#1e1915fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1e1915fe
  • textBlockQuote.border#100E0Bfe
  • textCodeBlock.background#1e1915fe
  • textLink.activeForeground#47BA47fe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#FBECCCce
  • textSeparator.foreground#FBECCCce
  • titleBar.activeBackground#130F0Dfe
  • titleBar.activeForeground#D4A77Bae
  • titleBar.border#0D0A0E00
  • titleBar.inactiveBackground#2C251Fd3
  • titleBar.inactiveForeground#B8A89A65
  • toolbar.activeBackground#34273B89
  • toolbar.hoverBackground#1e1915fe
  • toolbar.hoverOutline#0D0A0E00
  • tree.inactiveIndentGuidesStroke#A4BFA735
  • tree.indentGuidesStroke#77CE77fe
  • tree.tableColumnsBorder#100E0Bfe
  • tree.tableOddRowsBackground#1e1915fe
  • walkThrough.embeddedEditorBackground#1e1915fe
  • walkthrough.stepTitle.foreground#FBECCCce
  • welcomePage.background#1e1915fe
  • welcomePage.progress.background#1e1915fe
  • welcomePage.progress.foreground#FBECCCce
  • welcomePage.tileBackground#1e1915fe
  • welcomePage.tileBorder#100E0Bfe
  • welcomePage.tileHoverBackground#1e1915fe
  • widget.border#100E0Bfe
  • widget.shadow#0E0A0C00
  • window.activeBorder#100E0Bfe
  • window.inactiveBorder#3F261192

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#EBBA986e
comment.block.html#EBBA986e
comment.block.java#E8BC906e
comment.block.javadoc.java#EBBA986e
comment.block.powershell#EDB98F6e
comment.block.xml#E9BB8D6e
comment.line.double-slash.c#EBBA986e
comment.line.double-slash.cpp#EBBA986e
comment.line.double-slash.java#EBBA986e
comment.line.double-slash.js#E9BB8D6e
comment.line.number-sign.makefile#E8BC906e
comment.line.number-sign.python#EDB98F6e
comment.line.number-sign.yaml#EDB98F6e
comment.line.percentage.erlang#E9BB8D6e
comment.line.powershell#EBBA986e
comment.source.cmake#E9BB8D6e
comment.source.cmakecache#EDB98F6e
constant.character#13E213de
constant.character.character-class.regexp#9E9EF2de
constant.character.escape#E88B8Bde
constant.character.set.regexp#16E216de
constant.language#18E218de
constant.numeric#9E9EE9de
constant.numeric.dec.python#BEBEFEde
constant.other.caps.python#ED9191de
constant.other.character-class.regexp#FEADADde
constant.other.character-class.set.regexp#BEBEFEde
constant.other.color.rgb-value#18E218de
constant.other.placeholder#9D9DEFde
constant.other.rgb-value#16E216de
constant.regexp#0EE10Ede
constant.sha.git-rebase#E88B8Bde
emphasis#F3A4A4de
entity.name.class#FEAEAEde
entity.name.function#B9B9F8de
entity.name.function.preprocessor#18E318de
entity.name.function.python#BEBEFEde
entity.name.label#9D9DECde
entity.name.namespace#E98B8Bde
entity.name.operator#FEAEAEde
entity.name.operator.custom-literal#18E318de
entity.name.scope-resolution#9D9DEFde
entity.name.tag#FEAFAFde
entity.name.tag.css#E885E8de
entity.name.type#FEADADde
entity.name.variable#9D9DEAde
entity.other.attribute#FEA5FEde
entity.other.attribute-name#9E9EF2de
entity.other.attribute-name.class.css#18E318de
entity.other.attribute-name.class.mixin.css#18E318de
entity.other.attribute-name.id#B6B6FEde
entity.other.attribute-name.id.css#18E318de
entity.other.attribute-name.parent-selector.css#18E318de
entity.other.attribute-name.pseudo-class.css#9D9DEFde
entity.other.attribute-name.pseudo-element.css#13E213de
entity.other.attribute-name.scss#10E210de
entity.other.document.begin.yaml#EBBA986e
entity.other.inherited-class#FEAFAFde
header#9E9EE9de
invalid#E281E2de
keyword#FEAFAFde
keyword.codetag.notation.python#F5ABABde
keyword.control#F3A4A4de
keyword.control.anchor.regexp#F3A4A4de
keyword.control.import.python#ABABF5de
keyword.operator#9E9EF2de
keyword.operator.alignas#ED9191de
keyword.operator.alignof#E885E8de
keyword.operator.cast#FEAEAEde
keyword.operator.delete#0EE10Ede
keyword.operator.documentation.powershell#E9BB8D6e
keyword.operator.expression#BEBEFEde
keyword.operator.instanceof#F5ABABde
keyword.operator.logical.python#16E216de
keyword.operator.minus.exponent#9D9DEBde
keyword.operator.negation.regexp#9D9DEEde
keyword.operator.new#E98B8Bde
keyword.operator.noexcept#18E318de
keyword.operator.or.regexp#A4A4F3de
keyword.operator.plus.exponent#10E210de
keyword.operator.quantifier.regexp#9D9DEAde
keyword.operator.sizeof#FEA4FEde
keyword.operator.typeid#18E318de
keyword.operator.wordlike#F29E9Ede
keyword.other.operator#FEA5FEde
keyword.other.package.java#FEA5FEde
keyword.other.unit#FEA5FEde
keyword.other.using#18E218de
markup.bold#FEA4FEde
markup.changed#9E9EE9de
markup.deleted#10E210de
markup.fenced_code.block.markdown#F5ABF5de
markup.heading#9D9DEEde
markup.inline.raw#9E9EF2de
markup.inserted#16E216de
markup.italic#F29E9Ede
markup.raw.block.markdown#E680E6de
markup.strikethrough#ED9191de
markup.underline#ED9191de
meta.block.c#10E210de
meta.block.c#FEAEAEde
meta.class.java#9E9EE9de
meta.definition.variable.name#10E210de
meta.diff.header#E88B8Bde
meta.embedded#0DE30Dde
meta.embedded.assembly#FEAEAEde
meta.function-call.arguments.python#EF9898de
meta.function-call.python#FEA5FEde
meta.member.access.python#9D9DEEde
meta.method.java#9D9DEBde
meta.object-literal.key#16E216de
meta.paragraph.markdown#16E316de
meta.preprocessor#18E318de
meta.preprocessor.numeric#13E213de
meta.preprocessor.string#B2B2F7de
meta.scope.prerequisites.makefile#9D9DEEde
meta.structure.dictionary.json.comments#E9BB8D6e
meta.structure.dictionary.key.python#13E213de
meta.structure.dictionary.value.json.comments#EBBA986e
meta.template.expression#E98B8Bde
meta.type.cast.expr#F7B2B2de
meta.type.new.expr#13E113de
parameter#E98B8Bde
punctuation.character.set.begin.regexp#18E218de
punctuation.character.set.end.regexp#9D9DEEde
punctuation.definition.array.begin.json#EB8BEBde
punctuation.definition.character-class.regexp#B6B6FEde
punctuation.definition.comment#EDB98F6e
punctuation.definition.comment.json.comments#EBBA986e
punctuation.definition.comment.python#E9BB8D6e
punctuation.definition.dictionary.begin.json#EB8B8Bde
punctuation.definition.dictionary.end.json#FEA4FEde
punctuation.definition.group.assertion.regexp#F5ABF5de
punctuation.definition.group.regexp#FEADADde
punctuation.definition.list.begin.json#18E318de
punctuation.definition.list.begin.markdown#F3A4A4de
punctuation.definition.list.begin.python#FEA5FEde
punctuation.definition.list.end.json#ED9191de
punctuation.definition.list.end.markdown#9E9EE9de
punctuation.definition.list.end.python#ED9191de
punctuation.definition.parameters.begin.python#18E318de
punctuation.definition.parameters.end.bracket.round.java#18E218de
punctuation.definition.quote.begin.markdown#9D9DEEde
punctuation.definition.tag#FEADADde
punctuation.definition.template-expression.begin#FEA5FEde
punctuation.definition.template-expression.end#9D9DEEde
punctuation.section.class.begin.bracket.curly.java#13E113de
punctuation.section.embedded#13E113de
punctuation.section.embedded.begin.php#E98B8Bde
punctuation.section.embedded.end.php#E281E2de
punctuation.terminator.java#E68C8Cde
source.cmake#ABABF5de
source.coffee.embedded#EF98EFde
source.cpp#B6B6FEde
source.css.less#13E213de
source.groovy.embedded#18E318de
source.java#9D9DEEde
source.java-properties#9D9DEBde
source.json.comments#EDB98F6e
source.makefile#EF9898de
source.powershell#9D9DEBde
source.powershell.variable.other.member#BEBEFEde
source.python#FEA5FEde
storage#ED91EDde
storage.modifier#E281E2de
storage.modifier.import.java#18E218de
storage.modifier.package.java#13E113de
storage.type#ED9191de
storage.type.annotation.groovy#18E218de
storage.type.annotation.java#EF98EFde
storage.type.boolean.go#10E210de
storage.type.byte.go#F29E9Ede
storage.type.cs#E58C8Cde
storage.type.error.go#E98B8Bde
storage.type.generic.cs#16E216de
storage.type.generic.groovy#0EE10Ede
storage.type.generic.java#E58C8Cde
storage.type.groovy#F29E9Ede
storage.type.java#18E218de
storage.type.modifier.cs#FEA5FEde
storage.type.numeric.go#9D9DEBde
storage.type.object.array.groovy#FEAEAEde
storage.type.object.array.java#B9B9F8de
storage.type.parameters.groovy#ED9191de
storage.type.primitive.array.groovy#E88B8Bde
storage.type.primitive.array.java#9D9DEEde
storage.type.primitive.groovy#0EE10Ede
storage.type.primitive.java#F29EF2de
storage.type.rune.go#A4A4F3de
storage.type.string.go#FEA4FEde
storage.type.token.java#0DE30Dde
storage.type.uintptr.go#F7B2B2de
storage.type.variable.cs#13E213de
string#FEAEAEde
string.quoted.docstring.multi.python#EDB98F6e
string.regexp#9E9EE9de
string.tag#F3A4F3de
string.value#FEAEAEde
strong#F29E9Ede
support.class#9D9DECde
support.constant.color#9D9DECde
support.constant.dom#18E218de
support.constant.font-name#18E318de
support.constant.handlebars#18E318de
support.constant.json#13E213de
support.constant.math#F29E9Ede
support.constant.media#9D9DEEde
support.constant.media-type#18E318de
support.constant.property-value#16E216de
support.function#B6B6FEde
support.function.git-rebase#0DE30Dde
support.other.parenthesis.regexp#18E318de
support.type#9D9DEEde
support.type.property-name#9E9EF2de
support.type.vendored.property-name#18E318de
support.variable#18E318de
token.debug-token#B2B2F7de
token.error-token#FEADADde
token.info-token#9D9DECde
token.warn-token#16E216de
variable#18E318de
variable.css#B2B2F7de
variable.language#FEAEAEde
variable.language.wildcard.java#16E216de
variable.other.constant#9D9DECde
variable.other.definition.java#18E218de
variable.other.enummember#EF9898de
variable.other.less#E58C8Cde
variable.other.object.java#18E318de
variable.other.object.property.java#9D9DEEde
variable.parameter.c#9D9DEEde
variable.parameter.function.language.python#F5ABF5de
variable.parameter.java#9D9DEEde
variable.scss#FEA4FEde
viiv by B.W - VS Code Theme