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#DCDEDCfe
  • activityBar.activeBackground#DCDEDCfe
  • activityBar.activeBorder#7E072Cfe
  • activityBar.activeFocusBorder#488A4800
  • activityBar.background#EDEEEDfe
  • activityBar.border#7E7E7E00
  • activityBar.dropBorder#7F0229fe
  • activityBar.foreground#741B36fe
  • activityBar.inactiveForeground#3F443F65
  • activityBarBadge.background#A52A51fe
  • activityBarBadge.foreground#EDEEEDfe
  • badge.background#9D2A4Efe
  • badge.foreground#EDEEEDfe
  • banner.background#DCDEDCfe
  • banner.foreground#363636ce
  • banner.iconForeground#14375Bfe
  • breadcrumb.activeSelectionForeground#30391Dca
  • breadcrumb.background#E9EAE9fe
  • breadcrumb.focusForeground#9D2A4Efe
  • breadcrumb.foreground#173E17ae
  • breadcrumbPicker.background#DCDEDCfe
  • button.background#B4BAB4ae
  • button.border#FAFBFA00
  • button.foreground#363636ce
  • button.hoverBackground#9AA19A6e
  • button.secondaryBackground#DCDEDCfe
  • button.secondaryForeground#363636ce
  • button.secondaryHoverBackground#DCDEDCfe
  • button.separator#F6F6F600
  • charts.blue#1b1bfffe
  • charts.foreground#363636ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F1F2F1fe
  • chat.slashCommandBackground#DCDEDCfe
  • chat.slashCommandForeground#363636ce
  • checkbox.background#F1F2F1fe
  • checkbox.border#F1F2F1fe
  • checkbox.foreground#363636ce
  • checkbox.selectBackground#F1F2F1fe
  • checkbox.selectBorder#F1F2F1fe
  • commandCenter.activeBackground#CFD1D48a
  • commandCenter.activeBorder#F1F2F1fe
  • commandCenter.activeForeground#B52B56fe
  • commandCenter.background#DCDEDCfe
  • commandCenter.border#F1F2F1fe
  • commandCenter.foreground#363636ce
  • commandCenter.inactiveBorder#CED2CE9c
  • commandCenter.inactiveForeground#4B514B65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFBFA00
  • contrastBorder#FAFBFA00
  • debugConsole.errorForeground#8F008Fce
  • debugConsole.infoForeground#363636ce
  • debugConsole.sourceForeground#363636ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#423325fe
  • debugExceptionWidget.background#FFBDFFc0
  • debugExceptionWidget.border#F1F2F1fe
  • debugIcon.breakpointCurrentStackframeForeground#3A3C35fe
  • debugIcon.breakpointDisabledForeground#43484365
  • debugIcon.breakpointForeground#423325fe
  • debugIcon.breakpointStackframeForeground#4B0096fe
  • debugIcon.breakpointUnverifiedForeground#3C3735fe
  • debugIcon.continueForeground#24384Cfe
  • debugIcon.disconnectForeground#453220fe
  • debugIcon.pauseForeground#552449fe
  • debugIcon.restartForeground#323827fe
  • debugIcon.startForeground#39403Efe
  • debugIcon.stepBackForeground#243A33fe
  • debugIcon.stepIntoForeground#3A3C35fe
  • debugIcon.stepOutForeground#253B25fe
  • debugIcon.stepOverForeground#373B37fe
  • debugIcon.stopForeground#14375Bfe
  • debugTokenExpression.boolean#1A1D1Aca
  • debugTokenExpression.error#232523ca
  • debugTokenExpression.name#212524ca
  • debugTokenExpression.number#232523ca
  • debugTokenExpression.value#252A28ca
  • debugToolBar.background#FFBDFFb3
  • debugToolBar.border#F1F2F1fe
  • debugView.exceptionLabelBackground#CED3D2ca
  • debugView.exceptionLabelForeground#223D22ca
  • debugView.stateLabelBackground#D4D0D5ca
  • debugView.stateLabelForeground#2A3B19ca
  • debugView.valueChangedHighlight#171817ca
  • descriptionForeground#363636ce
  • diffEditor.border#FBFAFA00
  • diffEditor.diagonalFill#000000f4
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B0DDB2fb
  • diffEditor.insertedTextBorder#FBFAFA00
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#FAFBFA00
  • diffEditor.removedLineBackground#FFC2C231
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#FAFBFA00
  • diffEditor.unchangedCodeBackground#DCDEDCfe
  • diffEditor.unchangedRegionBackground#DCDEDCfe
  • diffEditor.unchangedRegionForeground#363636ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#474C4765
  • dropdown.background#F1F2F1fe
  • dropdown.border#F1F2F1fe
  • dropdown.foreground#363636ce
  • dropdown.listBackground#F1F2F1fe
  • editor.background#DCDEDCfe
  • editor.findMatchBackground#B8BBB3a7
  • editor.findMatchBorder#F1F2F1fe
  • editor.findMatchHighlightBackground#9DA7A3ad
  • editor.findMatchHighlightBorder#F1F2F1fe
  • editor.findRangeHighlightBackground#B8B3BBa2
  • editor.findRangeHighlightBorder#F1F2F1fe
  • editor.focusedStackFrameHighlightBackground#978F9B88
  • editor.foldBackground#375737aa
  • editor.foreground#363636ce
  • editor.hoverHighlightBackground#A7A09Dab
  • editor.inactiveSelectionBackground#C2C6C29a
  • editor.inlineValuesBackground#DCDEDCfe
  • editor.inlineValuesForeground#363636ce
  • editor.lineHighlightBackground#B9BEB9b4
  • editor.lineHighlightBorder#FAFAFB00
  • editor.linkedEditingBackground#DCDEDCfe
  • editor.rangeHighlightBackground#ABA1A8a1
  • editor.rangeHighlightBorder#F1F2F1fe
  • editor.selectionBackground#C0C3BCad
  • editor.selectionForeground#48285Dca
  • editor.selectionHighlightBackground#BBB6B387
  • editor.selectionHighlightBorder#F1F2F1fe
  • editor.snippetFinalTabstopHighlightBackground#AFA6ACa8
  • editor.snippetFinalTabstopHighlightBorder#F1F2F1fe
  • editor.snippetTabstopHighlightBackground#9FA398a9
  • editor.snippetTabstopHighlightBorder#F1F2F1fe
  • editor.stackFrameHighlightBackground#BFB7BCa6
  • editor.symbolHighlightBackground#8F939Ba4
  • editor.symbolHighlightBorder#F1F2F1fe
  • editor.wordHighlightBackground#929992ae
  • editor.wordHighlightBorder#FBFAFA00
  • editor.wordHighlightStrongBackground#B7B1AFa9
  • editor.wordHighlightStrongBorder#FAFAFB00
  • editor.wordHighlightTextBackground#9F9894a7
  • editor.wordHighlightTextBorder#FBFAFA00
  • editorBracketHighlight.foreground1#0D0D0Dce
  • editorBracketHighlight.foreground2#0D0D0Dce
  • editorBracketHighlight.foreground3#0D0D0Dce
  • editorBracketHighlight.foreground4#0D0D0Dce
  • editorBracketHighlight.foreground5#0D0D0Dce
  • editorBracketHighlight.foreground6#0D0D0Dce
  • editorBracketHighlight.unexpectedBracket.foreground#363636ce
  • editorBracketMatch.background#644838ad
  • editorBracketMatch.border#F1F2F1fe
  • editorBracketPairGuide.activeBackground1#33564A8e
  • editorBracketPairGuide.activeBackground2#46513481
  • editorBracketPairGuide.activeBackground3#574D478d
  • editorBracketPairGuide.activeBackground4#7F336886
  • editorBracketPairGuide.activeBackground5#4751328e
  • editorBracketPairGuide.activeBackground6#48533586
  • editorBracketPairGuide.background1#D5D1D6fe
  • editorBracketPairGuide.background2#D4D0D5fe
  • editorBracketPairGuide.background3#CED3D2fe
  • editorBracketPairGuide.background4#D1D3D1fe
  • editorBracketPairGuide.background5#D5D1D6fe
  • editorBracketPairGuide.background6#D0D3D0fe
  • editorCodeLens.foreground#205B206e
  • editorCommentsWidget.rangeActiveBackground#3F553Ffe
  • editorCommentsWidget.rangeBackground#DCDEDCfe
  • editorCommentsWidget.resolvedBorder#F1F2F1fe
  • editorCommentsWidget.unresolvedBorder#FFC3C3cb
  • editorCursor.background#DCDEDCfe
  • editorCursor.foreground#AD2B53fe
  • editorError.background#FBFAFA00
  • editorError.border#FBFAFA00
  • editorError.foreground#8F008Fce
  • editorGhostText.background#DCDEDCfe
  • editorGhostText.border#FBFAFA00
  • editorGhostText.foreground#2A582A6e
  • editorGroup.border#F1F2F1fe
  • editorGroup.dropBackground#DCDEDCfe
  • editorGroup.dropIntoPromptBackground#DCDEDCfe
  • editorGroup.dropIntoPromptBorder#F1F2F1fe
  • editorGroup.dropIntoPromptForeground#363636ce
  • editorGroup.emptyBackground#DCDEDCfe
  • editorGroup.focusedEmptyBorder#F1F2F1fe
  • editorGroupHeader.border#FAFAFB00
  • editorGroupHeader.noTabsBackground#EDEEEDae
  • editorGroupHeader.tabsBackground#D7DAD7a1
  • editorGroupHeader.tabsBorder#F6F6F600
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#DCDEDCfe
  • editorGutter.commentGlyphForeground#363636ce
  • editorGutter.commentRangeForeground#363636ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#363636ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#FAFBFA00
  • editorHint.foreground#3C00FAce
  • editorHoverWidget.background#F1F2F1fe
  • editorHoverWidget.border#F1F2F1fe
  • editorHoverWidget.foreground#363636ce
  • editorHoverWidget.highlightForeground#50225Fca
  • editorHoverWidget.statusBarBackground#DCDEDCfe
  • editorIndentGuide.activeBackground1#761836fe
  • editorIndentGuide.activeBackground2#7D0730fe
  • editorIndentGuide.activeBackground3#7F0229fe
  • editorIndentGuide.activeBackground4#701F39fe
  • editorIndentGuide.activeBackground5#7D0730fe
  • editorIndentGuide.activeBackground6#7D082Bfe
  • editorIndentGuide.background1#4D484535
  • editorIndentGuide.background2#5C5F5535
  • editorIndentGuide.background3#423D4435
  • editorIndentGuide.background4#645D6835
  • editorIndentGuide.background5#44403D35
  • editorIndentGuide.background6#4D454B35
  • editorInfo.background#FAFBFA00
  • editorInfo.border#FAFAFB00
  • editorInfo.foreground#3C00FAce
  • editorInlayHint.background#DCDEDCfe
  • editorInlayHint.foreground#363636ce
  • editorInlayHint.parameterBackground#DCDEDCfe
  • editorInlayHint.parameterForeground#363636ce
  • editorInlayHint.typeBackground#DCDEDCfe
  • editorInlayHint.typeForeground#363636ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#BD2C59fe
  • editorLineNumber.dimmedForeground#205B206e
  • editorLineNumber.foreground#2459246e
  • editorLink.activeForeground#8D2848fe
  • editorMarkerNavigation.background#F1F2F1fe
  • editorMarkerNavigationError.background#FFBDFF9a
  • editorMarkerNavigationError.headerBackground#FFBDFFad
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#F9CE00fe
  • editorMarkerNavigationWarning.headerBackground#F9CE00fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DCDEDCfe
  • editorOverviewRuler.border#CED2CEfe
  • editorOverviewRuler.bracketMatchForeground#363636ce
  • editorOverviewRuler.commentForeground#2759276e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#363636ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ea4
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#8F008Fce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FAce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#24384Cca
  • editorOverviewRuler.selectionHighlightForeground#3C00FAce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#1F3851ca
  • editorOverviewRuler.wordHighlightStrongForeground#363636ce
  • editorOverviewRuler.wordHighlightTextForeground#363636ce
  • editorPane.background#DCDEDCfe
  • editorRuler.foreground#3D553D3c
  • editorStickyScroll.background#DCDEDCfe
  • editorStickyScrollHover.background#CFD2CF6e
  • editorSuggestWidget.background#F1F2F1fe
  • editorSuggestWidget.border#F6F6F600
  • editorSuggestWidget.focusHighlightForeground#7B0A42fe
  • editorSuggestWidget.foreground#4B0096fe
  • editorSuggestWidget.highlightForeground#50225Fca
  • editorSuggestWidget.selectedBackground#9B9F9482
  • editorSuggestWidget.selectedForeground#4B0096ca
  • editorSuggestWidget.selectedIconForeground#064006ca
  • editorSuggestWidgetStatus.foreground#3A353Cfe
  • editorUnicodeHighlight.background#B7B1AFa5
  • editorUnicodeHighlight.border#F1F2F1fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFA00
  • editorWarning.border#FAFBFA00
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#363636ce
  • editorWidget.background#F1F2F1fe
  • editorWidget.border#F1F2F1fe
  • editorWidget.foreground#363636ce
  • editorWidget.resizeBorder#F1F2F1fe
  • errorForeground#8F008Fce
  • extensionBadge.remoteBackground#9D2A4Efe
  • extensionBadge.remoteForeground#EDEEEDfe
  • extensionButton.background#CFD2CFae
  • extensionButton.foreground#363636ce
  • extensionButton.hoverBackground#CFD2CF6e
  • extensionButton.prominentBackground#DCDEDCfe
  • extensionButton.prominentForeground#363636ce
  • extensionButton.prominentHoverBackground#DCDEDCfe
  • extensionButton.separator#FBFAFA00
  • extensionIcon.preReleaseForeground#452D4Bfe
  • extensionIcon.sponsorForeground#193C35fe
  • extensionIcon.starForeground#33381Efe
  • extensionIcon.verifiedForeground#253B25fe
  • focusBorder#FAFAFB00
  • foreground#363636ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FAce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#325732ae
  • inlineChat.background#D6D1D4ca
  • inlineChat.border#CED2D0ca
  • inlineChat.regionHighlight#2A2528ca
  • inlineChat.shadow#181716ca
  • inlineChatDiff.inserted#1D2120ca
  • inlineChatDiff.removed#171618ca
  • inlineChatInput.background#1D1F21ca
  • inlineChatInput.border#D6D1D4ca
  • inlineChatInput.focusBorder#FBFAFA00
  • inlineChatInput.placeholderForeground#2D3B02ca
  • input.background#F1F2F1fe
  • input.border#F1F2F1fe
  • input.foreground#363636ce
  • input.placeholderForeground#4B514B65
  • inputOption.activeBackground#F1F2F1fe
  • inputOption.activeBorder#F1F2F1fe
  • inputOption.activeForeground#B52B56fe
  • inputOption.hoverBackground#F1F2F1fe
  • inputValidation.errorBackground#670067b2
  • inputValidation.errorBorder#FFBDFF9a
  • inputValidation.errorForeground#8F008Fce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F1F2F1fe
  • inputValidation.infoForeground#363636ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F1F2F1fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F1F2F1fe
  • interactive.inactiveCodeBorder#CED2CE96
  • keybindingLabel.background#DCDEDCfe
  • keybindingLabel.border#F1F2F1fe
  • keybindingLabel.bottomBorder#F1F2F1fe
  • keybindingLabel.foreground#363636ce
  • keybindingTable.headerBackground#DCDEDCfe
  • keybindingTable.rowsBackground#DCDEDCfe
  • list.activeSelectionBackground#B8BBB38c
  • list.activeSelectionForeground#113D2Bca
  • list.activeSelectionIconForeground#423329ca
  • list.deemphasizedForeground#363636ce
  • list.dropBackground#DCDEDCfe
  • list.errorForeground#8F008Fce
  • list.filterMatchBackground#DCDEDCfe
  • list.filterMatchBorder#F1F2F1fe
  • list.focusAndSelectionOutline#FAFBFA00
  • list.focusBackground#CACECA96
  • list.focusForeground#852745fe
  • list.focusHighlightForeground#39403Efe
  • list.focusOutline#FBFAFA00
  • list.highlightForeground#2A3B19ca
  • list.hoverBackground#D0D2CDa4
  • list.hoverForeground#76253Efe
  • list.inactiveFocusBackground#C6CAC69a
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#EDEEEDae
  • list.inactiveSelectionForeground#3B3F3B65
  • list.inactiveSelectionIconForeground#4B514B65
  • list.invalidItemForeground#363636ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#DCDEDCfe
  • listFilterWidget.noMatchesOutline#FBFAFA00
  • listFilterWidget.outline#FAFAFB00
  • listFilterWidget.shadow#FBFAFA00
  • menu.background#EDEEEDfe
  • menu.border#FAFBFA00
  • menu.foreground#163E16ae
  • menu.selectionBackground#CDCFC9a7
  • menu.selectionBorder#FBFAFA00
  • menu.selectionForeground#B52B56fe
  • menu.separatorBackground#CED2CE65
  • menubar.selectionBackground#D1D3CEac
  • menubar.selectionBorder#FBFAFA00
  • menubar.selectionForeground#852745fe
  • merge.border#F1F2F1fe
  • merge.commonContentBackground#DCDEDCfe
  • merge.commonHeaderBackground#DCDEDCfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B0DDB2fb
  • merge.incomingContentBackground#B0DDB2cb
  • merge.incomingHeaderBackground#B0DDB2fb
  • mergeEditor.change.background#DCDEDCfe
  • mergeEditor.change.word.background#DCDEDCfe
  • mergeEditor.changeBase.background#DCDEDCfe
  • mergeEditor.changeBase.word.background#DCDEDCfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F1F2F1fe
  • mergeEditor.conflict.handledUnfocused.border#CFD2CF2c
  • mergeEditor.conflict.input1.background#F1F2F1fe
  • mergeEditor.conflict.input2.background#F1F2F1fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ba
  • mergeEditor.conflict.unhandledFocused.border#F1F2F1fe
  • mergeEditor.conflict.unhandledUnfocused.border#CFD2CF27
  • mergeEditor.conflictingLines.background#DCDEDCfe
  • minimap.background#DCDEDCfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0D0D0Dce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A40000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#788178fe
  • minimapSlider.background#ACB1ACae
  • minimapSlider.hoverBackground#969D966e
  • notebook.cellBorderColor#F1F2F1fe
  • notebook.cellEditorBackground#DCDEDCfe
  • notebook.cellHoverBackground#DCDEDCfe
  • notebook.cellInsertionIndicator#25272Aca
  • notebook.cellStatusBarItemHoverBackground#DCDEDCfe
  • notebook.cellToolbarSeparator#181716ca
  • notebook.editorBackground#DCDEDCfe
  • notebook.focusedCellBackground#DCDEDCfe
  • notebook.focusedCellBorder#852745fe
  • notebook.focusedEditorBorder#F1F2F1fe
  • notebook.inactiveFocusedCellBorder#8991898e
  • notebook.inactiveSelectedCellBorder#8089808e
  • notebook.outputContainerBackgroundColor#DCDEDCfe
  • notebook.outputContainerBorderColor#F1F2F1fe
  • notebook.selectedCellBackground#DCDEDCfe
  • notebook.selectedCellBorder#F1F2F1fe
  • notebook.symbolHighlightBackground#DCDEDCfe
  • notebookEditorOverviewRuler.runningCellForeground#363636ce
  • notebookScrollbarSlider.activeBackground#858D85fe
  • notebookScrollbarSlider.background#B0B6B0ae
  • notebookScrollbarSlider.hoverBackground#9FA59F6e
  • notebookStatusErrorIcon.foreground#8F008Fce
  • notebookStatusRunningIcon.foreground#103F10fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F1F2F1fe
  • notificationCenterHeader.background#DCDEDCfe
  • notificationCenterHeader.foreground#363636ce
  • notificationLink.foreground#363636ce
  • notifications.background#DCDEDCfe
  • notifications.border#F1F2F1fe
  • notifications.foreground#363636ce
  • notificationsErrorIcon.foreground#8F008Fce
  • notificationsInfoIcon.foreground#2A3B19fe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F1F2F1fe
  • panel.background#DCDEDCfe
  • panel.border#F1F2F1fe
  • panel.dropBorder#F1F2F1fe
  • panelInput.border#F1F2F1fe
  • panelSection.border#F1F2F1fe
  • panelSection.dropBackground#DCDEDCfe
  • panelSectionHeader.background#DCDEDCfe
  • panelSectionHeader.border#F1F2F1fe
  • panelSectionHeader.foreground#363636ce
  • panelTitle.activeBorder#FAFAFB00
  • panelTitle.activeForeground#781432fe
  • panelTitle.inactiveForeground#4B514B65
  • peekView.border#7F0229fe
  • peekViewEditor.background#F1F2F1fe
  • peekViewEditor.matchHighlightBackground#9DA7A385
  • peekViewEditor.matchHighlightBorder#FAFAFB00
  • peekViewEditorGutter.background#F1F2F1fe
  • peekViewEditorStickyScroll.background#DCDEDCfe
  • peekViewResult.background#EDEEEDfe
  • peekViewResult.fileForeground#363636ce
  • peekViewResult.lineForeground#363636ce
  • peekViewResult.matchHighlightBackground#8F939B81
  • peekViewResult.selectionBackground#B4B7AF8a
  • peekViewResult.selectionForeground#48285Dca
  • peekViewTitle.background#EDEEEDfe
  • peekViewTitleDescription.foreground#363636ce
  • peekViewTitleLabel.foreground#363636ce
  • pickerGroup.border#F1F2F1fe
  • pickerGroup.foreground#363636ce
  • ports.iconRunningProcessForeground#29374Cfe
  • problemsErrorIcon.foreground#8F008Fce
  • problemsInfoIcon.foreground#3C00FAce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#9D2A4Efe
  • profileBadge.foreground#EDEEEDfe
  • progressBar.background#DCDEDCfe
  • quickInput.background#EDEEEDfe
  • quickInput.foreground#173E17ae
  • quickInputList.focusBackground#979B8Fae
  • quickInputList.focusForeground#76253Efe
  • quickInputList.focusIconForeground#BD2C59fe
  • quickInputTitle.background#F1F2F1fe
  • sash.hoverBorder#F1F2F1fe
  • scrollbar.shadow#FAFAFB00
  • scrollbarSlider.activeBackground#788178fe
  • scrollbarSlider.background#A7ADA7ae
  • scrollbarSlider.hoverBackground#9FA59F6e
  • search.resultsInfoForeground#363636ce
  • searchEditor.findMatchBackground#B0B6B0a3
  • searchEditor.findMatchBorder#F1F2F1fe
  • searchEditor.textInputBorder#F1F2F1fe
  • selection.background#DCDEDCfe
  • settings.checkboxBackground#F1F2F1fe
  • settings.checkboxBorder#F1F2F1fe
  • settings.checkboxForeground#363636ce
  • settings.dropdownBackground#F1F2F1fe
  • settings.dropdownBorder#F1F2F1fe
  • settings.dropdownForeground#363636ce
  • settings.dropdownListBorder#F1F2F1fe
  • settings.focusedRowBackground#9B8F978d
  • settings.focusedRowBorder#F1F2F1fe
  • settings.headerBorder#F1F2F1fe
  • settings.headerForeground#363636ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F1F2F1fe
  • settings.numberInputBorder#F1F2F1fe
  • settings.numberInputForeground#363636ce
  • settings.rowHoverBackground#DCDEDCfe
  • settings.sashBorder#F1F2F1fe
  • settings.settingsHeaderHoverForeground#76253Efe
  • settings.textInputBackground#F1F2F1fe
  • settings.textInputBorder#F1F2F1fe
  • settings.textInputForeground#363636ce
  • sideBar.background#DCDEDCfe
  • sideBar.border#F1F2F1fe
  • sideBar.dropBackground#DCDEDCfe
  • sideBar.foreground#325732ae
  • sideBarSectionHeader.background#FAFBFA00
  • sideBarSectionHeader.border#F1F2F1fe
  • sideBarSectionHeader.foreground#363636ce
  • sideBarTitle.foreground#363636ce
  • sideBySideEditor.horizontalBorder#F1F2F1fe
  • sideBySideEditor.verticalBorder#F1F2F1fe
  • simpleFindWidget.sashBorder#F1F2F1fe
  • statusBar.background#EDEEEDfe
  • statusBar.border#F1F2F1fe
  • statusBar.debuggingBackground#FFBDFFc2
  • statusBar.debuggingBorder#F1F2F1fe
  • statusBar.debuggingForeground#363636ce
  • statusBar.focusBorder#F6F6F600
  • statusBar.foreground#1D5B1D6e
  • statusBar.noFolderBackground#EDEEEDfe
  • statusBar.noFolderBorder#F1F2F1fe
  • statusBar.noFolderForeground#363636ce
  • statusBarItem.activeBackground#EDEEEDfe
  • statusBarItem.compactHoverBackground#EDEEEDfe
  • statusBarItem.errorBackground#FFBDFFc9
  • statusBarItem.errorForeground#8F008Fce
  • statusBarItem.errorHoverBackground#FFBDFFae
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FBFAFA00
  • statusBarItem.hoverBackground#EDEEEDfe
  • statusBarItem.hoverForeground#9D2A4Efe
  • statusBarItem.offlineBackground#EDEEEDfe
  • statusBarItem.offlineForeground#363636ce
  • statusBarItem.offlineHoverBackground#EDEEEDfe
  • statusBarItem.offlineHoverForeground#76253Efe
  • statusBarItem.prominentBackground#EDEEEDfe
  • statusBarItem.prominentForeground#363636ce
  • statusBarItem.prominentHoverBackground#EDEEEDfe
  • statusBarItem.prominentHoverForeground#BD2C59fe
  • statusBarItem.remoteBackground#852745fe
  • statusBarItem.remoteForeground#EDEEEDfe
  • statusBarItem.remoteHoverBackground#EDEEEDfe
  • statusBarItem.remoteHoverForeground#76253Efe
  • statusBarItem.warningBackground#F9CE00fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#F9CE00fe
  • statusBarItem.warningHoverForeground#957B00ce
  • symbolIcon.arrayForeground#482D43fe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#453220fe
  • symbolIcon.colorForeground#5D1D4Dfe
  • symbolIcon.constantForeground#3C3735fe
  • symbolIcon.constructorForeground#40393Efe
  • symbolIcon.enumeratorForeground#103F10fe
  • symbolIcon.enumeratorMemberForeground#193C35fe
  • symbolIcon.eventForeground#1F3851fe
  • symbolIcon.fieldForeground#253B25fe
  • symbolIcon.fileForeground#1D3C31fe
  • symbolIcon.folderForeground#2B3B13fe
  • symbolIcon.functionForeground#073E30fe
  • symbolIcon.interfaceForeground#323827fe
  • symbolIcon.keyForeground#68103Cfe
  • symbolIcon.keywordForeground#33381Efe
  • symbolIcon.methodForeground#423325fe
  • symbolIcon.moduleForeground#373B37fe
  • symbolIcon.namespaceForeground#203B34fe
  • symbolIcon.nullForeground#452D4Bfe
  • symbolIcon.numberForeground#3E3940fe
  • symbolIcon.objectForeground#48285Dfe
  • symbolIcon.operatorForeground#4A3017fe
  • symbolIcon.packageForeground#303642fe
  • symbolIcon.propertyForeground#48285Dfe
  • symbolIcon.referenceForeground#253B25fe
  • symbolIcon.snippetForeground#223D22fe
  • symbolIcon.stringForeground#2D3645fe
  • symbolIcon.structForeground#3A3C35fe
  • symbolIcon.textForeground#1D3C31fe
  • symbolIcon.typeParameterForeground#373B37fe
  • symbolIcon.unitForeground#3C353Afe
  • symbolIcon.variableForeground#35373Cfe
  • tab.activeBackground#E9EAE9fe
  • tab.activeBorder#F6F6F600
  • tab.activeBorderTop#781432fe
  • tab.activeForeground#7F0229fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#495139ae
  • tab.hoverBorder#F1F2F1fe
  • tab.hoverForeground#A52A51fe
  • tab.inactiveBackground#CFD2CF9a
  • tab.inactiveForeground#43484365
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F1F2F1fe
  • tab.unfocusedActiveBackground#CFD2CF31
  • tab.unfocusedActiveBorder#FAFBFA00
  • tab.unfocusedActiveBorderTop#CED2CE65
  • tab.unfocusedActiveForeground#4B514B65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3D553D26
  • tab.unfocusedHoverBorder#D3D6D32a
  • tab.unfocusedHoverForeground#43484365
  • tab.unfocusedInactiveBackground#B9BEB99a
  • tab.unfocusedInactiveForeground#4B514B65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333aa
  • 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#6700679c
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DCDEDCfe
  • terminal.border#F1F2F1fe
  • terminal.dropBackground#DCDEDCfe
  • terminal.findMatchBackground#DCDEDCfe
  • terminal.findMatchBorder#F1F2F1fe
  • terminal.findMatchHighlightBackground#DCDEDCfe
  • terminal.findMatchHighlightBorder#F1F2F1fe
  • terminal.foreground#325732ae
  • terminal.hoverHighlightBackground#DCDEDCfe
  • terminal.inactiveSelectionBackground#CACECA96
  • terminal.selectionBackground#AFB1B78b
  • terminal.selectionForeground#48285Dca
  • terminal.tab.activeBorder#7D0730fe
  • terminalCommandDecoration.defaultBackground#7B3664ac
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DCDEDCfe
  • terminalCursor.foreground#BD2C59fe
  • terminalOverviewRuler.cursorForeground#363636ce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ab
  • testing.iconUnset#808080b4
  • testing.message.error.decorationForeground#9F0B3Afe
  • testing.message.error.lineBackground#FFBDFFb0
  • testing.message.info.decorationForeground#7D2642fe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F1F2F1fe
  • testing.peekHeaderBackground#DCDEDCfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DCDEDCfe
  • textBlockQuote.border#F1F2F1fe
  • textCodeBlock.background#DCDEDCfe
  • textLink.activeForeground#BD2C59fe
  • textLink.foreground#3C00FAce
  • textPreformat.foreground#363636ce
  • textSeparator.foreground#363636ce
  • titleBar.activeBackground#EDEEEDfe
  • titleBar.activeForeground#184718ae
  • titleBar.border#FBFAFA00
  • titleBar.inactiveBackground#CED2CEd9
  • titleBar.inactiveForeground#43484365
  • toolbar.activeBackground#D5D0D385
  • toolbar.hoverBackground#DCDEDCfe
  • toolbar.hoverOutline#FAFAFB00
  • tree.inactiveIndentGuidesStroke#4F495235
  • tree.indentGuidesStroke#76253Efe
  • tree.tableColumnsBorder#F1F2F1fe
  • tree.tableOddRowsBackground#DCDEDCfe
  • walkThrough.embeddedEditorBackground#DCDEDCfe
  • walkthrough.stepTitle.foreground#363636ce
  • welcomePage.background#DCDEDCfe
  • welcomePage.progress.background#DCDEDCfe
  • welcomePage.progress.foreground#363636ce
  • welcomePage.tileBackground#DCDEDCfe
  • welcomePage.tileBorder#F1F2F1fe
  • welcomePage.tileHoverBackground#DCDEDCfe
  • widget.border#F1F2F1fe
  • widget.shadow#FBFAFA00
  • window.activeBorder#F1F2F1fe
  • window.inactiveBorder#CFD2CF91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1835186e
comment.block.html#1835186e
comment.block.java#1735176e
comment.block.javadoc.java#1735176e
comment.block.powershell#1735176e
comment.block.xml#1935196e
comment.line.double-slash.c#1935196e
comment.line.double-slash.cpp#1735176e
comment.line.double-slash.java#1735176e
comment.line.double-slash.js#1935196e
comment.line.number-sign.makefile#1735176e
comment.line.number-sign.python#1735176e
comment.line.number-sign.yaml#1735176e
comment.line.percentage.erlang#1935196e
comment.line.powershell#1735176e
comment.source.cmake#1735176e
comment.source.cmakecache#1735176e
constant.character#511C2Dde
constant.character.character-class.regexp#541B2Cde
constant.character.escape#523B1Ede
constant.character.set.regexp#293717de
constant.language#4E0F5Ede
constant.numeric#481E52de
constant.numeric.dec.python#0A4D57de
constant.other.caps.python#523B1Ede
constant.other.character-class.regexp#0909A0de
constant.other.character-class.set.regexp#0F4D56de
constant.other.color.rgb-value#0B4D57de
constant.other.placeholder#293717de
constant.other.rgb-value#00343Bde
constant.regexp#0A4D57de
constant.sha.git-rebase#11361Bde
emphasis#25256Bde
entity.name.class#58172Ade
entity.name.function#0D4D56de
entity.name.function.preprocessor#0E0E9Bde
entity.name.function.python#0D3616de
entity.name.label#25256Fde
entity.name.namespace#452803de
entity.name.operator#24246Fde
entity.name.operator.custom-literal#00343Bde
entity.name.scope-resolution#1B3F44de
entity.name.tag#4B1956de
entity.name.tag.css#113338de
entity.name.type#1E1E81debold
entity.name.variable#0F4D56de
entity.other.attribute#5D0E26de
entity.other.attribute-name#643C08de
entity.other.attribute-name.class.css#44321Bde
entity.other.attribute-name.class.mixin.css#1C454Bde
entity.other.attribute-name.id#26266Dde
entity.other.attribute-name.id.css#1E1E81de
entity.other.attribute-name.parent-selector.css#1C4B28de
entity.other.attribute-name.pseudo-class.css#471C51de
entity.other.attribute-name.pseudo-element.css#500D5Fde
entity.other.attribute-name.scss#19393Dde
entity.other.document.begin.yaml#1735176e
entity.other.inherited-class#19393Dde
header#6F243Bde
invalid#5A2367de
keyword#232373debold
keyword.codetag.notation.python#3E2B0Fdebold
keyword.control#24330Fdebold
keyword.control.anchor.regexp#19393Ddebold
keyword.control.import.python#481E52debold
keyword.operator#602135debold
keyword.operator.alignas#243310debold
keyword.operator.alignof#103338debold
keyword.operator.cast#213407debold
keyword.operator.delete#0505A3debold
keyword.operator.documentation.powershell#1735176ebold
keyword.operator.expression#1B3F44debold
keyword.operator.instanceof#113338debold
keyword.operator.logical.python#402B11debold
keyword.operator.minus.exponent#0F4D56debold
keyword.operator.negation.regexp#105020debold
keyword.operator.new#452803debold
keyword.operator.noexcept#1E4B52debold
keyword.operator.or.regexp#0A3439debold
keyword.operator.plus.exponent#173337debold
keyword.operator.quantifier.regexp#3D2C16debold
keyword.operator.sizeof#643D0Cdebold
keyword.operator.typeid#374B1Cdebold
keyword.operator.wordlike#542160debold
keyword.other.operator#1B3F44debold
keyword.other.package.java#0D4D56debold
keyword.other.unit#2F4E09debold
keyword.other.using#1B1B87debold
markup.bold#103338de
markup.changed#17371Fde
markup.deleted#24246Ede
markup.fenced_code.block.markdown#4B1956de
markup.heading#56192Cde
markup.inline.raw#32441Bde
markup.inserted#500D5Fde
markup.italic#4B1756de
markup.raw.block.markdown#1C4B28de
markup.strikethrough#511C2Dde
markup.underline#00343Bde
meta.block.c#0C511Ede
meta.block.c#4E2059de
meta.class.java#3F2B10de
meta.definition.variable.name#1E1E81de
meta.diff.header#643C08de
meta.embedded#592032de
meta.embedded.assembly#594020de
meta.function-call.arguments.python#304D0Cde
meta.function-call.python#44321Bde
meta.member.access.python#24246Ede
meta.method.java#213407de
meta.object-literal.key#5E0D29de
meta.paragraph.markdown#5A2367de
meta.preprocessor#0A3439de
meta.preprocessor.numeric#0F361Bde
meta.preprocessor.string#2D3D19de
meta.scope.prerequisites.makefile#374B1Cde
meta.structure.dictionary.json.comments#1735176e
meta.structure.dictionary.key.python#620321de
meta.structure.dictionary.value.json.comments#1735176e
meta.template.expression#1B4425de
meta.type.cast.expr#21217Adebold
meta.type.new.expr#61246Fdebold
parameter#500D5Fde
punctuation.character.set.begin.regexp#542160de
punctuation.character.set.end.regexp#61246Fde
punctuation.definition.array.begin.json#0D3616de
punctuation.definition.character-class.regexp#0C511Ede
punctuation.definition.comment#1735176e
punctuation.definition.comment.json.comments#1835186e
punctuation.definition.comment.python#1735176e
punctuation.definition.dictionary.begin.json#00343Bde
punctuation.definition.dictionary.end.json#1E1E81de
punctuation.definition.group.assertion.regexp#11361Bde
punctuation.definition.group.regexp#0E0E9Bde
punctuation.definition.list.begin.json#293717de
punctuation.definition.list.begin.markdown#1C4B28de
punctuation.definition.list.begin.python#0B511Cde
punctuation.definition.list.end.json#541B2Cde
punctuation.definition.list.end.markdown#374B1Cde
punctuation.definition.list.end.python#10333Ade
punctuation.definition.parameters.begin.python#03343Bde
punctuation.definition.parameters.end.bracket.round.java#44321Bde
punctuation.definition.quote.begin.markdown#105020de
punctuation.definition.tag#491B52de
punctuation.definition.template-expression.begin#26266Dde
punctuation.definition.template-expression.end#24330Fde
punctuation.section.class.begin.bracket.curly.java#1C454Bde
punctuation.section.embedded#21217Ade
punctuation.section.embedded.begin.php#0909A0de
punctuation.section.embedded.end.php#033710de
punctuation.terminator.java#324D0Dde
source.cmake#10361Ade
source.coffee.embedded#530066de
source.cpp#3D2C16de
source.css.less#3D2C16de
source.groovy.embedded#0A4D57de
source.java#402A0Dde
source.java-properties#243310de
source.json.comments#1735176e
source.makefile#232373de
source.powershell#314D0Fde
source.powershell.variable.other.member#293717de
source.python#3D2D19de
storage#402B11de
storage.modifier#193D22de
storage.modifier.import.java#3D2D19de
storage.modifier.package.java#1E1E81de
storage.type#1F3503debold
storage.type.annotation.groovy#2D3D19debold
storage.type.annotation.java#24246Fdebold
storage.type.boolean.go#24246Fdebold
storage.type.byte.go#56192Cdebold
storage.type.cs#32441Bdebold
storage.type.error.go#25256Bdebold
storage.type.generic.cs#293717debold
storage.type.generic.groovy#542160debold
storage.type.generic.java#10333Adebold
storage.type.groovy#4E2059debold
storage.type.java#2D3D19debold
storage.type.modifier.cs#314D0Fdebold
storage.type.numeric.go#193D22debold
storage.type.object.array.groovy#5D0E26debold
storage.type.object.array.java#5E0F26debold
storage.type.parameters.groovy#243311debold
storage.type.primitive.array.groovy#0C511Edebold
storage.type.primitive.array.java#500D5Fdebold
storage.type.primitive.groovy#1B4425debold
storage.type.primitive.java#043711debold
storage.type.rune.go#594020debold
storage.type.string.go#10333Adebold
storage.type.token.java#592032debold
storage.type.uintptr.go#0C511Edebold
storage.type.variable.cs#10361Adebold
string#58172Ade
string.quoted.docstring.multi.python#1835186e
string.regexp#11361Bde
string.tag#105020de
string.value#610522de
strong#232373de
support.class#594020de
support.constant.color#402A0Dde
support.constant.dom#1B1B87de
support.constant.font-name#511C2Dde
support.constant.handlebars#4E2059de
support.constant.json#3D2C14de
support.constant.math#0F361Bde
support.constant.media#0909A0de
support.constant.media-type#3D2D19debold
support.constant.property-value#4B1756de
support.function#304D0Cde
support.function.git-rebase#24246Ede
support.other.parenthesis.regexp#1C4B28de
support.type#1C4B28debold
support.type.property-name#5D0E26debold
support.type.vendored.property-name#243311debold
support.variable#610522de
token.debug-token#0A4D57de
token.error-token#4B1756de
token.info-token#1B1B87de
token.warn-token#0B4D57de
variable#643C0Ade
variable.css#4B1956de
variable.language#643C0Ade
variable.language.wildcard.java#620321de
variable.other.constant#4B1956de
variable.other.definition.java#3D2D19de
variable.other.enummember#3E2B0Fde
variable.other.less#4D1359de
variable.other.object.java#232373de
variable.other.object.property.java#481E52de
variable.parameter.c#56192Cde
variable.parameter.function.language.python#0F4D56de
variable.parameter.java#610522de
variable.scss#3E2B0Fde