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#1E1818fe
  • activityBar.activeBackground#1E1818fe
  • activityBar.activeBorder#FA9819fe
  • activityBar.activeFocusBorder#7CB3EB00
  • activityBar.background#141010fe
  • activityBar.border#38C47E00
  • activityBar.dropBorder#FA9717fe
  • activityBar.foreground#F99816fe
  • activityBar.inactiveForeground#FE6B6B65
  • activityBarBadge.background#E3A049fe
  • activityBarBadge.foreground#141010fe
  • badge.background#DB9337fe
  • badge.foreground#141010fe
  • banner.background#1E1818fe
  • banner.foreground#FEE8E8ce
  • banner.iconForeground#E4E2E8fe
  • breadcrumb.activeSelectionForeground#E5E4DDca
  • breadcrumb.background#161212fe
  • breadcrumb.focusForeground#C68129fe
  • breadcrumb.foreground#EFECECae
  • breadcrumbPicker.background#1E1818fe
  • button.background#483A3Aae
  • button.border#0F0B0E00
  • button.foreground#FEE8E8ce
  • button.hoverBackground#4D3E3Efe
  • button.secondaryBackground#1E1818fe
  • button.secondaryForeground#FEE8E8ce
  • button.secondaryHoverBackground#1E1818fe
  • button.separator#0F0B0E00
  • charts.blue#1b1bfffe
  • charts.foreground#FEE8E8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ab
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#110E0Efe
  • chat.slashCommandBackground#1E1818fe
  • chat.slashCommandForeground#FEE8E8ce
  • checkbox.background#110E0Efe
  • checkbox.border#110E0Efe
  • checkbox.foreground#FEE8E8ce
  • checkbox.selectBackground#110E0Efe
  • checkbox.selectBorder#110E0Efe
  • commandCenter.activeBackground#2C280F8a
  • commandCenter.activeBorder#110E0Efe
  • commandCenter.activeForeground#C68129fe
  • commandCenter.background#1E1818fe
  • commandCenter.border#110E0Efe
  • commandCenter.foreground#FEE8E8ce
  • commandCenter.inactiveBorder#2C242498
  • commandCenter.inactiveForeground#B3A1A165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0F0B00
  • contrastBorder#0C0B0F00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#FEE8E8ce
  • debugConsole.sourceForeground#FEE8E8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CED6CAfe
  • debugExceptionWidget.background#6700679a
  • debugExceptionWidget.border#110E0Efe
  • debugIcon.breakpointCurrentStackframeForeground#D7D4DDfe
  • debugIcon.breakpointDisabledForeground#FDE8E865
  • debugIcon.breakpointForeground#E4DEDEfe
  • debugIcon.breakpointStackframeForeground#E0D9D9fe
  • debugIcon.breakpointUnverifiedForeground#C6D2CDfe
  • debugIcon.continueForeground#BCCBC5fe
  • debugIcon.disconnectForeground#CFCDC1fe
  • debugIcon.pauseForeground#E0D9D9fe
  • debugIcon.restartForeground#D9DDE1fe
  • debugIcon.startForeground#E8E2E8fe
  • debugIcon.stepBackForeground#D6CAD4fe
  • debugIcon.stepIntoForeground#CFC1CDfe
  • debugIcon.stepOutForeground#C1CFC9fe
  • debugIcon.stepOverForeground#C7C5B7fe
  • debugIcon.stopForeground#D7DDD4fe
  • debugTokenExpression.boolean#E1D9E0ca
  • debugTokenExpression.error#D9D0D0ca
  • debugTokenExpression.name#E5DDE4ca
  • debugTokenExpression.number#D2DACFca
  • debugTokenExpression.value#E8E2E8ca
  • debugToolBar.background#670067c2
  • debugToolBar.border#110E0Efe
  • debugView.exceptionLabelBackground#3A2020ca
  • debugView.exceptionLabelForeground#CFD5DAca
  • debugView.stateLabelBackground#3C2020ca
  • debugView.stateLabelForeground#D5CBCBca
  • debugView.valueChangedHighlight#E4E8E2ca
  • descriptionForeground#FEE8E8ce
  • diffEditor.border#0F0B0E00
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0B0F0D00
  • diffEditor.move.border#0C0B0F00
  • diffEditor.moveActive.border#0E0C0C00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0F0E0B00
  • diffEditor.unchangedCodeBackground#1E1818fe
  • diffEditor.unchangedRegionBackground#1E1818fe
  • diffEditor.unchangedRegionForeground#FEE8E8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#FDE8E865
  • dropdown.background#110E0Efe
  • dropdown.border#110E0Efe
  • dropdown.foreground#FEE8E8ce
  • dropdown.listBackground#110E0Efe
  • editor.background#1E1818fe
  • editor.findMatchBackground#535040ac
  • editor.findMatchBorder#110E0Efe
  • editor.findMatchHighlightBackground#575544ad
  • editor.findMatchHighlightBorder#110E0Efe
  • editor.findRangeHighlightBackground#535040a3
  • editor.findRangeHighlightBorder#110E0Efe
  • editor.focusedStackFrameHighlightBackground#55664F8e
  • editor.foldBackground#FEE5F9a2
  • editor.foreground#FEE8E8ce
  • editor.hoverHighlightBackground#575544ab
  • editor.inactiveSelectionBackground#723E3E91
  • editor.inlineValuesBackground#1E1818fe
  • editor.inlineValuesForeground#FEE8E8ce
  • editor.lineHighlightBackground#362B2Bb1
  • editor.lineHighlightBorder#0B0D0F00
  • editor.linkedEditingBackground#1E1818fe
  • editor.rangeHighlightBackground#66624Fa5
  • editor.rangeHighlightBorder#110E0Efe
  • editor.selectionBackground#776060a6
  • editor.selectionForeground#E8E8E2ca
  • editor.selectionHighlightBackground#514E3C86
  • editor.selectionHighlightBorder#110E0Efe
  • editor.snippetFinalTabstopHighlightBackground#4A7DA5a1
  • editor.snippetFinalTabstopHighlightBorder#110E0Efe
  • editor.snippetTabstopHighlightBackground#6E5858a2
  • editor.snippetTabstopHighlightBorder#110E0Efe
  • editor.stackFrameHighlightBackground#44596Aa3
  • editor.symbolHighlightBackground#446277ab
  • editor.symbolHighlightBorder#110E0Efe
  • editor.wordHighlightBackground#487999a3
  • editor.wordHighlightBorder#0C0B0F00
  • editor.wordHighlightStrongBackground#51614Ba3
  • editor.wordHighlightStrongBorder#0B0D0F00
  • editor.wordHighlightTextBackground#5C5947a8
  • editor.wordHighlightTextBorder#0F0E0B00
  • editorBracketHighlight.foreground1#F7F5F5ce
  • editorBracketHighlight.foreground2#F7F5F5ce
  • editorBracketHighlight.foreground3#F7F5F5ce
  • editorBracketHighlight.foreground4#F7F5F5ce
  • editorBracketHighlight.foreground5#F7F5F5ce
  • editorBracketHighlight.foreground6#F7F5F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#FEE8E8ce
  • editorBracketMatch.background#FEE4FAab
  • editorBracketMatch.border#110E0Efe
  • editorBracketPairGuide.activeBackground1#DEEFFD8a
  • editorBracketPairGuide.activeBackground2#EFE9FE8d
  • editorBracketPairGuide.activeBackground3#FEE4FA83
  • editorBracketPairGuide.activeBackground4#CEF8C088
  • editorBracketPairGuide.activeBackground5#D1F8C283
  • editorBracketPairGuide.activeBackground6#DDEFFD82
  • editorBracketPairGuide.background1#1D2A18fe
  • editorBracketPairGuide.background2#2C2142fe
  • editorBracketPairGuide.background3#1D2917fe
  • editorBracketPairGuide.background4#2A2818fe
  • editorBracketPairGuide.background5#1E2A18fe
  • editorBracketPairGuide.background6#1E2A18fe
  • editorCodeLens.foreground#FDE8E86e
  • editorCommentsWidget.rangeActiveBackground#FEE8E8fe
  • editorCommentsWidget.rangeBackground#1E1818fe
  • editorCommentsWidget.resolvedBorder#110E0Efe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#1E1818fe
  • editorCursor.foreground#E3A049fe
  • editorError.background#0F0E0B00
  • editorError.border#0B0D0F00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#1E1818fe
  • editorGhostText.border#0F0E0B00
  • editorGhostText.foreground#FDE7E76e
  • editorGroup.border#110E0Efe
  • editorGroup.dropBackground#1E1818fe
  • editorGroup.dropIntoPromptBackground#1E1818fe
  • editorGroup.dropIntoPromptBorder#110E0Efe
  • editorGroup.dropIntoPromptForeground#FEE8E8ce
  • editorGroup.emptyBackground#1E1818fe
  • editorGroup.focusedEmptyBorder#110E0Efe
  • editorGroupHeader.border#0C0F0B00
  • editorGroupHeader.noTabsBackground#141010ae
  • editorGroupHeader.tabsBackground#1E1818a1
  • editorGroupHeader.tabsBorder#0F0B0E00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#1E1818fe
  • editorGutter.commentGlyphForeground#FEE8E8ce
  • editorGutter.commentRangeForeground#FEE8E8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#FEE8E8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0C0C00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#110E0Efe
  • editorHoverWidget.border#110E0Efe
  • editorHoverWidget.foreground#FEE8E8ce
  • editorHoverWidget.highlightForeground#E8E8E2ca
  • editorHoverWidget.statusBarBackground#1E1818fe
  • editorIndentGuide.activeBackground1#FEE8E8fe
  • editorIndentGuide.activeBackground2#FEE8E8fe
  • editorIndentGuide.activeBackground3#FEE8E8fe
  • editorIndentGuide.activeBackground4#FEE7E7fe
  • editorIndentGuide.activeBackground5#FEE7E7fe
  • editorIndentGuide.activeBackground6#FEE7E7fe
  • editorIndentGuide.background1#A4B0B935
  • editorIndentGuide.background2#A6B5A035
  • editorIndentGuide.background3#AEAA9635
  • editorIndentGuide.background4#A9B4BC35
  • editorIndentGuide.background5#A4B0B935
  • editorIndentGuide.background6#AE96AA35
  • editorInfo.background#0C0B0F00
  • editorInfo.border#0C0F0B00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#1E1818fe
  • editorInlayHint.foreground#FEE8E8ce
  • editorInlayHint.parameterBackground#1E1818fe
  • editorInlayHint.parameterForeground#FEE8E8ce
  • editorInlayHint.typeBackground#1E1818fe
  • editorInlayHint.typeForeground#FEE8E8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#D68B2Bfe
  • editorLineNumber.dimmedForeground#FDE7E76e
  • editorLineNumber.foreground#FDE8E86e
  • editorLink.activeForeground#C68129fe
  • editorMarkerNavigation.background#110E0Efe
  • editorMarkerNavigationError.background#670067b2
  • editorMarkerNavigationError.headerBackground#670067a9
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1E1818fe
  • editorOverviewRuler.border#560505fe
  • editorOverviewRuler.bracketMatchForeground#FEE8E8ce
  • editorOverviewRuler.commentForeground#FDE8E86e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FEE8E8ce
  • editorOverviewRuler.currentContentForeground#cecece9a
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D7D4DDca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E2E8E6ca
  • editorOverviewRuler.wordHighlightStrongForeground#FEE8E8ce
  • editorOverviewRuler.wordHighlightTextForeground#FEE8E8ce
  • editorPane.background#1E1818fe
  • editorRuler.foreground#FEE5E538
  • editorStickyScroll.background#1E1818fe
  • editorStickyScroll.shadow#0C0F0B00
  • editorStickyScrollHover.background#520D0Dfe
  • editorSuggestWidget.background#110E0Efe
  • editorSuggestWidget.border#0E0C0C00
  • editorSuggestWidget.focusHighlightForeground#5BB7F4fe
  • editorSuggestWidget.foreground#DAD8CFfe
  • editorSuggestWidget.highlightForeground#E2E8E6ca
  • editorSuggestWidget.selectedBackground#57554485
  • editorSuggestWidget.selectedForeground#DDD4DCca
  • editorSuggestWidget.selectedIconForeground#CFD5DAca
  • editorSuggestWidgetStatus.foreground#E1D9E0fe
  • editorUnicodeHighlight.background#444F57a4
  • editorUnicodeHighlight.border#110E0Efe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0F0B0E00
  • editorWarning.border#0C0B0F00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FEE8E8ce
  • editorWidget.background#110E0Efe
  • editorWidget.border#110E0Efe
  • editorWidget.foreground#FEE8E8ce
  • editorWidget.resizeBorder#110E0Efe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#D98F31fe
  • extensionBadge.remoteForeground#141010fe
  • extensionButton.background#4F0F0Fae
  • extensionButton.foreground#FEE8E8ce
  • extensionButton.hoverBackground#4B1515fe
  • extensionButton.prominentBackground#1E1818fe
  • extensionButton.prominentForeground#FEE8E8ce
  • extensionButton.prominentHoverBackground#1E1818fe
  • extensionButton.separator#0F0B0E00
  • extensionIcon.preReleaseForeground#CEC2C2fe
  • extensionIcon.sponsorForeground#C6B9B9fe
  • extensionIcon.starForeground#F0EAFDfe
  • extensionIcon.verifiedForeground#B7C7C0fe
  • focusBorder#0E0C0C00
  • foreground#FEE8E8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#FEE7E7ae
  • inlineChat.background#182B22ca
  • inlineChat.border#192A25ca
  • inlineChat.regionHighlight#E8E8E2ca
  • inlineChat.shadow#D5CBCBca
  • inlineChatDiff.inserted#E4E2E8ca
  • inlineChatDiff.removed#E1E0D9ca
  • inlineChatInput.background#D2CFDAca
  • inlineChatInput.border#292718ca
  • inlineChatInput.focusBorder#0F0B0E00
  • inlineChatInput.placeholderForeground#DAD8CFca
  • input.background#110E0Efe
  • input.border#110E0Efe
  • input.foreground#FEE8E8ce
  • input.placeholderForeground#FDE7E765
  • inputOption.activeBackground#110E0Efe
  • inputOption.activeBorder#110E0Efe
  • inputOption.activeForeground#FB9614fe
  • inputOption.hoverBackground#110E0Efe
  • inputValidation.errorBackground#670067bd
  • inputValidation.errorBorder#6700679e
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#110E0Efe
  • inputValidation.infoForeground#FEE8E8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#110E0Efe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#110E0Efe
  • interactive.inactiveCodeBorder#55070795
  • keybindingLabel.background#1E1818fe
  • keybindingLabel.border#110E0Efe
  • keybindingLabel.bottomBorder#110E0Efe
  • keybindingLabel.foreground#FEE8E8ce
  • keybindingTable.headerBackground#1E1818fe
  • keybindingTable.rowsBackground#1E1818fe
  • list.activeSelectionBackground#4F665C8d
  • list.activeSelectionForeground#D4D9DDca
  • list.activeSelectionIconForeground#E4E2E8ca
  • list.deemphasizedForeground#FEE8E8ce
  • list.dropBackground#1E1818fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#1E1818fe
  • list.filterMatchBorder#110E0Efe
  • list.focusAndSelectionOutline#0F0E0B00
  • list.focusBackground#BF4A4A97
  • list.focusForeground#D98F31fe
  • list.focusHighlightForeground#C1AD29fe
  • list.focusOutline#0B0D0F00
  • list.highlightForeground#E4E8E2ca
  • list.hoverBackground#4B1515fe
  • list.hoverForeground#E09C43fe
  • list.inactiveFocusBackground#362B2B9d
  • list.inactiveFocusOutline#0B0F0D00
  • list.inactiveSelectionBackground#141010ae
  • list.inactiveSelectionForeground#FDE8E865
  • list.inactiveSelectionIconForeground#FDE8E865
  • list.invalidItemForeground#FEE8E8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1E1818fe
  • listFilterWidget.noMatchesOutline#0F0B0E00
  • listFilterWidget.outline#0C0F0B00
  • listFilterWidget.shadow#0B0D0F00
  • menu.background#141010fe
  • menu.border#0E0C0C00
  • menu.foreground#E8E3E3ae
  • menu.selectionBackground#695555a9
  • menu.selectionBorder#0B0D0F00
  • menu.selectionForeground#CF8629fe
  • menu.separatorBackground#401E1E65
  • menubar.selectionBackground#604D4Dad
  • menubar.selectionBorder#0F0B0E00
  • menubar.selectionForeground#E3A049fe
  • merge.border#110E0Efe
  • merge.commonContentBackground#1E1818fe
  • merge.commonHeaderBackground#1E1818fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#1E1818fe
  • mergeEditor.change.word.background#1E1818fe
  • mergeEditor.changeBase.background#1E1818fe
  • mergeEditor.changeBase.word.background#1E1818fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#110E0Efe
  • mergeEditor.conflict.handledUnfocused.border#231C1C31
  • mergeEditor.conflict.input1.background#110E0Efe
  • mergeEditor.conflict.input2.background#110E0Efe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067be
  • mergeEditor.conflict.unhandledFocused.border#110E0Efe
  • mergeEditor.conflict.unhandledUnfocused.border#28202034
  • mergeEditor.conflictingLines.background#1E1818fe
  • minimap.background#1E1818fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F5F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#806767fe
  • minimapSlider.background#524242ae
  • minimapSlider.hoverBackground#524242fe
  • notebook.cellBorderColor#110E0Efe
  • notebook.cellEditorBackground#1E1818fe
  • notebook.cellHoverBackground#1E1818fe
  • notebook.cellInsertionIndicator#DDDCD4ca
  • notebook.cellStatusBarItemHoverBackground#1E1818fe
  • notebook.cellToolbarSeparator#DDE2E5ca
  • notebook.editorBackground#1E1818fe
  • notebook.focusedCellBackground#1E1818fe
  • notebook.focusedCellBorder#DB9337fe
  • notebook.focusedEditorBorder#110E0Efe
  • notebook.inactiveFocusedCellBorder#7C64648e
  • notebook.inactiveSelectedCellBorder#7C64648e
  • notebook.outputContainerBackgroundColor#1E1818fe
  • notebook.outputContainerBorderColor#110E0Efe
  • notebook.selectedCellBackground#1E1818fe
  • notebook.selectedCellBorder#110E0Efe
  • notebook.symbolHighlightBackground#1E1818fe
  • notebookEditorOverviewRuler.runningCellForeground#FEE8E8ce
  • notebookScrollbarSlider.activeBackground#856B6Bfe
  • notebookScrollbarSlider.background#564646ae
  • notebookScrollbarSlider.hoverBackground#483A3Afe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#E0D9D9fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#110E0Efe
  • notificationCenterHeader.background#1E1818fe
  • notificationCenterHeader.foreground#FEE8E8ce
  • notificationLink.foreground#FEE8E8ce
  • notifications.background#1E1818fe
  • notifications.border#110E0Efe
  • notifications.foreground#FEE8E8ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#DFE5DDfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#110E0Efe
  • panel.background#1E1818fe
  • panel.border#110E0Efe
  • panel.dropBorder#110E0Efe
  • panelInput.border#110E0Efe
  • panelSection.border#110E0Efe
  • panelSection.dropBackground#1E1818fe
  • panelSectionHeader.background#1E1818fe
  • panelSectionHeader.border#110E0Efe
  • panelSectionHeader.foreground#FEE8E8ce
  • panelTitle.activeBorder#0F0E0B00
  • panelTitle.activeForeground#FA9816fe
  • panelTitle.inactiveForeground#B7A6A665
  • peekView.border#F99719fe
  • peekViewEditor.background#110E0Efe
  • peekViewEditor.matchHighlightBackground#455B6D82
  • peekViewEditor.matchHighlightBorder#0B0D0F00
  • peekViewEditorGutter.background#110E0Efe
  • peekViewEditorStickyScroll.background#1E1818fe
  • peekViewResult.background#141010fe
  • peekViewResult.fileForeground#FEE8E8ce
  • peekViewResult.lineForeground#FEE8E8ce
  • peekViewResult.matchHighlightBackground#40576787
  • peekViewResult.selectionBackground#745A7082
  • peekViewResult.selectionForeground#D5CBCBca
  • peekViewTitle.background#141010fe
  • peekViewTitleDescription.foreground#FEE8E8ce
  • peekViewTitleLabel.foreground#FEE8E8ce
  • pickerGroup.border#110E0Efe
  • pickerGroup.foreground#FEE8E8ce
  • ports.iconRunningProcessForeground#BCC7B7fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#E09C43fe
  • profileBadge.foreground#141010fe
  • progressBar.background#1E1818fe
  • quickInput.background#141010fe
  • quickInput.foreground#E8E3E3ae
  • quickInputList.focusBackground#524242a7
  • quickInputList.focusForeground#C68129fe
  • quickInputList.focusIconForeground#C68129fe
  • quickInputTitle.background#110E0Efe
  • sash.hoverBorder#110E0Efe
  • scrollbar.shadow#0C0F0B00
  • scrollbarSlider.activeBackground#806767fe
  • scrollbarSlider.background#524242ae
  • scrollbarSlider.hoverBackground#6E5858fe
  • search.resultsInfoForeground#FEE8E8ce
  • searchEditor.findMatchBackground#5C593Fa5
  • searchEditor.findMatchBorder#110E0Efe
  • searchEditor.textInputBorder#110E0Efe
  • selection.background#1E1818fe
  • settings.checkboxBackground#110E0Efe
  • settings.checkboxBorder#110E0Efe
  • settings.checkboxForeground#FEE8E8ce
  • settings.dropdownBackground#110E0Efe
  • settings.dropdownBorder#110E0Efe
  • settings.dropdownForeground#FEE8E8ce
  • settings.dropdownListBorder#110E0Efe
  • settings.focusedRowBackground#736C4688
  • settings.focusedRowBorder#110E0Efe
  • settings.headerBorder#110E0Efe
  • settings.headerForeground#FEE8E8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#110E0Efe
  • settings.numberInputBorder#110E0Efe
  • settings.numberInputForeground#FEE8E8ce
  • settings.rowHoverBackground#1E1818fe
  • settings.sashBorder#110E0Efe
  • settings.settingsHeaderHoverForeground#DB9337fe
  • settings.textInputBackground#110E0Efe
  • settings.textInputBorder#110E0Efe
  • settings.textInputForeground#FEE8E8ce
  • sideBar.background#1E1818fe
  • sideBar.border#110E0Efe
  • sideBar.dropBackground#1E1818fe
  • sideBar.foreground#FEE7E7ae
  • sideBarSectionHeader.background#0F0E0B00
  • sideBarSectionHeader.border#110E0Efe
  • sideBarSectionHeader.foreground#FEE8E8ce
  • sideBarTitle.foreground#FEE8E8ce
  • sideBySideEditor.horizontalBorder#110E0Efe
  • sideBySideEditor.verticalBorder#110E0Efe
  • simpleFindWidget.sashBorder#110E0Efe
  • statusBar.background#141010fe
  • statusBar.border#110E0Efe
  • statusBar.debuggingBackground#670067b5
  • statusBar.debuggingBorder#110E0Efe
  • statusBar.debuggingForeground#FEE8E8ce
  • statusBar.focusBorder#0B0D0F00
  • statusBar.foreground#FDE8E86e
  • statusBar.noFolderBackground#141010fe
  • statusBar.noFolderBorder#110E0Efe
  • statusBar.noFolderForeground#FEE8E8ce
  • statusBarItem.activeBackground#141010fe
  • statusBarItem.compactHoverBackground#141010fe
  • statusBarItem.errorBackground#670067bb
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#6700679f
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C0B0F00
  • statusBarItem.hoverBackground#141010fe
  • statusBarItem.hoverForeground#E09C43fe
  • statusBarItem.offlineBackground#141010fe
  • statusBarItem.offlineForeground#FEE8E8ce
  • statusBarItem.offlineHoverBackground#141010fe
  • statusBarItem.offlineHoverForeground#FB9614fe
  • statusBarItem.prominentBackground#141010fe
  • statusBarItem.prominentForeground#FEE8E8ce
  • statusBarItem.prominentHoverBackground#141010fe
  • statusBarItem.prominentHoverForeground#FB9614fe
  • statusBarItem.remoteBackground#E09C43fe
  • statusBarItem.remoteForeground#141010fe
  • statusBarItem.remoteHoverBackground#141010fe
  • statusBarItem.remoteHoverForeground#E09C43fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#C7B7C5fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#E4E8E2fe
  • symbolIcon.colorForeground#DAD8CFfe
  • symbolIcon.constantForeground#D6CAD4fe
  • symbolIcon.constructorForeground#CECAD6fe
  • symbolIcon.enumeratorForeground#D9D0D0fe
  • symbolIcon.enumeratorMemberForeground#C0CBBCfe
  • symbolIcon.eventForeground#CEC2C2fe
  • symbolIcon.fieldForeground#D9DDE1fe
  • symbolIcon.fileForeground#E5DDE4fe
  • symbolIcon.folderForeground#DAD8CFfe
  • symbolIcon.functionForeground#C1CFC9fe
  • symbolIcon.interfaceForeground#B7C7C0fe
  • symbolIcon.keyForeground#C9C6D2fe
  • symbolIcon.keywordForeground#CEC2C2fe
  • symbolIcon.methodForeground#E2E8E6fe
  • symbolIcon.moduleForeground#C7C5B7fe
  • symbolIcon.namespaceForeground#FDE8E8fe
  • symbolIcon.nullForeground#C6B9B9fe
  • symbolIcon.numberForeground#D1C7C7fe
  • symbolIcon.objectForeground#C9C6D2fe
  • symbolIcon.operatorForeground#CED6CAfe
  • symbolIcon.packageForeground#DDDCD4fe
  • symbolIcon.propertyForeground#DAD8CFfe
  • symbolIcon.referenceForeground#E4DEDEfe
  • symbolIcon.snippetForeground#CFD5DAfe
  • symbolIcon.stringForeground#C7B7C5fe
  • symbolIcon.structForeground#C1CFC9fe
  • symbolIcon.textForeground#CECAD6fe
  • symbolIcon.typeParameterForeground#E2E8E6fe
  • symbolIcon.unitForeground#C6CDD2fe
  • symbolIcon.variableForeground#BCC7B7fe
  • tab.activeBackground#161212fe
  • tab.activeBorder#0B0D0F00
  • tab.activeBorderTop#F9981Bfe
  • tab.activeForeground#FA971Bfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0C0B0F00
  • tab.hoverBackground#FEE6E6fe
  • tab.hoverBorder#110E0Efe
  • tab.hoverForeground#DE973Dfe
  • tab.inactiveBackground#5700009e
  • tab.inactiveForeground#B3A1A165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#110E0Efe
  • tab.unfocusedActiveBackground#231C1C37
  • tab.unfocusedActiveBorder#0B0F0D00
  • tab.unfocusedActiveBorderTop#3F1D1D65
  • tab.unfocusedActiveForeground#B3A1A165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#FEE7E7fe
  • tab.unfocusedHoverBorder#231C1C23
  • tab.unfocusedHoverForeground#FE6B6B65
  • tab.unfocusedInactiveBackground#3F33339d
  • tab.unfocusedInactiveForeground#B7A6A665
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c6
  • 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#670067bc
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea4
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1E1818fe
  • terminal.border#110E0Efe
  • terminal.dropBackground#1E1818fe
  • terminal.findMatchBackground#1E1818fe
  • terminal.findMatchBorder#110E0Efe
  • terminal.findMatchHighlightBackground#1E1818fe
  • terminal.findMatchHighlightBorder#110E0Efe
  • terminal.foreground#FEE7E7ae
  • terminal.hoverHighlightBackground#1E1818fe
  • terminal.inactiveSelectionBackground#3A2F2F94
  • terminal.selectionBackground#615E4B87
  • terminal.selectionForeground#DACFD8ca
  • terminal.tab.activeBorder#F9971Afe
  • terminalCommandDecoration.defaultBackground#FEE7E7ad
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1E1818fe
  • terminalCursor.foreground#FA9715fe
  • terminalOverviewRuler.cursorForeground#FEE8E8ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c9
  • testing.iconUnset#808080c4
  • testing.message.error.decorationForeground#FDEAD2fe
  • testing.message.error.lineBackground#670067bc
  • testing.message.info.decorationForeground#FDEAD2fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#110E0Efe
  • testing.peekHeaderBackground#1E1818fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1E1818fe
  • textBlockQuote.border#110E0Efe
  • textCodeBlock.background#1E1818fe
  • textLink.activeForeground#DB9337fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#FEE8E8ce
  • textSeparator.foreground#FEE8E8ce
  • titleBar.activeBackground#141010fe
  • titleBar.activeForeground#F79393ae
  • titleBar.border#0B0D0F00
  • titleBar.inactiveBackground#231C1Cd5
  • titleBar.inactiveForeground#BBABAB65
  • toolbar.activeBackground#132A3A8e
  • toolbar.hoverBackground#1E1818fe
  • toolbar.hoverOutline#0F0B0E00
  • tree.inactiveIndentGuidesStroke#AAA4B935
  • tree.indentGuidesStroke#FDEAD2fe
  • tree.tableColumnsBorder#110E0Efe
  • tree.tableOddRowsBackground#1E1818fe
  • walkThrough.embeddedEditorBackground#1E1818fe
  • walkthrough.stepTitle.foreground#FEE8E8ce
  • welcomePage.background#1E1818fe
  • welcomePage.progress.background#1E1818fe
  • welcomePage.progress.foreground#FEE8E8ce
  • welcomePage.tileBackground#1E1818fe
  • welcomePage.tileBorder#110E0Efe
  • welcomePage.tileHoverBackground#1E1818fe
  • widget.border#110E0Efe
  • widget.shadow#0B0F0D00
  • window.activeBorder#110E0Efe
  • window.inactiveBorder#5702029b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#F9A8A86e
comment.block.html#F8A3A36e
comment.block.java#FAAFAF6e
comment.block.javadoc.java#F590906e
comment.block.powershell#F68B8B6e
comment.block.xml#F388886e
comment.line.double-slash.c#F38F8F6e
comment.line.double-slash.cpp#F899996e
comment.line.double-slash.java#F89F9F6e
comment.line.double-slash.js#FBA6A66e
comment.line.number-sign.makefile#F79C9C6e
comment.line.number-sign.python#F8A3A36e
comment.line.number-sign.yaml#F79C9C6e
comment.line.percentage.erlang#FBA9A96e
comment.line.powershell#FAA2A26e
comment.source.cmake#F48A8A6e
comment.source.cmakecache#FBA6A66e
constant.character#B2B2B2de
constant.character.character-class.regexp#F382A5de
constant.character.escape#E79DF8de
constant.character.set.regexp#B0B0B0de
constant.language#F281A3de
constant.numeric#29BACFde
constant.numeric.dec.python#EBACFAde
constant.other.caps.python#F9991Ede
constant.other.character-class.regexp#08DF3Dde
constant.other.character-class.set.regexp#E5A450de
constant.other.color.rgb-value#6FC008de
constant.other.placeholder#F88E08de
constant.other.rgb-value#E9A5F9de
constant.regexp#F9A9C2de
constant.sha.git-rebase#89D428de
emphasis#E18BF4de
entity.name.class#F385A7de
entity.name.function#50D2E5de
entity.name.function.preprocessor#32D95Bde
entity.name.function.python#E28EF5de
entity.name.label#29D655de
entity.name.namespace#86CF29de
entity.name.operator#A9A9A9de
entity.name.operator.custom-literal#B3B3B3de
entity.name.scope-resolution#F693B2de
entity.name.tag#07CDEAde
entity.name.tag.css#76CC08de
entity.name.type#29CD51de
entity.name.variable#E28EF5de
entity.other.attribute#E392F6de
entity.other.attribute-name#C3C3C3de
entity.other.attribute-name.class.css#DE983Cde
entity.other.attribute-name.class.mixin.css#FBA73Bde
entity.other.attribute-name.id#08C5DFde
entity.other.attribute-name.id.css#DD80F2de
entity.other.attribute-name.parent-selector.css#75C808de
entity.other.attribute-name.pseudo-class.css#7AD208de
entity.other.attribute-name.pseudo-element.css#EDB46Bde
entity.other.attribute-name.scss#4CD1E4de
entity.other.document.begin.yaml#F9A8A86e
entity.other.inherited-class#2BD656de
header#F383A6de
invalid#3DDE65de
keyword#F696B5de
keyword.codetag.notation.python#F89DB9de
keyword.control#7DBE29de
keyword.control.anchor.regexp#37C7DBde
keyword.control.import.python#29CF52de
keyword.operator#71C308de
keyword.operator.alignas#AEAEAEde
keyword.operator.alignof#C0C0C0de
keyword.operator.cast#A8A8A8de
keyword.operator.delete#F9A6C0de
keyword.operator.documentation.powershell#F99A9A6e
keyword.operator.expression#38C8DDde
keyword.operator.instanceof#08C338de
keyword.operator.logical.python#72C508de
keyword.operator.minus.exponent#E28DF5de
keyword.operator.negation.regexp#E3A14Bde
keyword.operator.new#07E23Ede
keyword.operator.noexcept#DE82F2de
keyword.operator.or.regexp#F280A4de
keyword.operator.plus.exponent#E9A4F8de
keyword.operator.quantifier.regexp#07D93Cde
keyword.operator.sizeof#07B4CDde
keyword.operator.typeid#75CC07de
keyword.operator.wordlike#E08AF4de
keyword.other.operator#86CF29de
keyword.other.package.java#E8A957de
keyword.other.unit#7DBE29de
keyword.other.using#7AD407de
markup.bold#ADADADde
markup.changed#07DC3Cde
markup.deleted#ABABABde
markup.fenced_code.block.markdown#07BAD4de
markup.heading#06D1F0de
markup.inline.raw#F9A6C0de
markup.inserted#F79BB8de
markup.italic#07D53Ade
markup.raw.block.markdown#31C4D9de
markup.strikethrough#DF86F3de
markup.underline#BFBFBFde
meta.block.c#E79EF8de
meta.block.c#EDB36Ade
meta.class.java#E3A049de
meta.definition.variable.name#07C9E4de
meta.diff.header#B2B2B2de
meta.embedded#E9AB5Cde
meta.embedded.assembly#31D95Bde
meta.function-call.arguments.python#06D6F3de
meta.function-call.python#F798B5de
meta.member.access.python#6EBC09de
meta.method.java#E79DF8de
meta.object-literal.key#E18EF5de
meta.paragraph.markdown#78CF08de
meta.preprocessor#07D0ECde
meta.preprocessor.numeric#37DB60de
meta.preprocessor.string#E598F7de
meta.scope.prerequisites.makefile#ACACACde
meta.structure.dictionary.json.comments#F896966e
meta.structure.dictionary.key.python#29BACFde
meta.structure.dictionary.value.json.comments#F590906e
meta.template.expression#6EBC09de
meta.type.cast.expr#F696B4de
meta.type.new.expr#FBA73Bde
parameter#F487A9de
punctuation.character.set.begin.regexp#E79DF8de
punctuation.character.set.end.regexp#F8A2BDde
punctuation.definition.array.begin.json#F9981Bde
punctuation.definition.character-class.regexp#3DCADEde
punctuation.definition.comment#F99A9A6e
punctuation.definition.comment.json.comments#F79C9C6e
punctuation.definition.comment.python#F68B8B6e
punctuation.definition.dictionary.begin.json#08C237de
punctuation.definition.dictionary.end.json#2BD757de
punctuation.definition.group.assertion.regexp#06D5F4de
punctuation.definition.group.regexp#EDB46Bde
punctuation.definition.list.begin.json#F89DB9de
punctuation.definition.list.begin.markdown#B3B3B3de
punctuation.definition.list.begin.python#BFBFBFde
punctuation.definition.list.end.json#E09C43de
punctuation.definition.list.end.markdown#09C037de
punctuation.definition.list.end.python#08D53Cde
punctuation.definition.parameters.begin.python#EDB46Bde
punctuation.definition.parameters.end.bracket.round.java#DD963Bde
punctuation.definition.quote.begin.markdown#7CD608de
punctuation.definition.tag#C2C2C2de
punctuation.definition.template-expression.begin#E28EF5de
punctuation.definition.template-expression.end#E09C43de
punctuation.section.class.begin.bracket.curly.java#7DD908de
punctuation.section.embedded#29B5C8de
punctuation.section.embedded.begin.php#EAA8F9de
punctuation.section.embedded.end.php#50D2E5de
punctuation.terminator.java#3DCADEde
source.cmake#E7A856de
source.coffee.embedded#75CA08de
source.cpp#B1B1B1de
source.css.less#07D03Ade
source.groovy.embedded#6FBF08de
source.java#F696B4de
source.java-properties#76CE06de
source.json.comments#FBA6A66e
source.makefile#29BE4Ede
source.powershell#E495F6de
source.powershell.variable.other.member#E79DF8de
source.python#F78E07de
storage#E79DF8de
storage.modifier#08C839de
storage.modifier.import.java#A7A7A7de
storage.modifier.package.java#F99515de
storage.type#29B4C8de
storage.type.annotation.groovy#E69BF7de
storage.type.annotation.java#DD80F2de
storage.type.boolean.go#F797B4de
storage.type.byte.go#F9A3BEde
storage.type.cs#A5A5A5de
storage.type.error.go#3DCADEde
storage.type.generic.cs#A9A9A9de
storage.type.generic.groovy#EDB46Bde
storage.type.generic.java#70C008de
storage.type.groovy#E7A856de
storage.type.java#E496F6de
storage.type.modifier.cs#29BACEde
storage.type.numeric.go#7DBF28de
storage.type.object.array.groovy#F797B5de
storage.type.object.array.java#EFB871de
storage.type.parameters.groovy#BDBDBDde
storage.type.primitive.array.groovy#F48AABde
storage.type.primitive.array.java#F9A6C0de
storage.type.primitive.groovy#BABABAde
storage.type.primitive.java#49CFE3de
storage.type.rune.go#E9AC5Dde
storage.type.string.go#A9A9A9de
storage.type.token.java#B6B6B6de
storage.type.uintptr.go#28CB52de
storage.type.variable.cs#28C34Fde
string#70C207de
string.quoted.docstring.multi.python#F9ABAB6e
string.regexp#F9A5BFde
string.tag#F9ABC3de
string.value#F487A9de
strong#78B528de
support.class#A8A8A8de
support.constant.color#29BFD5de
support.constant.dom#EBACFAde
support.constant.font-name#F798B6de
support.constant.handlebars#06BFDCde
support.constant.json#31C4D9de
support.constant.math#F591B0de
support.constant.media#B8B8B8de
support.constant.media-type#08C6E1de
support.constant.property-value#6DBA09de
support.function#49CFE3de
support.function.git-rebase#B7B7B7de
support.other.parenthesis.regexp#B6B6B6de
support.type#49CFE3de
support.type.property-name#07DF3Dde
support.type.vendored.property-name#FA991Dde
support.variable#08CA39de
token.debug-token#EBB064de
token.error-token#E7A653de
token.info-token#E28EF5de
token.warn-token#EDB46Bde
variable#49CFE3de
variable.css#A5A5A5de
variable.language#E3A049de
variable.language.wildcard.java#45CFE1de
variable.other.constant#F591B0de
variable.other.definition.java#07DC3Cde
variable.other.enummember#7DD908de
variable.other.less#78B528de
variable.other.object.java#78D207de
variable.other.object.property.java#BFBFBFde
variable.parameter.c#B2B2B2de
variable.parameter.function.language.python#7DBE29de
variable.parameter.java#B6B6B6de
variable.scss#E393F6de
viiv by B.W - VS Code Theme