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#23272Efe
  • activityBar.activeBackground#23272Efe
  • activityBar.activeBorder#05DA05fe
  • activityBar.activeFocusBorder#F1AD9600
  • activityBar.background#16191Efe
  • activityBar.border#4FD0B000
  • activityBar.dropBorder#07D907fe
  • activityBar.foreground#06D906fe
  • activityBar.inactiveForeground#A9B0BD65
  • activityBarBadge.background#29D129fe
  • activityBarBadge.foreground#16191Efe
  • badge.background#0A970Afe
  • badge.foreground#16191Efe
  • banner.background#23272Efe
  • banner.foreground#F5F6F8ce
  • banner.iconForeground#CDD1D9fe
  • breadcrumb.activeSelectionForeground#DBE3E1ca
  • breadcrumb.background#191C22fe
  • breadcrumb.focusForeground#32D932fe
  • breadcrumb.foreground#F1F2F4ae
  • breadcrumbPicker.background#23272Efe
  • button.background#414956ae
  • button.border#13111500
  • button.foreground#F5F6F8ce
  • button.hoverBackground#414956fe
  • button.secondaryBackground#23272Efe
  • button.secondaryForeground#F5F6F8ce
  • button.secondaryHoverBackground#23272Efe
  • button.separator#15111400
  • charts.blue#1b1bfffe
  • charts.foreground#F5F6F8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b9
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#13161Afe
  • chat.slashCommandBackground#23272Efe
  • chat.slashCommandForeground#F5F6F8ce
  • checkbox.background#13161Afe
  • checkbox.border#13161Afe
  • checkbox.foreground#F5F6F8ce
  • checkbox.selectBackground#13161Afe
  • checkbox.selectBorder#13161Afe
  • commandCenter.activeBackground#4E143D8b
  • commandCenter.activeBorder#13161Afe
  • commandCenter.activeForeground#29C929fe
  • commandCenter.background#23272Efe
  • commandCenter.border#13161Afe
  • commandCenter.foreground#F5F6F8ce
  • commandCenter.inactiveBorder#0C1F3F96
  • commandCenter.inactiveForeground#ADB4C165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#15151100
  • contrastBorder#15121100
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#F5F6F8ce
  • debugConsole.sourceForeground#F5F6F8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#FDFEFEfe
  • debugExceptionWidget.background#6700679f
  • debugExceptionWidget.border#13161Afe
  • debugIcon.breakpointCurrentStackframeForeground#D7DFD6fe
  • debugIcon.breakpointDisabledForeground#FDFEFE65
  • debugIcon.breakpointForeground#DCD4D2fe
  • debugIcon.breakpointStackframeForeground#D3DCD2fe
  • debugIcon.breakpointUnverifiedForeground#CECEC0fe
  • debugIcon.continueForeground#FEFDFEfe
  • debugIcon.disconnectForeground#C8CDD5fe
  • debugIcon.pauseForeground#FDFEFDfe
  • debugIcon.restartForeground#E6E1DFfe
  • debugIcon.startForeground#DCDCD2fe
  • debugIcon.stepBackForeground#DCDCD2fe
  • debugIcon.stepIntoForeground#FEFDFEfe
  • debugIcon.stepOutForeground#FDFEFEfe
  • debugIcon.stepOverForeground#FDFEFEfe
  • debugIcon.stopForeground#CECEC0fe
  • debugTokenExpression.boolean#D3CDD8ca
  • debugTokenExpression.error#E3DBE0ca
  • debugTokenExpression.name#DFE2E6ca
  • debugTokenExpression.number#DFDBE3ca
  • debugTokenExpression.value#D3CDD8ca
  • debugToolBar.background#670067b4
  • debugToolBar.border#13161Afe
  • debugView.exceptionLabelBackground#412137ca
  • debugView.exceptionLabelForeground#CDD8D6ca
  • debugView.stateLabelBackground#1F2D3Dca
  • debugView.stateLabelForeground#DFE2E6ca
  • debugView.valueChangedHighlight#DCDCD2ca
  • descriptionForeground#F5F6F8ce
  • diffEditor.border#11151100
  • diffEditor.diagonalFill#000000f8
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#10121600
  • diffEditor.move.border#10121600
  • diffEditor.moveActive.border#10121600
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#11151100
  • diffEditor.unchangedCodeBackground#23272Efe
  • diffEditor.unchangedRegionBackground#23272Efe
  • diffEditor.unchangedRegionForeground#F5F6F8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#FDFEFE65
  • dropdown.background#13161Afe
  • dropdown.border#13161Afe
  • dropdown.foreground#F5F6F8ce
  • dropdown.listBackground#13161Afe
  • editor.background#23272Efe
  • editor.findMatchBackground#6A4D8Aa4
  • editor.findMatchBorder#13161Afe
  • editor.findMatchHighlightBackground#6B5853ab
  • editor.findMatchHighlightBorder#13161Afe
  • editor.findRangeHighlightBackground#6B5E79a2
  • editor.findRangeHighlightBorder#13161Afe
  • editor.focusedStackFrameHighlightBackground#6B6B5387
  • editor.foldBackground#FEFEFBa9
  • editor.foreground#F5F6F8ce
  • editor.hoverHighlightBackground#BC599Ea6
  • editor.inactiveSelectionBackground#4A74B99a
  • editor.inlineValuesBackground#23272Efe
  • editor.inlineValuesForeground#F5F6F8ce
  • editor.lineHighlightBackground#373D49b5
  • editor.lineHighlightBorder#13111500
  • editor.linkedEditingBackground#23272Efe
  • editor.rangeHighlightBackground#5D745Aa9
  • editor.rangeHighlightBorder#13161Afe
  • editor.selectionBackground#6B778Caa
  • editor.selectionForeground#D7DFD6ca
  • editor.selectionHighlightBackground#4E744A8a
  • editor.selectionHighlightBorder#13161Afe
  • editor.snippetFinalTabstopHighlightBackground#495E5Aa1
  • editor.snippetFinalTabstopHighlightBorder#13161Afe
  • editor.snippetTabstopHighlightBackground#6B6B53a8
  • editor.snippetTabstopHighlightBorder#13161Afe
  • editor.stackFrameHighlightBackground#AA5492a8
  • editor.symbolHighlightBackground#596476a2
  • editor.symbolHighlightBorder#13161Afe
  • editor.wordHighlightBackground#675060a5
  • editor.wordHighlightBorder#15121100
  • editor.wordHighlightStrongBackground#676750a3
  • editor.wordHighlightStrongBorder#11151100
  • editor.wordHighlightTextBackground#62624Ca2
  • editor.wordHighlightTextBorder#11151400
  • editorBracketHighlight.foreground1#F5F6F8ce
  • editorBracketHighlight.foreground2#F5F6F8ce
  • editorBracketHighlight.foreground3#F5F6F8ce
  • editorBracketHighlight.foreground4#F5F6F8ce
  • editorBracketHighlight.foreground5#F5F6F8ce
  • editorBracketHighlight.foreground6#F5F6F8ce
  • editorBracketHighlight.unexpectedBracket.foreground#F5F6F8ce
  • editorBracketMatch.background#FEFCFBae
  • editorBracketMatch.border#13161Afe
  • editorBracketPairGuide.activeBackground1#FEFBFE8a
  • editorBracketPairGuide.activeBackground2#FDFBFE81
  • editorBracketPairGuide.activeBackground3#FCFEFB8b
  • editorBracketPairGuide.activeBackground4#FDFBFE82
  • editorBracketPairGuide.activeBackground5#FEFCFB8c
  • editorBracketPairGuide.activeBackground6#FDFBFE88
  • editorBracketPairGuide.background1#1D2E1Afe
  • editorBracketPairGuide.background2#1F2D3Dfe
  • editorBracketPairGuide.background3#2C2C19fe
  • editorBracketPairGuide.background4#1A302Cfe
  • editorBracketPairGuide.background5#1F301Cfe
  • editorBracketPairGuide.background6#3A271Ffe
  • editorCodeLens.foreground#FDFDFE6e
  • editorCommentsWidget.rangeActiveBackground#FAFCFEfe
  • editorCommentsWidget.rangeBackground#23272Efe
  • editorCommentsWidget.resolvedBorder#13161Afe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#23272Efe
  • editorCursor.foreground#32D932fe
  • editorError.background#11151100
  • editorError.border#15151100
  • editorError.foreground#b400b4ce
  • editorGhostText.background#23272Efe
  • editorGhostText.border#13111500
  • editorGhostText.foreground#FDFDFE6e
  • editorGroup.border#13161Afe
  • editorGroup.dropBackground#23272Efe
  • editorGroup.dropIntoPromptBackground#23272Efe
  • editorGroup.dropIntoPromptBorder#13161Afe
  • editorGroup.dropIntoPromptForeground#F5F6F8ce
  • editorGroup.emptyBackground#23272Efe
  • editorGroup.focusedEmptyBorder#13161Afe
  • editorGroupHeader.border#15111400
  • editorGroupHeader.noTabsBackground#16191Eae
  • editorGroupHeader.tabsBackground#23272Ea1
  • editorGroupHeader.tabsBorder#13111500
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#23272Efe
  • editorGutter.commentGlyphForeground#F5F6F8ce
  • editorGutter.commentRangeForeground#F5F6F8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#F5F6F8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#13111500
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#13161Afe
  • editorHoverWidget.border#13161Afe
  • editorHoverWidget.foreground#F5F6F8ce
  • editorHoverWidget.highlightForeground#E3DBE0ca
  • editorHoverWidget.statusBarBackground#23272Efe
  • editorIndentGuide.activeBackground1#FCFDFEfe
  • editorIndentGuide.activeBackground2#FCFDFEfe
  • editorIndentGuide.activeBackground3#FCFDFEfe
  • editorIndentGuide.activeBackground4#FCFDFEfe
  • editorIndentGuide.activeBackground5#FCFDFEfe
  • editorIndentGuide.activeBackground6#FCFDFEfe
  • editorIndentGuide.background1#978AA435
  • editorIndentGuide.background2#A3B5A035
  • editorIndentGuide.background3#BCADA935
  • editorIndentGuide.background4#A48A9C35
  • editorIndentGuide.background5#9B8FA735
  • editorIndentGuide.background6#9AAE9735
  • editorInfo.background#10121600
  • editorInfo.border#15121100
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#23272Efe
  • editorInlayHint.foreground#F5F6F8ce
  • editorInlayHint.parameterBackground#23272Efe
  • editorInlayHint.parameterForeground#F5F6F8ce
  • editorInlayHint.typeBackground#23272Efe
  • editorInlayHint.typeForeground#F5F6F8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0A960Afe
  • editorLineNumber.dimmedForeground#FDFDFE6e
  • editorLineNumber.foreground#FDFDFE6e
  • editorLink.activeForeground#0A9F0Afe
  • editorMarkerNavigation.background#13161Afe
  • editorMarkerNavigationError.background#670067a9
  • editorMarkerNavigationError.headerBackground#670067ae
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#23272Efe
  • editorOverviewRuler.border#0C1F3Ffe
  • editorOverviewRuler.bracketMatchForeground#F5F6F8ce
  • editorOverviewRuler.commentForeground#FCFDFE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F5F6F8ce
  • editorOverviewRuler.currentContentForeground#cececeae
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E3DFE6ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D6D9E0ca
  • editorOverviewRuler.wordHighlightStrongForeground#F5F6F8ce
  • editorOverviewRuler.wordHighlightTextForeground#F5F6F8ce
  • editorPane.background#23272Efe
  • editorRuler.foreground#FAFCFE3e
  • editorStickyScroll.background#23272Efe
  • editorStickyScroll.shadow#11151400
  • editorStickyScrollHover.background#152B52fe
  • editorSuggestWidget.background#13161Afe
  • editorSuggestWidget.border#15111400
  • editorSuggestWidget.focusHighlightForeground#3ED830fe
  • editorSuggestWidget.foreground#C4D1CFfe
  • editorSuggestWidget.highlightForeground#D2DCDAca
  • editorSuggestWidget.selectedBackground#7F7F498a
  • editorSuggestWidget.selectedForeground#D6D9E0ca
  • editorSuggestWidget.selectedIconForeground#E3E3DBca
  • editorSuggestWidgetStatus.foreground#C4D1CFfe
  • editorUnicodeHighlight.background#795E71ab
  • editorUnicodeHighlight.border#13161Afe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#11151100
  • editorWarning.border#11151100
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F5F6F8ce
  • editorWidget.background#13161Afe
  • editorWidget.border#13161Afe
  • editorWidget.foreground#F5F6F8ce
  • editorWidget.resizeBorder#13161Afe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#0A970Afe
  • extensionBadge.remoteForeground#16191Efe
  • extensionButton.background#0F2144ae
  • extensionButton.foreground#F5F6F8ce
  • extensionButton.hoverBackground#112B54fe
  • extensionButton.prominentBackground#23272Efe
  • extensionButton.prominentForeground#F5F6F8ce
  • extensionButton.prominentHoverBackground#23272Efe
  • extensionButton.separator#15111400
  • extensionIcon.preReleaseForeground#CECEC0fe
  • extensionIcon.sponsorForeground#D5CBC9fe
  • extensionIcon.starForeground#FEFDFEfe
  • extensionIcon.verifiedForeground#FDFEFEfe
  • focusBorder#15151100
  • foreground#F5F6F8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#FBFCFEae
  • inlineChat.background#402134ca
  • inlineChat.border#1F301Cca
  • inlineChat.regionHighlight#DADEE3ca
  • inlineChat.shadow#DCDCD2ca
  • inlineChatDiff.inserted#D8CFCDca
  • inlineChatDiff.removed#DCD4D2ca
  • inlineChatInput.background#D1D5DCca
  • inlineChatInput.border#412137ca
  • inlineChatInput.focusBorder#15111400
  • inlineChatInput.placeholderForeground#E0E6DFca
  • input.background#13161Afe
  • input.border#13161Afe
  • input.foreground#F5F6F8ce
  • input.placeholderForeground#FDFDFE65
  • inputOption.activeBackground#13161Afe
  • inputOption.activeBorder#13161Afe
  • inputOption.activeForeground#09BE09fe
  • inputOption.hoverBackground#13161Afe
  • inputValidation.errorBackground#670067ae
  • inputValidation.errorBorder#670067b2
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#13161Afe
  • inputValidation.infoForeground#F5F6F8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#13161Afe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#13161Afe
  • interactive.inactiveCodeBorder#0B1D3C99
  • keybindingLabel.background#23272Efe
  • keybindingLabel.border#13161Afe
  • keybindingLabel.bottomBorder#13161Afe
  • keybindingLabel.foreground#F5F6F8ce
  • keybindingTable.headerBackground#23272Efe
  • keybindingTable.rowsBackground#23272Efe
  • list.activeSelectionBackground#874C7482
  • list.activeSelectionForeground#DFDBE3ca
  • list.activeSelectionIconForeground#DBD6DFca
  • list.deemphasizedForeground#F5F6F8ce
  • list.dropBackground#23272Efe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#23272Efe
  • list.filterMatchBorder#13161Afe
  • list.focusAndSelectionOutline#15151100
  • list.focusBackground#4465A196
  • list.focusForeground#0A920Afe
  • list.focusHighlightForeground#FE8BDDfe
  • list.focusOutline#11151400
  • list.highlightForeground#DADEE3ca
  • list.hoverBackground#112B54fe
  • list.hoverForeground#32D932fe
  • list.inactiveFocusBackground#343A449d
  • list.inactiveFocusOutline#11151400
  • list.inactiveSelectionBackground#16191Eae
  • list.inactiveSelectionForeground#FDFEFE65
  • list.inactiveSelectionIconForeground#FDFEFE65
  • list.invalidItemForeground#F5F6F8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#23272Efe
  • listFilterWidget.noMatchesOutline#13111500
  • listFilterWidget.outline#10121600
  • listFilterWidget.shadow#15121100
  • menu.background#16191Efe
  • menu.border#15121100
  • menu.foreground#F1F2F4ae
  • menu.selectionBackground#606B7Fae
  • menu.selectionBorder#11151400
  • menu.selectionForeground#0A920Afe
  • menu.separatorBackground#1E2B4365
  • menubar.selectionBackground#535C6Da1
  • menubar.selectionBorder#11151100
  • menubar.selectionForeground#2CD72Cfe
  • merge.border#13161Afe
  • merge.commonContentBackground#23272Efe
  • merge.commonHeaderBackground#23272Efe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#23272Efe
  • mergeEditor.change.word.background#23272Efe
  • mergeEditor.changeBase.background#23272Efe
  • mergeEditor.changeBase.word.background#23272Efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#13161Afe
  • mergeEditor.conflict.handledUnfocused.border#0A162C23
  • mergeEditor.conflict.input1.background#13161Afe
  • mergeEditor.conflict.input2.background#13161Afe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679a
  • mergeEditor.conflict.unhandledFocused.border#13161Afe
  • mergeEditor.conflict.unhandledUnfocused.border#0A162C37
  • mergeEditor.conflictingLines.background#23272Efe
  • minimap.background#23272Efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F6F8ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#6E7B91fe
  • minimapSlider.background#3E4552ae
  • minimapSlider.hoverBackground#4C5464fe
  • notebook.cellBorderColor#13161Afe
  • notebook.cellEditorBackground#23272Efe
  • notebook.cellHoverBackground#23272Efe
  • notebook.cellInsertionIndicator#E3DBE0ca
  • notebook.cellStatusBarItemHoverBackground#23272Efe
  • notebook.cellToolbarSeparator#E6DFE4ca
  • notebook.editorBackground#23272Efe
  • notebook.focusedCellBackground#23272Efe
  • notebook.focusedCellBorder#0A9F0Afe
  • notebook.focusedEditorBorder#13161Afe
  • notebook.inactiveFocusedCellBorder#6B778C8e
  • notebook.inactiveSelectedCellBorder#6B778C8e
  • notebook.outputContainerBackgroundColor#23272Efe
  • notebook.outputContainerBorderColor#13161Afe
  • notebook.selectedCellBackground#23272Efe
  • notebook.selectedCellBorder#13161Afe
  • notebook.symbolHighlightBackground#23272Efe
  • notebookEditorOverviewRuler.runningCellForeground#F5F6F8ce
  • notebookScrollbarSlider.activeBackground#646F83fe
  • notebookScrollbarSlider.background#414956ae
  • notebookScrollbarSlider.hoverBackground#4C5464fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#E3DBE0fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#13161Afe
  • notificationCenterHeader.background#23272Efe
  • notificationCenterHeader.foreground#F5F6F8ce
  • notificationLink.foreground#F5F6F8ce
  • notifications.background#23272Efe
  • notifications.border#13161Afe
  • notifications.foreground#F5F6F8ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#E3DFE6fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#13161Afe
  • panel.background#23272Efe
  • panel.border#13161Afe
  • panel.dropBorder#13161Afe
  • panelInput.border#13161Afe
  • panelSection.border#13161Afe
  • panelSection.dropBackground#23272Efe
  • panelSectionHeader.background#23272Efe
  • panelSectionHeader.border#13161Afe
  • panelSectionHeader.foreground#F5F6F8ce
  • panelTitle.activeBorder#15121100
  • panelTitle.activeForeground#06D906fe
  • panelTitle.inactiveForeground#A9B0BD65
  • peekView.border#06D906fe
  • peekViewEditor.background#13161Afe
  • peekViewEditor.matchHighlightBackground#4E624C87
  • peekViewEditor.matchHighlightBorder#11151400
  • peekViewEditorGutter.background#13161Afe
  • peekViewEditorStickyScroll.background#23272Efe
  • peekViewResult.background#16191Efe
  • peekViewResult.fileForeground#F5F6F8ce
  • peekViewResult.lineForeground#F5F6F8ce
  • peekViewResult.matchHighlightBackground#66537A82
  • peekViewResult.selectionBackground#4B5E4982
  • peekViewResult.selectionForeground#CED8CDca
  • peekViewTitle.background#16191Efe
  • peekViewTitleDescription.foreground#F5F6F8ce
  • peekViewTitleLabel.foreground#F5F6F8ce
  • pickerGroup.border#13161Afe
  • pickerGroup.foreground#F5F6F8ce
  • ports.iconRunningProcessForeground#E3E3DBfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0A960Afe
  • profileBadge.foreground#16191Efe
  • progressBar.background#23272Efe
  • quickInput.background#16191Efe
  • quickInput.foreground#E3E6EAae
  • quickInputList.focusBackground#745F5Aab
  • quickInputList.focusForeground#09C009fe
  • quickInputList.focusIconForeground#0A920Afe
  • quickInputTitle.background#13161Afe
  • sash.hoverBorder#13161Afe
  • scrollbar.shadow#11151100
  • scrollbarSlider.activeBackground#677388fe
  • scrollbarSlider.background#48515Fae
  • scrollbarSlider.hoverBackground#535C6Dfe
  • search.resultsInfoForeground#F5F6F8ce
  • searchEditor.findMatchBackground#60795Ea1
  • searchEditor.findMatchBorder#13161Afe
  • searchEditor.textInputBorder#13161Afe
  • selection.background#23272Efe
  • settings.checkboxBackground#13161Afe
  • settings.checkboxBorder#13161Afe
  • settings.checkboxForeground#F5F6F8ce
  • settings.dropdownBackground#13161Afe
  • settings.dropdownBorder#13161Afe
  • settings.dropdownForeground#F5F6F8ce
  • settings.dropdownListBorder#13161Afe
  • settings.focusedRowBackground#795E718a
  • settings.focusedRowBorder#13161Afe
  • settings.headerBorder#13161Afe
  • settings.headerForeground#F5F6F8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#13161Afe
  • settings.numberInputBorder#13161Afe
  • settings.numberInputForeground#F5F6F8ce
  • settings.rowHoverBackground#23272Efe
  • settings.sashBorder#13161Afe
  • settings.settingsHeaderHoverForeground#0A9F0Afe
  • settings.textInputBackground#13161Afe
  • settings.textInputBorder#13161Afe
  • settings.textInputForeground#F5F6F8ce
  • sideBar.background#23272Efe
  • sideBar.border#13161Afe
  • sideBar.dropBackground#23272Efe
  • sideBar.foreground#FBFCFEae
  • sideBarSectionHeader.background#13111500
  • sideBarSectionHeader.border#13161Afe
  • sideBarSectionHeader.foreground#F5F6F8ce
  • sideBarTitle.foreground#F5F6F8ce
  • sideBySideEditor.horizontalBorder#13161Afe
  • sideBySideEditor.verticalBorder#13161Afe
  • simpleFindWidget.sashBorder#13161Afe
  • statusBar.background#16191Efe
  • statusBar.border#13161Afe
  • statusBar.debuggingBackground#670067c3
  • statusBar.debuggingBorder#13161Afe
  • statusBar.debuggingForeground#F5F6F8ce
  • statusBar.focusBorder#15151100
  • statusBar.foreground#FDFDFE6e
  • statusBar.noFolderBackground#16191Efe
  • statusBar.noFolderBorder#13161Afe
  • statusBar.noFolderForeground#F5F6F8ce
  • statusBarItem.activeBackground#16191Efe
  • statusBarItem.compactHoverBackground#16191Efe
  • statusBarItem.errorBackground#670067b4
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067ab
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#10121600
  • statusBarItem.hoverBackground#16191Efe
  • statusBarItem.hoverForeground#0A960Afe
  • statusBarItem.offlineBackground#16191Efe
  • statusBarItem.offlineForeground#F5F6F8ce
  • statusBarItem.offlineHoverBackground#16191Efe
  • statusBarItem.offlineHoverForeground#2CD72Cfe
  • statusBarItem.prominentBackground#16191Efe
  • statusBarItem.prominentForeground#F5F6F8ce
  • statusBarItem.prominentHoverBackground#16191Efe
  • statusBarItem.prominentHoverForeground#0A9F0Afe
  • statusBarItem.remoteBackground#0A920Afe
  • statusBarItem.remoteForeground#16191Efe
  • statusBarItem.remoteHoverBackground#16191Efe
  • statusBarItem.remoteHoverForeground#32D932fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#FDFEFEfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#CED8CDfe
  • symbolIcon.colorForeground#D5CBC9fe
  • symbolIcon.constantForeground#DFE2E6fe
  • symbolIcon.constructorForeground#C8CDD5fe
  • symbolIcon.enumeratorForeground#DFE6E5fe
  • symbolIcon.enumeratorMemberForeground#FDFEFEfe
  • symbolIcon.eventForeground#D6D9E0fe
  • symbolIcon.fieldForeground#D1C7C4fe
  • symbolIcon.fileForeground#D3CDD8fe
  • symbolIcon.folderForeground#C1CEC0fe
  • symbolIcon.functionForeground#D5C9D1fe
  • symbolIcon.interfaceForeground#D2DCDAfe
  • symbolIcon.keyForeground#FEFEFDfe
  • symbolIcon.keywordForeground#E0E6DFfe
  • symbolIcon.methodForeground#CACABBfe
  • symbolIcon.moduleForeground#D8D8CDfe
  • symbolIcon.namespaceForeground#E6E1DFfe
  • symbolIcon.nullForeground#FEFDFEfe
  • symbolIcon.numberForeground#D5CBC9fe
  • symbolIcon.objectForeground#E6DFE4fe
  • symbolIcon.operatorForeground#FEFDFEfe
  • symbolIcon.packageForeground#CAD5C9fe
  • symbolIcon.propertyForeground#E3DBE0fe
  • symbolIcon.referenceForeground#D8CDD5fe
  • symbolIcon.snippetForeground#FDFEFEfe
  • symbolIcon.stringForeground#D5C9D1fe
  • symbolIcon.structForeground#C1CEC0fe
  • symbolIcon.textForeground#C0CECBfe
  • symbolIcon.typeParameterForeground#FEFDFEfe
  • symbolIcon.unitForeground#DFDFD6fe
  • symbolIcon.variableForeground#DADEE3fe
  • tab.activeBackground#191C22fe
  • tab.activeBorder#15121100
  • tab.activeBorderTop#05DA05fe
  • tab.activeForeground#06D906fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#10121600
  • tab.hoverBackground#FBFDFEfe
  • tab.hoverBorder#13161Afe
  • tab.hoverForeground#09BE09fe
  • tab.inactiveBackground#0C1F3F92
  • tab.inactiveForeground#ADB4C165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#13161Afe
  • tab.unfocusedActiveBackground#292E3722
  • tab.unfocusedActiveBorder#15121100
  • tab.unfocusedActiveBorderTop#1F2C4465
  • tab.unfocusedActiveForeground#A0A8B665
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#FCFDFEfe
  • tab.unfocusedHoverBorder#262A3230
  • tab.unfocusedHoverForeground#A4ACBA65
  • tab.unfocusedInactiveBackground#3B414D9a
  • tab.unfocusedInactiveForeground#B2B8C465
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ae
  • 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#670067bd
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea6
  • terminal.ansiYellow#c4a200fe
  • terminal.background#23272Efe
  • terminal.border#13161Afe
  • terminal.dropBackground#23272Efe
  • terminal.findMatchBackground#23272Efe
  • terminal.findMatchBorder#13161Afe
  • terminal.findMatchHighlightBackground#23272Efe
  • terminal.findMatchHighlightBorder#13161Afe
  • terminal.foreground#FBFCFEae
  • terminal.hoverHighlightBackground#23272Efe
  • terminal.inactiveSelectionBackground#2D323B9e
  • terminal.selectionBackground#4A82798c
  • terminal.selectionForeground#DCD2D9ca
  • terminal.tab.activeBorder#05DB05fe
  • terminalCommandDecoration.defaultBackground#FBFEFEa5
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#23272Efe
  • terminalCursor.foreground#09C009fe
  • terminalOverviewRuler.cursorForeground#F5F6F8ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a5
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#FCFEFCfe
  • testing.message.error.lineBackground#670067b6
  • testing.message.info.decorationForeground#FCFEFCfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#13161Afe
  • testing.peekHeaderBackground#23272Efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#23272Efe
  • textBlockQuote.border#13161Afe
  • textCodeBlock.background#23272Efe
  • textLink.activeForeground#29D129fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#F5F6F8ce
  • textSeparator.foreground#F5F6F8ce
  • titleBar.activeBackground#16191Efe
  • titleBar.activeForeground#9FBDF7ae
  • titleBar.border#11151100
  • titleBar.inactiveBackground#262A32d2
  • titleBar.inactiveForeground#B2B8C465
  • toolbar.activeBackground#3E126A87
  • toolbar.hoverBackground#23272Efe
  • toolbar.hoverOutline#15151100
  • tree.inactiveIndentGuidesStroke#B9A9A535
  • tree.indentGuidesStroke#FCFEFCfe
  • tree.tableColumnsBorder#13161Afe
  • tree.tableOddRowsBackground#23272Efe
  • walkThrough.embeddedEditorBackground#23272Efe
  • walkthrough.stepTitle.foreground#F5F6F8ce
  • welcomePage.background#23272Efe
  • welcomePage.progress.background#23272Efe
  • welcomePage.progress.foreground#F5F6F8ce
  • welcomePage.tileBackground#23272Efe
  • welcomePage.tileBorder#13161Afe
  • welcomePage.tileHoverBackground#23272Efe
  • widget.border#13161Afe
  • widget.shadow#15151100
  • window.activeBorder#13161Afe
  • window.inactiveBorder#0C1F3F92

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9AC0F86e
comment.block.html#8FB8F56e
comment.block.java#98C1F86e
comment.block.javadoc.java#93BBF66e
comment.block.powershell#90BCF76e
comment.block.xml#AACBFB6e
comment.line.double-slash.c#A3BFF86e
comment.line.double-slash.cpp#9DC1F86e
comment.line.double-slash.java#A7C2F96e
comment.line.double-slash.js#90BCF76e
comment.line.number-sign.makefile#8BB5F56e
comment.line.number-sign.python#88B7F56e
comment.line.number-sign.yaml#88B7F56e
comment.line.percentage.erlang#9FC6FA6e
comment.line.powershell#A3BFF86e
comment.source.cmake#B5D2FC6e
comment.source.cmakecache#A6C8FA6e
constant.character#F9B8A0de
constant.character.character-class.regexp#F89DD2de
constant.character.escape#9DBAF8de
constant.character.set.regexp#26D6B9de
constant.language#B7CB07de
constant.numeric#58E858de
constant.numeric.dec.python#FAC1ADde
constant.other.caps.python#07E5C2de
constant.other.character-class.regexp#F39E80de
constant.other.character-class.set.regexp#C1D706de
constant.other.color.rgb-value#F39D7Ede
constant.other.placeholder#5EEA5Ede
constant.other.rgb-value#08D0AFde
constant.regexp#3EDF3Ede
constant.sha.git-rebase#3CE0C6de
emphasis#6CED6Cde
entity.name.class#CD9EF8de
entity.name.function#F9A1D4de
entity.name.function.preprocessor#F7B198de
entity.name.function.python#F8B69Dde
entity.name.label#C2D807de
entity.name.namespace#06DCBBde
entity.name.operator#F8B59Dde
entity.name.operator.custom-literal#64EC64de
entity.name.scope-resolution#43E3C9de
entity.name.tag#06E1BFde
entity.name.tag.css#B0C8FAde
entity.name.type#49E5CCde
entity.name.variable#A4BEF8de
entity.other.attribute#F5A689de
entity.other.attribute-name#B2C226de
entity.other.attribute-name.class.css#F799CFde
entity.other.attribute-name.class.mixin.css#F8B39Bde
entity.other.attribute-name.id#DAB6FBde
entity.other.attribute-name.id.css#C8DB2Cde
entity.other.attribute-name.parent-selector.css#07EA07de
entity.other.attribute-name.pseudo-class.css#F8A2D4de
entity.other.attribute-name.pseudo-element.css#96B4F7de
entity.other.attribute-name.scss#F8B7A0de
entity.other.document.begin.yaml#9CC4F96e
entity.other.inherited-class#B8CE07de
header#B9CEFBde
invalid#07E3C0de
keyword#CE9EF8de
keyword.codetag.notation.python#B3C806de
keyword.control#38DC38de
keyword.control.anchor.regexp#4FE7CFde
keyword.control.import.python#E1C3FCde
keyword.operator#B9CEFBde
keyword.operator.alignas#F9BBA5de
keyword.operator.alignof#FABEA8de
keyword.operator.cast#3CE0C6de
keyword.operator.delete#E4C8FDde
keyword.operator.documentation.powershell#88B7F56e
keyword.operator.expression#4FE7CFde
keyword.operator.instanceof#07D407de
keyword.operator.logical.python#A9C3FAde
keyword.operator.minus.exponent#07EE07de
keyword.operator.negation.regexp#E4C8FDde
keyword.operator.new#26D2B7de
keyword.operator.noexcept#FBC5B2de
keyword.operator.or.regexp#F9A5D6de
keyword.operator.plus.exponent#5EEA5Ede
keyword.operator.quantifier.regexp#C5D826de
keyword.operator.sizeof#F8B8A1de
keyword.operator.typeid#F89DD2de
keyword.operator.wordlike#D1A5F9de
keyword.other.operator#BED307de
keyword.other.package.java#CADC30de
keyword.other.unit#BED2FCde
keyword.other.using#08DA08de
markup.bold#D8B0FBde
markup.changed#B3CAFBde
markup.deleted#AEC207de
markup.fenced_code.block.markdown#F5A68Ade
markup.heading#AEC207de
markup.inline.raw#A8C2FAde
markup.inserted#35DEC2de
markup.italic#AEC6FAde
markup.raw.block.markdown#F39E7Fde
markup.strikethrough#F9BCA6de
markup.underline#BACFFCde
meta.block.c#08D008de
meta.block.c#2CD72Cde
meta.class.java#DAB6FBde
meta.definition.variable.name#07E807de
meta.diff.header#9DBAF8de
meta.embedded#F89DD2de
meta.embedded.assembly#C6DE07de
meta.function-call.arguments.python#97B5F7de
meta.function-call.python#28D528de
meta.member.access.python#9DBAF8de
meta.method.java#F9A3D5de
meta.object-literal.key#FCBCE1de
meta.paragraph.markdown#ACC008de
meta.preprocessor#56E9D2de
meta.preprocessor.numeric#F6AC91de
meta.preprocessor.string#D1A5F9de
meta.scope.prerequisites.makefile#B2C9FBde
meta.structure.dictionary.json.comments#B3D0FC6e
meta.structure.dictionary.key.python#94B3F7de
meta.structure.dictionary.value.json.comments#A2C5F96e
meta.template.expression#D3A7F9de
meta.type.cast.expr#F9A3D5de
meta.type.new.expr#29D129de
parameter#2CD72Cde
punctuation.character.set.begin.regexp#BED406de
punctuation.character.set.end.regexp#06D0B1de
punctuation.definition.array.begin.json#3CE0C6de
punctuation.definition.character-class.regexp#E1C2FCde
punctuation.definition.comment#B7D3FC6e
punctuation.definition.comment.json.comments#94BFF86e
punctuation.definition.comment.python#9DC1F86e
punctuation.definition.dictionary.begin.json#C0D3FCde
punctuation.definition.dictionary.end.json#ABBE08de
punctuation.definition.group.assertion.regexp#2CD72Cde
punctuation.definition.group.regexp#B5CA07de
punctuation.definition.list.begin.json#CADC2Fde
punctuation.definition.list.begin.markdown#D9B4FBde
punctuation.definition.list.begin.python#F9BAA3de
punctuation.definition.list.end.json#41E041de
punctuation.definition.list.end.markdown#44E144de
punctuation.definition.list.end.python#A8C2FAde
punctuation.definition.parameters.begin.python#C2D907de
punctuation.definition.parameters.end.bracket.round.java#D7AFFAde
punctuation.definition.quote.begin.markdown#26C9AFde
punctuation.definition.tag#F9BAA3de
punctuation.definition.template-expression.begin#F8B59Dde
punctuation.definition.template-expression.end#F9A5D6de
punctuation.section.class.begin.bracket.curly.java#A6C1F9de
punctuation.section.embedded#38DC38de
punctuation.section.embedded.begin.php#E0C0FCde
punctuation.section.embedded.end.php#36DEC3de
punctuation.terminator.java#07D7B5de
source.cmake#FAB1DBde
source.coffee.embedded#E2C4FCde
source.cpp#B1C408de
source.css.less#FAACD9de
source.groovy.embedded#B6CCFBde
source.java#94B3F7de
source.java-properties#CE9FF8de
source.json.comments#8CBAF66e
source.makefile#F6AC90de
source.powershell#D0A3F9de
source.powershell.variable.other.member#07CCADde
source.python#06E006de
storage#FCBFE2de
storage.modifier#65EC65de
storage.modifier.import.java#F4A183de
storage.modifier.package.java#FBB6DEde
storage.type#A8C2F9de
storage.type.annotation.groovy#F39E80de
storage.type.annotation.java#FCBEE2de
storage.type.boolean.go#06E3C1de
storage.type.byte.go#DBB7FBde
storage.type.cs#08CBACde
storage.type.error.go#07E107de
storage.type.generic.cs#F4A082de
storage.type.generic.groovy#32D932de
storage.type.generic.java#08D7B8de
storage.type.groovy#95B4F7de
storage.type.java#2FDBC0de
storage.type.modifier.cs#FBB5DEde
storage.type.numeric.go#ABBE08de
storage.type.object.array.groovy#C6D928de
storage.type.object.array.java#C0D3FCde
storage.type.parameters.groovy#5EEA5Ede
storage.type.primitive.array.groovy#B5CBFBde
storage.type.primitive.array.java#F691CBde
storage.type.primitive.groovy#D5ACFAde
storage.type.primitive.java#AFC7FAde
storage.type.rune.go#A2BEF9de
storage.type.string.go#BCD207de
storage.type.token.java#D3A8F9de
storage.type.uintptr.go#B6CCFBde
storage.type.variable.cs#FAAEDAde
string#06E3C1de
string.quoted.docstring.multi.python#88B7F56e
string.regexp#BDD1FCde
string.tag#AABD07de
string.value#32D932de
strong#07DC07de
support.class#D5ACFAde
support.constant.color#FCBBE0de
support.constant.dom#A3BEF9de
support.constant.font-name#C1D326de
support.constant.handlebars#D0A2F9de
support.constant.json#FCBDE1de
support.constant.math#29D9BDde
support.constant.media#A2BEF9de
support.constant.media-type#C5DC05de
support.constant.property-value#BDD1FCde
support.function#CFA2F9de
support.function.git-rebase#BCD207de
support.other.parenthesis.regexp#BDD026de
support.type#D9B4FBde
support.type.property-name#9BB8F8de
support.type.vendored.property-name#3CE0C6de
support.variable#D8B2FBde
token.debug-token#92B1F6de
token.error-token#49E5CCde
token.info-token#93B3F7de
token.warn-token#F799D0de
variable#B9CB26de
variable.css#06DAB7de
variable.language#BBD0FCde
variable.language.wildcard.java#DCBBFBde
variable.other.constant#06EBC6de
variable.other.definition.java#F692CCde
variable.other.enummember#06E9C6de
variable.other.less#42E3C9de
variable.other.object.java#A6C0F9de
variable.other.object.property.java#2CD72Cde
variable.parameter.c#C1D326de
variable.parameter.function.language.python#07F007de
variable.parameter.java#29D9BDde
variable.scss#FCBDE1de