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#0FC82Ffe
  • activityBar.activeFocusBorder#65656500
  • activityBar.background#0F0F0Ffe
  • activityBar.border#6A617300
  • activityBar.dropBorder#0FC82Ffe
  • activityBar.foreground#08C72Afe
  • activityBar.inactiveForeground#ADADAD65
  • activityBarBadge.background#12C732fe
  • activityBarBadge.foreground#0F0F0Ffe
  • badge.background#10C830fe
  • badge.foreground#0F0F0Ffe
  • banner.background#171717fe
  • banner.foreground#EAEAEAce
  • banner.iconForeground#E7E4E5fe
  • breadcrumb.activeSelectionForeground#DDDFDBca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#12C832fe
  • breadcrumb.foreground#E9E9E9ae
  • breadcrumbPicker.background#171717fe
  • button.background#3D3D3Dae
  • button.border#0C0D0B00
  • button.foreground#EAEAEAce
  • button.hoverBackground#4E4E4E6e
  • button.secondaryBackground#171717fe
  • button.secondaryForeground#EAEAEAce
  • button.secondaryHoverBackground#171717fe
  • button.separator#0B0B0D00
  • charts.blue#1b1bfffe
  • charts.foreground#EAEAEAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679c
  • 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#3D1A4E81
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#12C832fe
  • commandCenter.background#171717fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#EAEAEAce
  • commandCenter.inactiveBorder#2A2A2A95
  • commandCenter.inactiveForeground#ADADAD65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0B0D00
  • contrastBorder#0B0B0B00
  • debugConsole.errorForeground#FF92FEce
  • debugConsole.infoForeground#EAEAEAce
  • debugConsole.sourceForeground#EAEAEAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C7C2C0fe
  • debugExceptionWidget.background#500050b5
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#CFC9CBfe
  • debugIcon.breakpointDisabledForeground#B8B8B865
  • debugIcon.breakpointForeground#D3CDCFfe
  • debugIcon.breakpointStackframeForeground#DFDBDCfe
  • debugIcon.breakpointUnverifiedForeground#DBD8D6fe
  • debugIcon.continueForeground#D2D7D2fe
  • debugIcon.disconnectForeground#BBBBC3fe
  • debugIcon.pauseForeground#C9CFC9fe
  • debugIcon.restartForeground#E6E4E7fe
  • debugIcon.startForeground#C3BBBEfe
  • debugIcon.stepBackForeground#DBDFDBfe
  • debugIcon.stepIntoForeground#C7C0C2fe
  • debugIcon.stepOutForeground#E0E0E0fe
  • debugIcon.stepOverForeground#BBBBC3fe
  • debugIcon.stopForeground#CFC9CBfe
  • debugTokenExpression.boolean#CFCFCFca
  • debugTokenExpression.error#DFDCDBca
  • debugTokenExpression.name#E7E4E5ca
  • debugTokenExpression.number#D9D6DBca
  • debugTokenExpression.value#E4E4E7ca
  • debugToolBar.background#500050b2
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#352428ca
  • debugView.exceptionLabelForeground#DFE3DFca
  • debugView.stateLabelBackground#27273Dca
  • debugView.stateLabelForeground#E7E4E5ca
  • debugView.valueChangedHighlight#E1DFE3ca
  • descriptionForeground#EAEAEAce
  • diffEditor.border#0D0B0C00
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#113012fb
  • diffEditor.insertedTextBorder#0C0B0D00
  • diffEditor.move.border#0D0C0B00
  • diffEditor.moveActive.border#0D0B0C00
  • diffEditor.removedLineBackground#5A000031
  • diffEditor.removedTextBackground#5B0000fb
  • diffEditor.removedTextBorder#0B0B0B00
  • 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#434C43a5
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#4E4E4Eae
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#4F4946ab
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#635C5884
  • editor.foldBackground#BFB7BAab
  • editor.foreground#EAEAEAce
  • editor.hoverHighlightBackground#5A5054ae
  • editor.inactiveSelectionBackground#4A4A4A9b
  • editor.inlineValuesBackground#171717fe
  • editor.inlineValuesForeground#EAEAEAce
  • editor.lineHighlightBackground#303030b3
  • editor.lineHighlightBorder#0D0B0C00
  • editor.linkedEditingBackground#171717fe
  • editor.rangeHighlightBackground#4F4952a2
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#434C43a9
  • editor.selectionForeground#E4E7E4ca
  • editor.selectionHighlightBackground#49495283
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#4F4946ad
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#5F6358a6
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#545F54a4
  • editor.symbolHighlightBackground#6C6460a1
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#4A4A4Aa4
  • editor.wordHighlightBorder#0D0B0C00
  • editor.wordHighlightStrongBackground#514B48a8
  • editor.wordHighlightStrongBorder#0B0B0D00
  • editor.wordHighlightTextBackground#53564Cad
  • editor.wordHighlightTextBorder#0B0B0B00
  • editorBracketHighlight.foreground1#F6F6F6ce
  • editorBracketHighlight.foreground2#F6F6F6ce
  • editorBracketHighlight.foreground3#F6F6F6ce
  • editorBracketHighlight.foreground4#F6F6F6ce
  • editorBracketHighlight.foreground5#F6F6F6ce
  • editorBracketHighlight.foreground6#F6F6F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#EAEAEAce
  • editorBracketMatch.background#B6B9B0ae
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#BFB7BA8d
  • editorBracketPairGuide.activeBackground2#B2BBB28c
  • editorBracketPairGuide.activeBackground3#BDB7B48b
  • editorBracketPairGuide.activeBackground4#BCB6BE81
  • editorBracketPairGuide.activeBackground5#BEB8B587
  • editorBracketPairGuide.activeBackground6#BDB8B589
  • editorBracketPairGuide.background1#39242Afe
  • editorBracketPairGuide.background2#36242Afe
  • editorBracketPairGuide.background3#262A1Efe
  • editorBracketPairGuide.background4#202B20fe
  • editorBracketPairGuide.background5#272B1Ffe
  • editorBracketPairGuide.background6#292929fe
  • editorCodeLens.foreground#B8B8B86e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#171717fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#5C0000cb
  • editorCursor.background#171717fe
  • editorCursor.foreground#10C830fe
  • editorError.background#0D0B0C00
  • editorError.border#0C0B0D00
  • editorError.foreground#FF92FEce
  • editorGhostText.background#171717fe
  • editorGhostText.border#0C0B0D00
  • 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#0D0C0B00
  • 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#0B0B0B00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#EAEAEAce
  • editorHoverWidget.highlightForeground#E1E3DFca
  • editorHoverWidget.statusBarBackground#171717fe
  • editorIndentGuide.activeBackground1#07C62Afe
  • editorIndentGuide.activeBackground2#08C72Afe
  • editorIndentGuide.activeBackground3#0EC72Efe
  • editorIndentGuide.activeBackground4#0FC82Ffe
  • editorIndentGuide.activeBackground5#11C831fe
  • editorIndentGuide.activeBackground6#0DC830fe
  • editorIndentGuide.background1#A3989B35
  • editorIndentGuide.background2#ABAFA535
  • editorIndentGuide.background3#ABA5AF35
  • editorIndentGuide.background4#B4AEB735
  • editorIndentGuide.background5#979B8F35
  • editorIndentGuide.background6#939F9335
  • editorInfo.background#0D0B0C00
  • editorInfo.border#0B0B0D00
  • 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#11C731fe
  • editorLineNumber.dimmedForeground#B8B8B86e
  • editorLineNumber.foreground#B8B8B86e
  • editorLink.activeForeground#12C732fe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#500050c6
  • editorMarkerNavigationError.headerBackground#500050ca
  • 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#cececea8
  • editorOverviewRuler.deletedForeground#FF9E9Ecb
  • editorOverviewRuler.errorForeground#FF92FEce
  • editorOverviewRuler.findMatchForeground#00CFCFce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D5D2D7ca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D9D6DBca
  • editorOverviewRuler.wordHighlightStrongForeground#EAEAEAce
  • editorOverviewRuler.wordHighlightTextForeground#EAEAEAce
  • editorPane.background#171717fe
  • editorRuler.foreground#B8B8B831
  • editorStickyScroll.background#171717fe
  • editorStickyScrollHover.background#2A2A2A6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0B0B0D00
  • editorSuggestWidget.focusHighlightForeground#E99A73fe
  • editorSuggestWidget.foreground#DDDBDFfe
  • editorSuggestWidget.highlightForeground#DFDBDCca
  • editorSuggestWidget.selectedBackground#564C4F8a
  • editorSuggestWidget.selectedForeground#E7E5E4ca
  • editorSuggestWidget.selectedIconForeground#D5D7D2ca
  • editorSuggestWidgetStatus.foreground#D6DBD6fe
  • editorUnicodeHighlight.background#51474Ba8
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0B0B00
  • editorWarning.border#0C0D0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#EAEAEAce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#EAEAEAce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FF92FEce
  • extensionBadge.remoteBackground#0BC82Dfe
  • extensionBadge.remoteForeground#0F0F0Ffe
  • extensionButton.background#2A2A2Aae
  • extensionButton.foreground#EAEAEAce
  • extensionButton.hoverBackground#2A2A2A6e
  • extensionButton.prominentBackground#171717fe
  • extensionButton.prominentForeground#EAEAEAce
  • extensionButton.prominentHoverBackground#171717fe
  • extensionButton.separator#0C0B0D00
  • extensionIcon.preReleaseForeground#DDDBDFfe
  • extensionIcon.sponsorForeground#C0BBC3fe
  • extensionIcon.starForeground#CFC9CBfe
  • extensionIcon.verifiedForeground#D5D7D2fe
  • focusBorder#0D0B0C00
  • 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#312623ca
  • inlineChat.border#342723ca
  • inlineChat.regionHighlight#E7E5E4ca
  • inlineChat.shadow#E3E0DFca
  • inlineChatDiff.inserted#E7E4E5ca
  • inlineChatDiff.removed#E7E4E5ca
  • inlineChatInput.background#D8D8D8ca
  • inlineChatInput.border#202D20ca
  • inlineChatInput.focusBorder#0B0B0D00
  • inlineChatInput.placeholderForeground#E7E4E5ca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#EAEAEAce
  • input.placeholderForeground#B8B8B865
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#12C732fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#670067b0
  • inputValidation.errorBorder#5000509c
  • 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#28282899
  • keybindingLabel.background#171717fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#EAEAEAce
  • keybindingTable.headerBackground#171717fe
  • keybindingTable.rowsBackground#171717fe
  • list.activeSelectionBackground#48514885
  • list.activeSelectionForeground#DFDCDBca
  • list.activeSelectionIconForeground#CFCFCFca
  • list.deemphasizedForeground#EAEAEAce
  • list.dropBackground#171717fe
  • list.errorForeground#FF92FEce
  • list.filterMatchBackground#171717fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0B0D0B00
  • list.focusBackground#4A4A4A97
  • list.focusForeground#10C830fe
  • list.focusHighlightForeground#ED9866fe
  • list.focusOutline#0B0B0D00
  • list.highlightForeground#E4E7E4ca
  • list.hoverBackground#0E300Ea5
  • list.hoverForeground#0BC82Dfe
  • list.inactiveFocusBackground#30303093
  • list.inactiveFocusOutline#0B0B0D00
  • list.inactiveSelectionBackground#0F0F0Fae
  • list.inactiveSelectionForeground#B8B8B865
  • list.inactiveSelectionIconForeground#B8B8B865
  • list.invalidItemForeground#EAEAEAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#171717fe
  • listFilterWidget.noMatchesOutline#0C0D0B00
  • listFilterWidget.outline#0B0B0B00
  • listFilterWidget.shadow#0C0D0B00
  • menu.background#0F0F0Ffe
  • menu.border#0D0B0C00
  • menu.foreground#E9E9E9ae
  • menu.selectionBackground#434C43a9
  • menu.selectionBorder#0C0D0B00
  • menu.selectionForeground#12C732fe
  • menu.separatorBackground#29292965
  • menubar.selectionBackground#444C44a6
  • menubar.selectionBorder#0C0D0B00
  • menubar.selectionForeground#12C832fe
  • 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#1F1F1F3a
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b9
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#1B1B1B2e
  • 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#686868fe
  • minimapSlider.background#393939ae
  • minimapSlider.hoverBackground#5757576e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#171717fe
  • notebook.cellHoverBackground#171717fe
  • notebook.cellInsertionIndicator#D6D6DBca
  • notebook.cellStatusBarItemHoverBackground#171717fe
  • notebook.cellToolbarSeparator#D9DBD6ca
  • notebook.editorBackground#171717fe
  • notebook.focusedCellBackground#171717fe
  • notebook.focusedCellBorder#0EC82Efe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#7171718e
  • notebook.inactiveSelectedCellBorder#6464648e
  • notebook.outputContainerBackgroundColor#171717fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#171717fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#171717fe
  • notebookEditorOverviewRuler.runningCellForeground#EAEAEAce
  • notebookScrollbarSlider.activeBackground#757575fe
  • notebookScrollbarSlider.background#464646ae
  • notebookScrollbarSlider.hoverBackground#5353536e
  • notebookStatusErrorIcon.foreground#FF92FEce
  • notebookStatusRunningIcon.foreground#CBC6C4fe
  • 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#D1D3CDfe
  • 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#0D0C0B00
  • panelTitle.activeForeground#07C62Afe
  • panelTitle.inactiveForeground#A4A4A465
  • peekView.border#08C72Afe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#4A4D448b
  • peekViewEditor.matchHighlightBorder#0B0D0B00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#171717fe
  • peekViewResult.background#0F0F0Ffe
  • peekViewResult.fileForeground#EAEAEAce
  • peekViewResult.lineForeground#EAEAEAce
  • peekViewResult.matchHighlightBackground#4C564C83
  • peekViewResult.selectionBackground#64685C88
  • peekViewResult.selectionForeground#DFDCDBca
  • peekViewTitle.background#0F0F0Ffe
  • peekViewTitleDescription.foreground#EAEAEAce
  • peekViewTitleLabel.foreground#EAEAEAce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#EAEAEAce
  • ports.iconRunningProcessForeground#C3BEBBfe
  • problemsErrorIcon.foreground#FF92FEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0BC82Dfe
  • profileBadge.foreground#0F0F0Ffe
  • progressBar.background#171717fe
  • quickInput.background#0F0F0Ffe
  • quickInput.foreground#EAEAEAae
  • quickInputList.focusBackground#484851ab
  • quickInputList.focusForeground#11C731fe
  • quickInputList.focusIconForeground#12C732fe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0B0B0B00
  • scrollbarSlider.activeBackground#686868fe
  • scrollbarSlider.background#393939ae
  • scrollbarSlider.hoverBackground#6060606e
  • search.resultsInfoForeground#EAEAEAce
  • searchEditor.findMatchBackground#4E4945a8
  • 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#4E485186
  • 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#0BC82Dfe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#EAEAEAce
  • sideBar.background#171717fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#171717fe
  • sideBar.foreground#B8B8B8ae
  • sideBarSectionHeader.background#0C0D0B00
  • 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#500050a6
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#EAEAEAce
  • statusBar.focusBorder#0B0B0D00
  • statusBar.foreground#B8B8B86e
  • statusBar.noFolderBackground#0F0F0Ffe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#EAEAEAce
  • statusBarItem.activeBackground#0F0F0Ffe
  • statusBarItem.compactHoverBackground#0F0F0Ffe
  • statusBarItem.errorBackground#500050b0
  • statusBarItem.errorForeground#FF92FEce
  • statusBarItem.errorHoverBackground#5000509c
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C0B0D00
  • statusBarItem.hoverBackground#0F0F0Ffe
  • statusBarItem.hoverForeground#11C731fe
  • statusBarItem.offlineBackground#0F0F0Ffe
  • statusBarItem.offlineForeground#EAEAEAce
  • statusBarItem.offlineHoverBackground#0F0F0Ffe
  • statusBarItem.offlineHoverForeground#12C832fe
  • statusBarItem.prominentBackground#0F0F0Ffe
  • statusBarItem.prominentForeground#EAEAEAce
  • statusBarItem.prominentHoverBackground#0F0F0Ffe
  • statusBarItem.prominentHoverForeground#10C830fe
  • statusBarItem.remoteBackground#0DC72Efe
  • statusBarItem.remoteForeground#0F0F0Ffe
  • statusBarItem.remoteHoverBackground#0F0F0Ffe
  • statusBarItem.remoteHoverForeground#10C830fe
  • statusBarItem.warningBackground#322900fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#322900fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#D3CFCDfe
  • symbolIcon.booleanForeground#00CFCFce
  • symbolIcon.classForeground#C0C3BBfe
  • symbolIcon.colorForeground#D3CFCDfe
  • symbolIcon.constantForeground#E3DFE0fe
  • symbolIcon.constructorForeground#D3CFCDfe
  • symbolIcon.enumeratorForeground#CBCBCBfe
  • symbolIcon.enumeratorMemberForeground#C0C0C7fe
  • symbolIcon.eventForeground#CDCFC9fe
  • symbolIcon.fieldForeground#C9C9CFfe
  • symbolIcon.fileForeground#D5D2D7fe
  • symbolIcon.folderForeground#C2C2C2fe
  • symbolIcon.functionForeground#C4C4CBfe
  • symbolIcon.interfaceForeground#C3BBBEfe
  • symbolIcon.keyForeground#DFDCDBfe
  • symbolIcon.keywordForeground#DDDFDBfe
  • symbolIcon.methodForeground#DBD8D6fe
  • symbolIcon.moduleForeground#D5D2D7fe
  • symbolIcon.namespaceForeground#C2C2C2fe
  • symbolIcon.nullForeground#CDC9CFfe
  • symbolIcon.numberForeground#C0C0C7fe
  • symbolIcon.objectForeground#C4C4CBfe
  • symbolIcon.operatorForeground#CDD3CDfe
  • symbolIcon.packageForeground#CFCFCFfe
  • symbolIcon.propertyForeground#DFDBDCfe
  • symbolIcon.referenceForeground#CDCDD3fe
  • symbolIcon.snippetForeground#E6E4E7fe
  • symbolIcon.stringForeground#CBC6C4fe
  • symbolIcon.structForeground#DFDCDBfe
  • symbolIcon.textForeground#CBC4C6fe
  • symbolIcon.typeParameterForeground#C7C0C2fe
  • symbolIcon.unitForeground#C0C3BBfe
  • symbolIcon.variableForeground#C3BBBEfe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0C0B0D00
  • tab.activeBorderTop#0FC730fe
  • tab.activeForeground#05C525fe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0C0B0D00
  • tab.hoverBackground#B3BBB3ae
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#0BC82Dfe
  • tab.inactiveBackground#2A2A2A98
  • tab.inactiveForeground#A4A4A465
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#1F1F1F3b
  • tab.unfocusedActiveBorder#0D0B0C00
  • tab.unfocusedActiveBorderTop#2A2A2A65
  • tab.unfocusedActiveForeground#A4A4A465
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#B8B8B835
  • tab.unfocusedHoverBorder#1B1B1B2a
  • tab.unfocusedHoverForeground#ADADAD65
  • tab.unfocusedInactiveBackground#28282896
  • tab.unfocusedInactiveForeground#ADADAD65
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bb
  • 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#670067a5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecececa
  • 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#3535359e
  • terminal.selectionBackground#635C5887
  • terminal.selectionForeground#DFDBDCca
  • terminal.tab.activeBorder#0FC82Ffe
  • terminalCommandDecoration.defaultBackground#B8B8C1a6
  • terminalCommandDecoration.errorBackground#FF9E9Ecb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#171717fe
  • terminalCursor.foreground#11C731fe
  • terminalOverviewRuler.cursorForeground#EAEAEAce
  • terminalOverviewRuler.findMatchForeground#00CFCFce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bd
  • testing.iconUnset#808080c2
  • testing.message.error.decorationForeground#61E879fe
  • testing.message.error.lineBackground#500050af
  • testing.message.info.decorationForeground#4EE168fe
  • 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#12C832fe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#EAEAEAce
  • textSeparator.foreground#EAEAEAce
  • titleBar.activeBackground#0F0F0Ffe
  • titleBar.activeForeground#ADADADae
  • titleBar.border#0B0B0B00
  • titleBar.inactiveBackground#1B1B1Bd5
  • titleBar.inactiveForeground#A4A4A465
  • toolbar.activeBackground#1D2D1D8c
  • toolbar.hoverBackground#171717fe
  • toolbar.hoverOutline#0B0B0B00
  • tree.inactiveIndentGuidesStroke#AFA8A535
  • tree.indentGuidesStroke#4EE168fe
  • 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#0B0D0B00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#2A2A2A93

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#C0C0C06e
comment.block.html#C1C1C16e
comment.block.java#C0C0C06e
comment.block.javadoc.java#C1C1C16e
comment.block.powershell#C1C1C16e
comment.block.xml#C1C1C16e
comment.line.double-slash.c#C1C1C16e
comment.line.double-slash.cpp#C1C1C16e
comment.line.double-slash.java#C1C1C16e
comment.line.double-slash.js#C0C0C06e
comment.line.number-sign.makefile#C1C1C16e
comment.line.number-sign.python#C1C1C16e
comment.line.number-sign.yaml#C1C1C16e
comment.line.percentage.erlang#C1C1C16e
comment.line.powershell#C1C1C16e
comment.source.cmake#C1C1C16e
comment.source.cmakecache#C1C1C16e
constant.character#D482EDde
constant.character.character-class.regexp#EE7FA6de
constant.character.escape#C1C1C1de
constant.character.set.regexp#EC80A6de
constant.language#0CDE31de
constant.numeric#0DD3EDde
constant.numeric.dec.python#85D611de
constant.other.caps.python#10DE34de
constant.other.character-class.regexp#C1C1C1de
constant.other.character-class.set.regexp#C1C1C1de
constant.other.color.rgb-value#959BF4de
constant.other.placeholder#84D50Cde
constant.other.rgb-value#D681F0de
constant.regexp#0EDE34de
constant.sha.git-rebase#0EDF32de
emphasis#D681F0de
entity.name.class#E5A6F8de
entity.name.function#D482EDde
entity.name.function.preprocessor#84D510de
entity.name.function.python#E29FF7de
entity.name.label#AAAAAAde
entity.name.namespace#B9BCFEde
entity.name.operator#10DE34de
entity.name.operator.custom-literal#9FA4F7de
entity.name.scope-resolution#AEB2F9de
entity.name.tag#B4B9FEde
entity.name.tag.css#969CF3de
entity.name.type#B8B8B8de
entity.name.variable#B9BCFEde
entity.other.attribute#0CD4EDde
entity.other.attribute-name#E29FF7de
entity.other.attribute-name.class.css#EBA9FEde
entity.other.attribute-name.class.mixin.css#EBA9FEde
entity.other.attribute-name.id#81D70Bde
entity.other.attribute-name.id.css#84D70Fde
entity.other.attribute-name.parent-selector.css#DA89F3de
entity.other.attribute-name.pseudo-class.css#969BF2de
entity.other.attribute-name.pseudo-element.css#A6A6A6de
entity.other.attribute-name.scss#EF80A6de
entity.other.document.begin.yaml#C1C1C16e
entity.other.inherited-class#C1C1C1de
header#C1C1C1de
invalid#F07EA6de
keyword#84D50Dde
keyword.codetag.notation.python#969BF0de
keyword.control#FEA7C7de
keyword.control.anchor.regexp#E29FF7de
keyword.control.import.python#DD90F5de
keyword.operator#D681F0de
keyword.operator.alignas#959BF4de
keyword.operator.alignof#85D610de
keyword.operator.cast#ED80A7de
keyword.operator.delete#0EDE34de
keyword.operator.documentation.powershell#C1C1C16e
keyword.operator.expression#D482EEde
keyword.operator.instanceof#AAAAAAde
keyword.operator.logical.python#C1C1C1de
keyword.operator.minus.exponent#969BF2de
keyword.operator.negation.regexp#11D4F0de
keyword.operator.new#B9BCFEde
keyword.operator.noexcept#EAA9FEde
keyword.operator.or.regexp#D581EFde
keyword.operator.plus.exponent#0ED3EDde
keyword.operator.quantifier.regexp#C1C1C1de
keyword.operator.sizeof#10DE34de
keyword.operator.typeid#B4B9FEde
keyword.operator.wordlike#B8B8B8de
keyword.other.operator#B4B9FEde
keyword.other.package.java#0FD4EFde
keyword.other.unit#0BDD31de
keyword.other.using#FEA7C6de
markup.bold#EF80A6de
markup.changed#FEA7C6de
markup.deleted#F79FBEde
markup.fenced_code.block.markdown#85D611de
markup.heading#A6A6A6de
markup.inline.raw#EAA9FEde
markup.inserted#0ED4EDde
markup.italic#0FD4EDde
markup.raw.block.markdown#969CF3de
markup.strikethrough#83D60Ede
markup.underline#08D3EFde
meta.block.c#84D70Fde
meta.block.c#0CDE31de
meta.class.java#B5B9FAde
meta.definition.variable.name#A6ABF8de
meta.diff.header#D681F0de
meta.embedded#9FA4F7de
meta.embedded.assembly#C1C1C1de
meta.function-call.arguments.python#AEB2F9de
meta.function-call.python#BCBCBCde
meta.member.access.python#EF80A6de
meta.method.java#0FD4EDde
meta.object-literal.key#B5B9FAde
meta.paragraph.markdown#0AD3EBde
meta.preprocessor#B4B9FEde
meta.preprocessor.numeric#81D70Bde
meta.preprocessor.string#969CF3de
meta.scope.prerequisites.makefile#0FD3EEde
meta.structure.dictionary.json.comments#C1C1C16e
meta.structure.dictionary.key.python#0FD4EFde
meta.structure.dictionary.value.json.comments#C1C1C16e
meta.template.expression#B4B9FEde
meta.type.cast.expr#A6ABF8de
meta.type.new.expr#0CD4EDde
parameter#FEA7C6de
punctuation.character.set.begin.regexp#C1C1C1de
punctuation.character.set.end.regexp#0CD4EDde
punctuation.definition.array.begin.json#AFAFAFde
punctuation.definition.character-class.regexp#0ED3EDde
punctuation.definition.comment#C0C0C06e
punctuation.definition.comment.json.comments#C1C1C16e
punctuation.definition.comment.python#C1C1C16e
punctuation.definition.dictionary.begin.json#B6BBFEde
punctuation.definition.dictionary.end.json#0DD3EDde
punctuation.definition.group.assertion.regexp#C1C1C1de
punctuation.definition.group.regexp#85D611de
punctuation.definition.list.begin.json#D681F0de
punctuation.definition.list.begin.markdown#9FA4F7de
punctuation.definition.list.begin.python#08DF2Cde
punctuation.definition.list.end.json#F389AFde
punctuation.definition.list.end.markdown#0ED3EDde
punctuation.definition.list.end.python#EC80A6de
punctuation.definition.parameters.begin.python#10DF35de
punctuation.definition.parameters.end.bracket.round.java#BCBCBCde
punctuation.definition.quote.begin.markdown#FEA7C5de
punctuation.definition.tag#84D50Fde
punctuation.definition.template-expression.begin#0DDE34de
punctuation.definition.template-expression.end#0DD3EDde
punctuation.section.class.begin.bracket.curly.java#959BF4de
punctuation.section.embedded#DA89F3de
punctuation.section.embedded.begin.php#B4B9FEde
punctuation.section.embedded.end.php#C1C1C1de
punctuation.terminator.java#F07EA6de
source.cmake#F07EA6de
source.coffee.embedded#0BDD31de
source.cpp#0ED3EDde
source.css.less#10DF35de
source.groovy.embedded#F8A6C3de
source.java#D581EFde
source.java-properties#FEA3C4de
source.json.comments#C0C0C06e
source.makefile#0ED4EEde
source.powershell#0FDF34de
source.powershell.variable.other.member#84D50Cde
source.python#EE7FA6de
storage#F590B4de
storage.modifier#11D4F0de
storage.modifier.import.java#0FDE32de
storage.modifier.package.java#AEB2F9de
storage.type#D782F2de
storage.type.annotation.groovy#F07EA6de
storage.type.annotation.java#86D610de
storage.type.boolean.go#0ED3EDde
storage.type.byte.go#E9A8FEde
storage.type.cs#0FDE32de
storage.type.error.go#E5A6F8de
storage.type.generic.cs#0DD3EDde
storage.type.generic.groovy#B3B3B3de
storage.type.generic.java#C1C1C1de
storage.type.groovy#FEA7C6de
storage.type.java#0ED4EDde
storage.type.modifier.cs#84D50Dde
storage.type.numeric.go#0FDF32de
storage.type.object.array.groovy#C1C1C1de
storage.type.object.array.java#969BF1de
storage.type.parameters.groovy#83D60Fde
storage.type.primitive.array.groovy#B3B3B3de
storage.type.primitive.array.java#C1C1C1de
storage.type.primitive.groovy#D482EDde
storage.type.primitive.java#C1C1C1de
storage.type.rune.go#10DE35de
storage.type.string.go#ED80A7de
storage.type.token.java#AFAFAFde
storage.type.uintptr.go#EBA9FEde
storage.type.variable.cs#85D60Ede
string#D782F2de
string.quoted.docstring.multi.python#C1C1C16e
string.regexp#F389AFde
string.tag#C1C1C1de
string.value#F282AAde
strong#C1C1C1de
support.class#0FD3ECde
support.constant.color#83D60Fde
support.constant.dom#9FA4F7de
support.constant.font-name#EBA9FEde
support.constant.handlebars#10DE35de
support.constant.json#0ED4EDde
support.constant.math#B6BBFEde
support.constant.media#949AF5de
support.constant.media-type#0ED4EDde
support.constant.property-value#ED80A7de
support.function#AAAAAAde
support.function.git-rebase#0FDF34de
support.other.parenthesis.regexp#C1C1C1de
support.type#FEA7C5de
support.type.property-name#0FD3ECde
support.type.vendored.property-name#F8A6C3de
support.variable#959BF4de
token.debug-token#C1C1C1de
token.error-token#949BF4de
token.info-token#B3B3B3de
token.warn-token#C1C1C1de
variable#C1C1C1de
variable.css#DA89F3de
variable.language#7FD605de
variable.language.wildcard.java#11D4F0de
variable.other.constant#86D610de
variable.other.definition.java#0BDD31de
variable.other.enummember#FEA7C7de
variable.other.less#B6BBFEde
variable.other.object.java#0DDE34de
variable.other.object.property.java#0FD3ECde
variable.parameter.c#85D611de
variable.parameter.function.language.python#FEA3C4de
variable.parameter.java#FEA7C5de
variable.scss#DA89F3de