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#171717fe
  • activityBar.activeBackground#171717fe
  • activityBar.activeBorder#09C909fe
  • activityBar.activeFocusBorder#61684A00
  • activityBar.background#0F0F0Ffe
  • activityBar.border#65656500
  • activityBar.dropBorder#12C812fe
  • activityBar.foreground#0EC70Efe
  • activityBar.inactiveForeground#A4A4A465
  • activityBarBadge.background#13C813fe
  • activityBarBadge.foreground#0F0F0Ffe
  • badge.background#11C811fe
  • badge.foreground#0F0F0Ffe
  • banner.background#171717fe
  • banner.foreground#EAEAEAce
  • banner.iconForeground#CFCFCFfe
  • breadcrumb.activeSelectionForeground#D6CCDBca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#2FC42Ffe
  • breadcrumb.foreground#E5E5E5ae
  • breadcrumbPicker.background#171717fe
  • button.background#464646ae
  • button.border#0A0A0E00
  • button.foreground#EAEAEAce
  • button.hoverBackground#5B5B5B6e
  • button.secondaryBackground#171717fe
  • button.secondaryForeground#EAEAEAce
  • button.secondaryHoverBackground#171717fe
  • button.separator#0E0B0A00
  • charts.blue#1b1bfffe
  • charts.foreground#EAEAEAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b9
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#171717fe
  • chat.slashCommandForeground#EAEAEAce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#EAEAEAce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#252C1784
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#12C812fe
  • commandCenter.background#171717fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#EAEAEAce
  • commandCenter.inactiveBorder#2A2A2A9b
  • commandCenter.inactiveForeground#A9A9A965
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0B0B00
  • contrastBorder#0A0E0A00
  • debugConsole.errorForeground#FF92FEce
  • debugConsole.infoForeground#EAEAEAce
  • debugConsole.sourceForeground#EAEAEAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#B4B7CBfe
  • debugExceptionWidget.background#500050c6
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#E2DBE6fe
  • debugIcon.breakpointDisabledForeground#B8B8B865
  • debugIcon.breakpointForeground#E6DBE0fe
  • debugIcon.breakpointStackframeForeground#D1DFD1fe
  • debugIcon.breakpointUnverifiedForeground#CABDD1fe
  • debugIcon.continueForeground#DFD1D7fe
  • debugIcon.disconnectForeground#C2C4D4fe
  • debugIcon.pauseForeground#D1DFD1fe
  • debugIcon.restartForeground#D1BDC6fe
  • debugIcon.startForeground#DBCCD3fe
  • debugIcon.stepBackForeground#D1BDC6fe
  • debugIcon.stepIntoForeground#CABBB3fe
  • debugIcon.stepOutForeground#CBCBCBfe
  • debugIcon.stepOverForeground#BDD1BDfe
  • debugIcon.stopForeground#C2C2C2fe
  • debugTokenExpression.boolean#E6DBE0ca
  • debugTokenExpression.error#DFD6D1ca
  • debugTokenExpression.name#DAD1DFca
  • debugTokenExpression.number#C7C9D8ca
  • debugTokenExpression.value#D2D8C7ca
  • debugToolBar.background#500050b6
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#232841ca
  • debugView.exceptionLabelForeground#E2DBE6ca
  • debugView.stateLabelBackground#222743ca
  • debugView.stateLabelForeground#E0E0E0ca
  • debugView.valueChangedHighlight#D8D8D8ca
  • descriptionForeground#EAEAEAce
  • diffEditor.border#0E0A0C00
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#113012fb
  • diffEditor.insertedTextBorder#0A0A0E00
  • diffEditor.move.border#0B0B0B00
  • diffEditor.moveActive.border#0A0E0A00
  • diffEditor.removedLineBackground#5A000031
  • diffEditor.removedTextBackground#5B0000fb
  • diffEditor.removedTextBorder#0A0A0E00
  • diffEditor.unchangedCodeBackground#171717fe
  • diffEditor.unchangedRegionBackground#171717fe
  • diffEditor.unchangedRegionForeground#EAEAEAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B8B8B865
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#EAEAEAce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#171717fe
  • editor.findMatchBackground#58463Da9
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#425E42ab
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#4A4A4Aac
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#5E424E83
  • editor.foldBackground#B6B8CCa8
  • editor.foreground#EAEAEAce
  • editor.hoverHighlightBackground#594563ae
  • editor.inactiveSelectionBackground#4A4A4A92
  • editor.inlineValuesBackground#171717fe
  • editor.inlineValuesForeground#EAEAEAce
  • editor.lineHighlightBackground#2C2C2Cb1
  • editor.lineHighlightBorder#0A0A0E00
  • editor.linkedEditingBackground#171717fe
  • editor.rangeHighlightBackground#474E37ab
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#385138a7
  • editor.selectionForeground#DED6E2ca
  • editor.selectionHighlightBackground#67725089
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#6D574Ca4
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#606060a5
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#725B50a9
  • editor.symbolHighlightBackground#384F38a5
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#505472ae
  • editor.wordHighlightBorder#0A0A0E00
  • editor.wordHighlightStrongBackground#564360ab
  • editor.wordHighlightStrongBorder#0D0A0E00
  • editor.wordHighlightTextBackground#5E414Fa7
  • editor.wordHighlightTextBorder#0E0A0C00
  • editorBracketHighlight.foreground1#F6F6F6ce
  • editorBracketHighlight.foreground2#F6F6F6ce
  • editorBracketHighlight.foreground3#F6F6F6ce
  • editorBracketHighlight.foreground4#F6F6F6ce
  • editorBracketHighlight.foreground5#F6F6F6ce
  • editorBracketHighlight.foreground6#F6F6F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#EAEAEAce
  • editorBracketMatch.background#B2BC9Fa5
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#C5B5AD8d
  • editorBracketPairGuide.activeBackground2#B3BCA088
  • editorBracketPairGuide.activeBackground3#B2BC9F8e
  • editorBracketPairGuide.activeBackground4#B2BC9F87
  • editorBracketPairGuide.activeBackground5#B6B8CC86
  • editorBracketPairGuide.activeBackground6#B3BC9F82
  • editorBracketPairGuide.background1#242A19fe
  • editorBracketPairGuide.background2#37261Efe
  • editorBracketPairGuide.background3#1A2C1Afe
  • editorBracketPairGuide.background4#1B2D1Bfe
  • editorBracketPairGuide.background5#232841fe
  • editorBracketPairGuide.background6#362141fe
  • editorCodeLens.foreground#B8B8B86e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#171717fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#5C0000cb
  • editorCursor.background#171717fe
  • editorCursor.foreground#0CC70Cfe
  • editorError.background#0D0E0A00
  • editorError.border#0B0B0B00
  • editorError.foreground#FF92FEce
  • editorGhostText.background#171717fe
  • editorGhostText.border#0E0B0A00
  • editorGhostText.foreground#B8B8B86e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#171717fe
  • editorGroup.dropIntoPromptBackground#171717fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#EAEAEAce
  • editorGroup.emptyBackground#171717fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0B0B0B00
  • editorGroupHeader.noTabsBackground#0F0F0Fae
  • editorGroupHeader.tabsBackground#171717a1
  • editorGroupHeader.tabsBorder#0D0A0E00
  • editorGutter.addedBackground#81C985fb
  • editorGutter.background#171717fe
  • editorGutter.commentGlyphForeground#EAEAEAce
  • editorGutter.commentRangeForeground#EAEAEAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9E9Ecb
  • editorGutter.foldingControlForeground#EAEAEAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0C00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#EAEAEAce
  • editorHoverWidget.highlightForeground#C7C9D8ca
  • editorHoverWidget.statusBarBackground#171717fe
  • editorIndentGuide.activeBackground1#0EC70Efe
  • editorIndentGuide.activeBackground2#11C711fe
  • editorIndentGuide.activeBackground3#07C907fe
  • editorIndentGuide.activeBackground4#07C907fe
  • editorIndentGuide.activeBackground5#08C708fe
  • editorIndentGuide.activeBackground6#12C812fe
  • editorIndentGuide.background1#B595A335
  • editorIndentGuide.background2#A6B19035
  • editorIndentGuide.background3#C6AEB935
  • editorIndentGuide.background4#B6A4BF35
  • editorIndentGuide.background5#9E86AA35
  • editorIndentGuide.background6#C3A9B535
  • editorInfo.background#0A0A0E00
  • editorInfo.border#0A0A0E00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#171717fe
  • editorInlayHint.foreground#EAEAEAce
  • editorInlayHint.parameterBackground#171717fe
  • editorInlayHint.parameterForeground#EAEAEAce
  • editorInlayHint.typeBackground#171717fe
  • editorInlayHint.typeForeground#EAEAEAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#13C813fe
  • editorLineNumber.dimmedForeground#B8B8B86e
  • editorLineNumber.foreground#B8B8B86e
  • editorLink.activeForeground#10C810fe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#500050a7
  • editorMarkerNavigationError.headerBackground#500050ae
  • editorMarkerNavigationInfo.background#000099fe
  • editorMarkerNavigationInfo.headerBackground#000099fe
  • editorMarkerNavigationWarning.background#322900fe
  • editorMarkerNavigationWarning.headerBackground#322900fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#171717fe
  • editorOverviewRuler.border#2A2A2Afe
  • editorOverviewRuler.bracketMatchForeground#EAEAEAce
  • editorOverviewRuler.commentForeground#B8B8B86e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#EAEAEAce
  • editorOverviewRuler.currentContentForeground#cecece9f
  • editorOverviewRuler.deletedForeground#FF9E9Ecb
  • editorOverviewRuler.errorForeground#FF92FEce
  • editorOverviewRuler.findMatchForeground#00CFCFce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E2DBE6ca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DADFD1ca
  • editorOverviewRuler.wordHighlightStrongForeground#EAEAEAce
  • editorOverviewRuler.wordHighlightTextForeground#EAEAEAce
  • editorPane.background#171717fe
  • editorRuler.foreground#B9B9B933
  • editorStickyScroll.background#171717fe
  • editorStickyScrollHover.background#2A2A2A6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0A0A0E00
  • editorSuggestWidget.focusHighlightForeground#FD7BB4fe
  • editorSuggestWidget.foreground#B4B7CBfe
  • editorSuggestWidget.highlightForeground#E6DFDBca
  • editorSuggestWidget.selectedBackground#6D574C87
  • editorSuggestWidget.selectedForeground#E6E0E9ca
  • editorSuggestWidget.selectedIconForeground#DBE6DBca
  • editorSuggestWidgetStatus.foreground#BDD1BDfe
  • editorUnicodeHighlight.background#454863a7
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0A00
  • editorWarning.border#0E0A0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#EAEAEAce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#EAEAEAce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FF92FEce
  • extensionBadge.remoteBackground#12C812fe
  • extensionBadge.remoteForeground#0F0F0Ffe
  • extensionButton.background#2A2A2Aae
  • extensionButton.foreground#EAEAEAce
  • extensionButton.hoverBackground#2A2A2A6e
  • extensionButton.prominentBackground#171717fe
  • extensionButton.prominentForeground#EAEAEAce
  • extensionButton.prominentHoverBackground#171717fe
  • extensionButton.separator#0A0A0E00
  • extensionIcon.preReleaseForeground#CCDBCCfe
  • extensionIcon.sponsorForeground#DFD6D1fe
  • extensionIcon.starForeground#D1DFD1fe
  • extensionIcon.verifiedForeground#D8CDC7fe
  • focusBorder#0D0E0A00
  • foreground#EAEAEAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9E9Ecb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FF9E9Ecb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CFCFce
  • icon.foreground#B8B8B8ae
  • inlineChat.background#34261Eca
  • inlineChat.border#34261Eca
  • inlineChat.regionHighlight#D8D8D8ca
  • inlineChat.shadow#DFD1D7ca
  • inlineChatDiff.inserted#CCDBCCca
  • inlineChatDiff.removed#E2DAD6ca
  • inlineChatInput.background#DAD1DFca
  • inlineChatInput.border#232841ca
  • inlineChatInput.focusBorder#0A0A0E00
  • inlineChatInput.placeholderForeground#E2DAD6ca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#EAEAEAce
  • input.placeholderForeground#B8B8B865
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#12C812fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#6700679e
  • inputValidation.errorBorder#500050c4
  • inputValidation.errorForeground#FF92FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#EAEAEAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#2323239d
  • keybindingLabel.background#171717fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#EAEAEAce
  • keybindingTable.headerBackground#171717fe
  • keybindingTable.rowsBackground#171717fe
  • list.activeSelectionBackground#384F3881
  • list.activeSelectionForeground#C7C9D8ca
  • list.activeSelectionIconForeground#DEE2D6ca
  • list.deemphasizedForeground#EAEAEAce
  • list.dropBackground#171717fe
  • list.errorForeground#FF92FEce
  • list.filterMatchBackground#171717fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0A0E0A00
  • list.focusBackground#4A4A4A97
  • list.focusForeground#0FC80Ffe
  • list.focusHighlightForeground#E39C75fe
  • list.focusOutline#0E0B0A00
  • list.highlightForeground#E2DBE6ca
  • list.hoverBackground#113011aa
  • list.hoverForeground#13C813fe
  • list.inactiveFocusBackground#3535359a
  • list.inactiveFocusOutline#0E0A0C00
  • list.inactiveSelectionBackground#0F0F0Fae
  • list.inactiveSelectionForeground#B8B8B865
  • list.inactiveSelectionIconForeground#B8B8B865
  • list.invalidItemForeground#EAEAEAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#171717fe
  • listFilterWidget.noMatchesOutline#0D0A0E00
  • listFilterWidget.outline#0D0A0E00
  • listFilterWidget.shadow#0A0E0A00
  • menu.background#0F0F0Ffe
  • menu.border#0D0E0A00
  • menu.foreground#EAEAEAae
  • menu.selectionBackground#375037a5
  • menu.selectionBorder#0D0A0E00
  • menu.selectionForeground#11C711fe
  • menu.separatorBackground#29292965
  • menubar.selectionBackground#375037a5
  • menubar.selectionBorder#0E0B0A00
  • menubar.selectionForeground#11C711fe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#171717fe
  • merge.commonHeaderBackground#171717fe
  • merge.currentContentBackground#00300031
  • merge.currentHeaderBackground#113012fb
  • merge.incomingContentBackground#113012cb
  • merge.incomingHeaderBackground#113012fb
  • mergeEditor.change.background#171717fe
  • mergeEditor.change.word.background#171717fe
  • mergeEditor.changeBase.background#171717fe
  • mergeEditor.changeBase.word.background#171717fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#1B1B1B2c
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ca
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#1B1B1B2d
  • mergeEditor.conflictingLines.background#171717fe
  • minimap.background#171717fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F6F6ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#81C985fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#717171fe
  • minimapSlider.background#4A4A4Aae
  • minimapSlider.hoverBackground#5B5B5B6e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#171717fe
  • notebook.cellHoverBackground#171717fe
  • notebook.cellInsertionIndicator#DCDCDCca
  • notebook.cellStatusBarItemHoverBackground#171717fe
  • notebook.cellToolbarSeparator#DFD6D1ca
  • notebook.editorBackground#171717fe
  • notebook.focusedCellBackground#171717fe
  • notebook.focusedCellBorder#11C811fe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#6464648e
  • notebook.inactiveSelectedCellBorder#7171718e
  • notebook.outputContainerBackgroundColor#171717fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#171717fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#171717fe
  • notebookEditorOverviewRuler.runningCellForeground#EAEAEAce
  • notebookScrollbarSlider.activeBackground#646464fe
  • notebookScrollbarSlider.background#464646ae
  • notebookScrollbarSlider.hoverBackground#4E4E4E6e
  • notebookStatusErrorIcon.foreground#FF92FEce
  • notebookStatusRunningIcon.foreground#E6DBE0fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#171717fe
  • notificationCenterHeader.foreground#EAEAEAce
  • notificationLink.foreground#EAEAEAce
  • notifications.background#171717fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#EAEAEAce
  • notificationsErrorIcon.foreground#FF92FEce
  • notificationsInfoIcon.foreground#D8C7CFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#171717fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#171717fe
  • panelSectionHeader.background#171717fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#EAEAEAce
  • panelTitle.activeBorder#0D0A0E00
  • panelTitle.activeForeground#09C909fe
  • panelTitle.inactiveForeground#ADADAD65
  • peekView.border#0FC80Ffe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#626D4C86
  • peekViewEditor.matchHighlightBorder#0B0B0B00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#171717fe
  • peekViewResult.background#0F0F0Ffe
  • peekViewResult.fileForeground#EAEAEAce
  • peekViewResult.lineForeground#EAEAEAce
  • peekViewResult.matchHighlightBackground#45486389
  • peekViewResult.selectionBackground#4549638d
  • peekViewResult.selectionForeground#E2DAD6ca
  • peekViewTitle.background#0F0F0Ffe
  • peekViewTitleDescription.foreground#EAEAEAce
  • peekViewTitleLabel.foreground#EAEAEAce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#EAEAEAce
  • ports.iconRunningProcessForeground#DBCCD3fe
  • problemsErrorIcon.foreground#FF92FEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#13C813fe
  • profileBadge.foreground#0F0F0Ffe
  • progressBar.background#171717fe
  • quickInput.background#0F0F0Ffe
  • quickInput.foreground#E5E5E5ae
  • quickInputList.focusBackground#537753a5
  • quickInputList.focusForeground#11C711fe
  • quickInputList.focusIconForeground#11C711fe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0A0E0A00
  • scrollbarSlider.activeBackground#6C6C6Cfe
  • scrollbarSlider.background#393939ae
  • scrollbarSlider.hoverBackground#6060606e
  • search.resultsInfoForeground#EAEAEAce
  • searchEditor.findMatchBackground#634553ad
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#171717fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#EAEAEAce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#EAEAEAce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#626D4C84
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#EAEAEAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#EAEAEAce
  • settings.rowHoverBackground#171717fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#12C812fe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#EAEAEAce
  • sideBar.background#171717fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#171717fe
  • sideBar.foreground#B8B8B8ae
  • sideBarSectionHeader.background#0B0B0B00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#EAEAEAce
  • sideBarTitle.foreground#EAEAEAce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#0F0F0Ffe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#500050c8
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#EAEAEAce
  • statusBar.focusBorder#0A0A0E00
  • statusBar.foreground#B8B8B86e
  • statusBar.noFolderBackground#0F0F0Ffe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#EAEAEAce
  • statusBarItem.activeBackground#0F0F0Ffe
  • statusBarItem.compactHoverBackground#0F0F0Ffe
  • statusBarItem.errorBackground#5000509b
  • statusBarItem.errorForeground#FF92FEce
  • statusBarItem.errorHoverBackground#500050c1
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0B0A00
  • statusBarItem.hoverBackground#0F0F0Ffe
  • statusBarItem.hoverForeground#0DC80Dfe
  • statusBarItem.offlineBackground#0F0F0Ffe
  • statusBarItem.offlineForeground#EAEAEAce
  • statusBarItem.offlineHoverBackground#0F0F0Ffe
  • statusBarItem.offlineHoverForeground#13C813fe
  • statusBarItem.prominentBackground#0F0F0Ffe
  • statusBarItem.prominentForeground#EAEAEAce
  • statusBarItem.prominentHoverBackground#0F0F0Ffe
  • statusBarItem.prominentHoverForeground#2FC42Ffe
  • statusBarItem.remoteBackground#0CC70Cfe
  • statusBarItem.remoteForeground#0F0F0Ffe
  • statusBarItem.remoteHoverBackground#0F0F0Ffe
  • statusBarItem.remoteHoverForeground#12C812fe
  • statusBarItem.warningBackground#322900fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#322900fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#C2C2C2fe
  • symbolIcon.booleanForeground#00CFCFce
  • symbolIcon.classForeground#D4C8C2fe
  • symbolIcon.colorForeground#B8BBCDfe
  • symbolIcon.constantForeground#CABBB3fe
  • symbolIcon.constructorForeground#E9E3E0fe
  • symbolIcon.enumeratorForeground#CABBB3fe
  • symbolIcon.enumeratorMemberForeground#D1C4BDfe
  • symbolIcon.eventForeground#B4B7CAfe
  • symbolIcon.fieldForeground#D2D8C7fe
  • symbolIcon.fileForeground#D4D4D4fe
  • symbolIcon.folderForeground#C2C4D4fe
  • symbolIcon.functionForeground#DFD1D7fe
  • symbolIcon.interfaceForeground#CABDD1fe
  • symbolIcon.keyForeground#BABABAfe
  • symbolIcon.keywordForeground#CAD1BDfe
  • symbolIcon.methodForeground#BABABAfe
  • symbolIcon.moduleForeground#CDB8C2fe
  • symbolIcon.namespaceForeground#D1D3DFfe
  • symbolIcon.nullForeground#B4B7CBfe
  • symbolIcon.numberForeground#CED4C2fe
  • symbolIcon.objectForeground#BDD1BDfe
  • symbolIcon.operatorForeground#C2CAB3fe
  • symbolIcon.packageForeground#CABBB3fe
  • symbolIcon.propertyForeground#D4C2CAfe
  • symbolIcon.referenceForeground#DED6E2fe
  • symbolIcon.snippetForeground#CABBB3fe
  • symbolIcon.stringForeground#CBCBCBfe
  • symbolIcon.structForeground#DBDDE6fe
  • symbolIcon.textForeground#D1BDC6fe
  • symbolIcon.typeParameterForeground#B4B7CBfe
  • symbolIcon.unitForeground#E2D6DCfe
  • symbolIcon.variableForeground#D2D8C7fe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0E0A0C00
  • tab.activeBorderTop#08C708fe
  • tab.activeForeground#11C711fe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0E0A0C00
  • tab.hoverBackground#A5C0A5a3
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#0DC80Dfe
  • tab.inactiveBackground#2A2A2A92
  • tab.inactiveForeground#A9A9A965
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#1B1B1B31
  • tab.unfocusedActiveBorder#0E0A0C00
  • tab.unfocusedActiveBorderTop#29292965
  • tab.unfocusedActiveForeground#ADADAD65
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#B8B8B839
  • tab.unfocusedHoverBorder#1F1F1F26
  • tab.unfocusedHoverForeground#A9A9A965
  • tab.unfocusedInactiveBackground#2828289e
  • tab.unfocusedInactiveForeground#ADADAD65
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a9
  • 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#6700679a
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9b
  • terminal.ansiYellow#c4a200fe
  • terminal.background#171717fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#171717fe
  • terminal.findMatchBackground#171717fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#171717fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#B8B8B8ae
  • terminal.hoverHighlightBackground#171717fe
  • terminal.inactiveSelectionBackground#2323239b
  • terminal.selectionBackground#5E414F84
  • terminal.selectionForeground#CCCEDBca
  • terminal.tab.activeBorder#12C812fe
  • terminalCommandDecoration.defaultBackground#B8B8B8a5
  • terminalCommandDecoration.errorBackground#FF9E9Ecb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#171717fe
  • terminalCursor.foreground#0FC80Ffe
  • terminalOverviewRuler.cursorForeground#EAEAEAce
  • terminalOverviewRuler.findMatchForeground#00CFCFce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0be
  • testing.iconUnset#808080a2
  • testing.message.error.decorationForeground#45D245fe
  • testing.message.error.lineBackground#50005099
  • testing.message.info.decorationForeground#3DD33Dfe
  • testing.message.info.lineBackground#000099fe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#171717fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#171717fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#171717fe
  • textLink.activeForeground#11C711fe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#EAEAEAce
  • textSeparator.foreground#EAEAEAce
  • titleBar.activeBackground#0F0F0Ffe
  • titleBar.activeForeground#ADADADae
  • titleBar.border#0D0E0A00
  • titleBar.inactiveBackground#232323d2
  • titleBar.inactiveForeground#A9A9A965
  • toolbar.activeBackground#50112E89
  • toolbar.hoverBackground#171717fe
  • toolbar.hoverOutline#0E0B0A00
  • tree.inactiveIndentGuidesStroke#AAB59535
  • tree.indentGuidesStroke#4ADD4Afe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#171717fe
  • walkThrough.embeddedEditorBackground#171717fe
  • walkthrough.stepTitle.foreground#EAEAEAce
  • welcomePage.background#171717fe
  • welcomePage.progress.background#171717fe
  • welcomePage.progress.foreground#EAEAEAce
  • welcomePage.tileBackground#171717fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#171717fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0B0B0B00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#2A2A2A96

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#C1C1C16e
comment.block.html#C1C1C16e
comment.block.java#C0C0C06e
comment.block.javadoc.java#C1C1C16e
comment.block.powershell#C0C0C06e
comment.block.xml#C0C0C06e
comment.line.double-slash.c#C1C1C16e
comment.line.double-slash.cpp#C0C0C06e
comment.line.double-slash.java#C1C1C16e
comment.line.double-slash.js#C1C1C16e
comment.line.number-sign.makefile#C1C1C16e
comment.line.number-sign.python#C1C1C16e
comment.line.number-sign.yaml#C1C1C16e
comment.line.percentage.erlang#C0C0C06e
comment.line.powershell#C1C1C16e
comment.source.cmake#C1C1C16e
comment.source.cmakecache#C1C1C16e
constant.character#A3BCFEde
constant.character.character-class.regexp#12D9B1de
constant.character.escape#11DF11de
constant.character.set.regexp#05DAADde
constant.language#11DAB2de
constant.numeric#EF7CC1de
constant.numeric.dec.python#A3BCFEde
constant.other.caps.python#0ED8B0de
constant.other.character-class.regexp#A8C0FEde
constant.other.character-class.set.regexp#EA8870de
constant.other.color.rgb-value#FEA5DAde
constant.other.placeholder#F29F8Ade
constant.other.rgb-value#10D9B0de
constant.regexp#91ABF4de
constant.sha.git-rebase#B4CD11de
emphasis#B5CD12de
entity.name.class#EC7DC0de
entity.name.function#B5CD11de
entity.name.function.preprocessor#12DAB2de
entity.name.function.python#0FD8B1de
entity.name.label#EF7CC1de
entity.name.namespace#0AE00Ade
entity.name.operator#85A0EEde
entity.name.operator.custom-literal#F79FD4de
entity.name.scope-resolution#F4A591de
entity.name.tag#C28BF1de
entity.name.tag.css#D2A7F8de
entity.name.type#0ED8B0de
entity.name.variable#F4A591de
entity.other.attribute#83A0F1de
entity.other.attribute-name#FEAC98de
entity.other.attribute-name.class.css#D6AEF9de
entity.other.attribute-name.class.mixin.css#CE9FF7de
entity.other.attribute-name.id#F79FD4de
entity.other.attribute-name.id.css#B4CD0Dde
entity.other.attribute-name.parent-selector.css#F29F8Ade
entity.other.attribute-name.pseudo-class.css#F4A591de
entity.other.attribute-name.pseudo-element.css#10DAB3de
entity.other.attribute-name.scss#FEAD99de
entity.other.document.begin.yaml#C1C1C16e
entity.other.inherited-class#CA98F5de
header#12D9B1de
invalid#11DF11de
keyword#FEA3DAde
keyword.codetag.notation.python#0FD8B1de
keyword.control#11DF11de
keyword.control.anchor.regexp#EF7CC1de
keyword.control.import.python#C18DEFde
keyword.operator#F28AC9de
keyword.operator.alignas#C28BF1de
keyword.operator.alignof#11DF11de
keyword.operator.cast#C18DF0de
keyword.operator.delete#FEAC98de
keyword.operator.documentation.powershell#C1C1C16e
keyword.operator.expression#11DF11de
keyword.operator.instanceof#C18BF0de
keyword.operator.logical.python#10E010de
keyword.operator.minus.exponent#10DF10de
keyword.operator.negation.regexp#B2CC12de
keyword.operator.new#0EDF0Ede
keyword.operator.noexcept#A7BCF8de
keyword.operator.or.regexp#B2CB08de
keyword.operator.plus.exponent#FEA993de
keyword.operator.quantifier.regexp#B4CD0Dde
keyword.operator.sizeof#FEAC98de
keyword.operator.typeid#F4A591de
keyword.operator.wordlike#F19983de
keyword.other.operator#11DF11de
keyword.other.package.java#EA8870de
keyword.other.unit#0EDF0Ede
keyword.other.using#AFCC05de
markup.bold#FEAD99de
markup.changed#B4CD12de
markup.deleted#FEAD99de
markup.fenced_code.block.markdown#F79FD4de
markup.heading#0CD9B1de
markup.inline.raw#EA8870de
markup.inserted#B2CC0Fde
markup.italic#A7BFFEde
markup.raw.block.markdown#05DAADde
markup.strikethrough#FEAC97de
markup.underline#0AE00Ade
meta.block.c#FEAC97de
meta.block.c#F5AB98de
meta.class.java#12DAB1de
meta.definition.variable.name#FEA6DBde
meta.diff.header#B4CD0Dde
meta.embedded#A7BCF8de
meta.embedded.assembly#A3BCFEde
meta.function-call.arguments.python#FEA993de
meta.function-call.python#C08CEDde
meta.member.access.python#FEAC98de
meta.method.java#F598D0de
meta.object-literal.key#12D9B1de
meta.paragraph.markdown#EF937Cde
meta.preprocessor#D6AEF9de
meta.preprocessor.numeric#FEAD99de
meta.preprocessor.string#F79FD4de
meta.scope.prerequisites.makefile#B4CC13de
meta.structure.dictionary.json.comments#C0C0C06e
meta.structure.dictionary.key.python#8AA6F2de
meta.structure.dictionary.value.json.comments#C0C0C06e
meta.template.expression#85A1EDde
meta.type.cast.expr#B4CD11de
meta.type.new.expr#C18BF0de
parameter#C08CEEde
punctuation.character.set.begin.regexp#C08CEDde
punctuation.character.set.end.regexp#A7BFFEde
punctuation.definition.array.begin.json#B3CD07de
punctuation.definition.character-class.regexp#D8ACFEde
punctuation.definition.comment#C0C0C06e
punctuation.definition.comment.json.comments#C1C1C16e
punctuation.definition.comment.python#C1C1C16e
punctuation.definition.dictionary.begin.json#A8C0FEde
punctuation.definition.dictionary.end.json#B3CD07de
punctuation.definition.group.assertion.regexp#D2A7F8de
punctuation.definition.group.regexp#F4A591de
punctuation.definition.list.begin.json#FEAD99de
punctuation.definition.list.begin.markdown#83A0F1de
punctuation.definition.list.begin.python#A8C0FEde
punctuation.definition.list.end.json#EB886Fde
punctuation.definition.list.end.markdown#11DF11de
punctuation.definition.list.end.python#CE9FF7de
punctuation.definition.parameters.begin.python#0EDF0Ede
punctuation.definition.parameters.end.bracket.round.java#D2A7F8de
punctuation.definition.quote.begin.markdown#F79FD4de
punctuation.definition.tag#B3CD07de
punctuation.definition.template-expression.begin#ED8E76de
punctuation.definition.template-expression.end#FEA5DAde
punctuation.section.class.begin.bracket.curly.java#98B1F5de
punctuation.section.embedded#0CD9B1de
punctuation.section.embedded.begin.php#B4CD0Dde
punctuation.section.embedded.end.php#11E011de
punctuation.terminator.java#FEAD99de
source.cmake#B2CC0Fde
source.coffee.embedded#F598D0de
source.cpp#F79FD4de
source.css.less#A3BCFEde
source.groovy.embedded#A7BCF8de
source.java#05DAADde
source.java-properties#A7BCF8de
source.json.comments#C1C1C16e
source.makefile#C18DEFde
source.powershell#FEA6DBde
source.powershell.variable.other.member#B3CD07de
source.python#0BD9B0de
storage#CA98F5de
storage.modifier#B4CD13de
storage.modifier.import.java#C18DF0de
storage.modifier.package.java#B3CD13de
storage.type#98B1F5de
storage.type.annotation.groovy#B3CC0Fde
storage.type.annotation.java#F29F8Ade
storage.type.boolean.go#83A0F1de
storage.type.byte.go#85A1EDde
storage.type.cs#12D9B1de
storage.type.error.go#F19983de
storage.type.generic.cs#D6AEF9de
storage.type.generic.groovy#10DF10de
storage.type.generic.java#A7BFFEde
storage.type.groovy#A3BCFEde
storage.type.java#B4CD13de
storage.type.modifier.cs#A7BFFEde
storage.type.numeric.go#0CE00Cde
storage.type.object.array.groovy#A9C0FEde
storage.type.object.array.java#FEAC98de
storage.type.parameters.groovy#CE9FF7de
storage.type.primitive.array.groovy#B4CD11de
storage.type.primitive.array.java#B5CD12de
storage.type.primitive.groovy#AAC0FEde
storage.type.primitive.java#AFCC05de
storage.type.rune.go#EF7CC1de
storage.type.string.go#EF7CC1de
storage.type.token.java#B2CC12de
storage.type.uintptr.go#12DAB1de
storage.type.variable.cs#EF7CC1de
string#F8A7D7de
string.quoted.docstring.multi.python#C1C1C16e
string.regexp#CA98F5de
string.tag#A9C0FEde
string.value#EF7CC1de
strong#0CE00Cde
support.class#B2CC0Fde
support.constant.color#AFCC05de
support.constant.dom#F29F8Ade
support.constant.font-name#0BD9B0de
support.constant.handlebars#FEAD99de
support.constant.json#11DF11de
support.constant.math#11D9B1de
support.constant.media#FEA993de
support.constant.media-type#EC7DC0de
support.constant.property-value#0FDF0Fde
support.function#91ABF4de
support.function.git-rebase#0CE00Cde
support.other.parenthesis.regexp#CA98F5de
support.type#A9C0FEde
support.type.property-name#12DAB1de
support.type.vendored.property-name#C28AF2de
support.variable#ED7CC0de
token.debug-token#D9B0FEde
token.error-token#FEAD98de
token.info-token#F19983de
token.warn-token#83A0EFde
variable#A8C0FEde
variable.css#83A0F1de
variable.language#C691F4de
variable.language.wildcard.java#B4CD12de
variable.other.constant#10D9B0de
variable.other.definition.java#FEAD99de
variable.other.enummember#B4CD11de
variable.other.less#F8A7D7de
variable.other.object.java#F598D0de
variable.other.object.property.java#F598D0de
variable.parameter.c#B5CD11de
variable.parameter.function.language.python#0ED8B0de
variable.parameter.java#10DAB3de
variable.scss#12DAB1de
viiv by B.W - VS Code Theme