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.

  • activityBar.activeBackground#00000000
  • activityBar.activeBorder#2563eb
  • activityBar.activeFocusBorder#2563eb
  • activityBar.background#ffffff
  • activityBar.border#d8dee4
  • activityBar.dropBorder#2563eb
  • activityBar.foreground#1f2328
  • activityBar.inactiveForeground#57606a
  • activityBarBadge.background#2563eb
  • activityBarBadge.foreground#ffffff
  • activityBarTop.activeBackground#00000000
  • activityBarTop.activeBorder#2563eb
  • activityBarTop.background#ffffff
  • activityBarTop.dropBorder#2563eb
  • activityBarTop.foreground#1f2328
  • activityBarTop.inactiveForeground#57606a
  • activityErrorBadge.background#c31f2b
  • activityErrorBadge.foreground#ffffff
  • activityWarningBadge.background#8a5e00
  • activityWarningBadge.foreground#ffffff
  • badge.background#2563eb
  • badge.foreground#ffffff
  • banner.background#f1f3f5
  • banner.foreground#1f2328
  • banner.iconForeground#1f5fd0
  • breadcrumb.activeSelectionForeground#1f2328
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#1f2328
  • breadcrumb.foreground#57606a
  • breadcrumbPicker.background#ffffff
  • button.background#2563eb
  • button.border#00000000
  • button.foreground#ffffff
  • button.hoverBackground#1d54d1
  • button.secondaryBackground#eef2f7
  • button.secondaryBorder#d8dee4
  • button.secondaryForeground#1f2328
  • button.secondaryHoverBackground#e2e8f0
  • button.separator#ffffff66
  • charts.blue#1f5fd0
  • charts.foreground#1f2328
  • charts.green#15722f
  • charts.lines#57606a
  • charts.orange#953800
  • charts.purple#6f3fca
  • charts.red#c31f2b
  • charts.yellow#8a5e00
  • checkbox.background#ffffff
  • checkbox.border#c6cdd5
  • checkbox.disabled.background#f1f3f5
  • checkbox.disabled.foreground#a0a6ac
  • checkbox.foreground#1f2328
  • checkbox.selectBackground#2563eb
  • checkbox.selectBorder#2563eb
  • commandCenter.activeBackground#eef2f7
  • commandCenter.activeBorder#2563eb
  • commandCenter.activeForeground#1f2328
  • commandCenter.background#f1f3f5
  • commandCenter.border#d8dee4
  • commandCenter.debuggingBackground#8a5e0022
  • commandCenter.foreground#1f2328
  • commandCenter.inactiveBorder#d8dee4
  • commandCenter.inactiveForeground#57606a
  • commentsView.resolvedIcon#15722f
  • commentsView.unresolvedIcon#8a5e00
  • contrastActiveBorder#00000000
  • contrastBorder#d8dee4
  • debugConsole.errorForeground#c31f2b
  • debugConsole.infoForeground#1f5fd0
  • debugConsole.sourceForeground#57606a
  • debugConsole.warningForeground#8a5e00
  • debugConsoleInputIcon.foreground#15722f
  • debugExceptionWidget.background#fdf0ef
  • debugExceptionWidget.border#c31f2b
  • debugTokenExpression.boolean#6f3fca
  • debugTokenExpression.error#c31f2b
  • debugTokenExpression.name#1f5fd0
  • debugTokenExpression.number#0550ae
  • debugTokenExpression.string#0a3069
  • debugTokenExpression.type#006378
  • debugTokenExpression.value#1f2328
  • debugToolBar.background#fafafa
  • debugToolBar.border#d8dee4
  • debugView.exceptionLabelBackground#c31f2b
  • debugView.exceptionLabelForeground#ffffff
  • debugView.stateLabelBackground#eef2f7
  • debugView.stateLabelForeground#1f2328
  • debugView.valueChangedHighlight#2563eb66
  • descriptionForeground#57606a
  • diffEditor.border#d8dee4
  • diffEditor.diagonalFill#d8dee4
  • diffEditor.insertedLineBackground#15722f1a
  • diffEditor.insertedTextBackground#15722f33
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.move.border#6f3fca
  • diffEditor.moveActive.border#6f3fca
  • diffEditor.removedLineBackground#c31f2b1a
  • diffEditor.removedTextBackground#c31f2b33
  • diffEditor.removedTextBorder#00000000
  • diffEditor.unchangedCodeBackground#f8fafc80
  • diffEditor.unchangedRegionBackground#f8fafc
  • diffEditor.unchangedRegionForeground#57606a
  • diffEditor.unchangedRegionShadow#00000000
  • diffEditorGutter.insertedLineBackground#15722f2b
  • diffEditorGutter.removedLineBackground#c31f2b2b
  • diffEditorOverview.insertedForeground#15722f88
  • diffEditorOverview.removedForeground#c31f2b88
  • disabledForeground#a0a6ac
  • dropdown.background#ffffff
  • dropdown.border#d8dee4
  • dropdown.foreground#1f2328
  • dropdown.listBackground#ffffff
  • editor.background#ffffff
  • editor.compositionBorder#2563eb
  • editor.findMatchBackground#8a5e0059
  • editor.findMatchBorder#8a5e00
  • editor.findMatchForeground#1f2328
  • editor.findMatchHighlightBackground#8a5e0033
  • editor.findMatchHighlightBorder#8a5e0080
  • editor.findMatchHighlightForeground#1f2328
  • editor.findRangeHighlightBackground#1f5fd014
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#15722f22
  • editor.foldBackground#eef2f780
  • editor.foldPlaceholderForeground#57606a
  • editor.foreground#1f2328
  • editor.hoverHighlightBackground#1f5fd01a
  • editor.inactiveLineHighlightBackground#fbfcfd
  • editor.inactiveSelectionBackground#2563eb1f
  • editor.inlineValuesBackground#00000000
  • editor.inlineValuesForeground#57606a
  • editor.lineHighlightBackground#f8fafc
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#2563eb1a
  • editor.placeholder.foreground#b0b6bd
  • editor.rangeHighlightBackground#eef2f780
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#2563eb2e
  • editor.selectionForeground#ffffff
  • editor.selectionHighlightBackground#2563eb1f
  • editor.selectionHighlightBorder#00000000
  • editor.snippetFinalTabstopHighlightBackground#15722f22
  • editor.snippetFinalTabstopHighlightBorder#15722f
  • editor.snippetTabstopHighlightBackground#1f5fd022
  • editor.snippetTabstopHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#8a5e0022
  • editor.symbolHighlightBackground#8a5e001f
  • editor.symbolHighlightBorder#00000000
  • editor.wordHighlightBackground#1f5fd022
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#15722f22
  • editor.wordHighlightStrongBorder#00000000
  • editor.wordHighlightTextBackground#1f5fd016
  • editor.wordHighlightTextBorder#00000000
  • editorActionList.background#fafafa
  • editorActionList.focusBackground#e6f0fe
  • editorActionList.focusForeground#1f2328
  • editorActionList.foreground#1f2328
  • editorBracketHighlight.foreground1#1f5fd0
  • editorBracketHighlight.foreground2#8a5e00
  • editorBracketHighlight.foreground3#15722f
  • editorBracketHighlight.foreground4#6f3fca
  • editorBracketHighlight.foreground5#c31f2b
  • editorBracketHighlight.foreground6#0550ae
  • editorBracketHighlight.unexpectedBracket.foreground#c31f2b
  • editorBracketMatch.background#2563eb22
  • editorBracketMatch.border#2563eb
  • editorBracketMatch.foreground#1f2328
  • editorBracketPairGuide.activeBackground1#1f5fd0
  • editorBracketPairGuide.activeBackground2#8a5e00
  • editorBracketPairGuide.activeBackground3#15722f
  • editorBracketPairGuide.activeBackground4#6f3fca
  • editorBracketPairGuide.activeBackground5#c31f2b
  • editorBracketPairGuide.activeBackground6#0550ae
  • editorBracketPairGuide.background1#1f5fd033
  • editorBracketPairGuide.background2#8a5e0033
  • editorBracketPairGuide.background3#15722f33
  • editorBracketPairGuide.background4#6f3fca33
  • editorBracketPairGuide.background5#c31f2b33
  • editorBracketPairGuide.background6#0550ae33
  • editorCodeLens.foreground#57606a
  • editorCommentsWidget.rangeActiveBackground#1f5fd02e
  • editorCommentsWidget.rangeBackground#1f5fd01a
  • editorCommentsWidget.replyInputBackground#ffffff
  • editorCommentsWidget.resolvedBorder#15722f
  • editorCommentsWidget.unresolvedBorder#8a5e00
  • editorCursor.background#ffffff
  • editorCursor.foreground#006378
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#c31f2b
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#a0a6ac
  • editorGroup.border#d8dee4
  • editorGroup.dropBackground#2563eb1f
  • editorGroup.dropIntoPromptBackground#fafafa
  • editorGroup.dropIntoPromptBorder#d8dee4
  • editorGroup.dropIntoPromptForeground#1f2328
  • editorGroup.emptyBackground#ffffff
  • editorGroup.focusedEmptyBorder#2563eb
  • editorGroupHeader.border#d8dee4
  • editorGroupHeader.noTabsBackground#ffffff
  • editorGroupHeader.tabsBackground#ffffff
  • editorGroupHeader.tabsBorder#d8dee4
  • editorGutter.addedBackground#15722f
  • editorGutter.addedSecondaryBackground#5fbf7f
  • editorGutter.background#ffffff
  • editorGutter.commentGlyphForeground#1f2328
  • editorGutter.commentRangeForeground#b0b6bd
  • editorGutter.commentUnresolvedGlyphForeground#8a5e00
  • editorGutter.deletedBackground#c31f2b
  • editorGutter.deletedSecondaryBackground#e07179
  • editorGutter.foldingControlForeground#57606a
  • editorGutter.itemGlyphForeground#1f2328
  • editorGutter.modifiedBackground#8a5e00
  • editorGutter.modifiedSecondaryBackground#c9a24a
  • editorHint.border#00000000
  • editorHint.foreground#57606a
  • editorHoverWidget.background#fafafa
  • editorHoverWidget.border#d8dee4
  • editorHoverWidget.foreground#1f2328
  • editorHoverWidget.highlightForeground#1a56db
  • editorHoverWidget.statusBarBackground#f1f3f5
  • editorIndentGuide.activeBackground#aab3bd
  • editorIndentGuide.activeBackground1#aab3bd
  • editorIndentGuide.activeBackground2#aab3bd
  • editorIndentGuide.activeBackground3#b8c0c9
  • editorIndentGuide.activeBackground4#b8c0c9
  • editorIndentGuide.activeBackground5#b8c0c9
  • editorIndentGuide.activeBackground6#b8c0c9
  • editorIndentGuide.background#d8dee4
  • editorIndentGuide.background1#d8dee4
  • editorIndentGuide.background2#e2e6eb
  • editorIndentGuide.background3#e2e6eb
  • editorIndentGuide.background4#eaedf1
  • editorIndentGuide.background5#eaedf1
  • editorIndentGuide.background6#f1f3f5
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#1f5fd0
  • editorInlayHint.background#eef2f7
  • editorInlayHint.foreground#57606a
  • editorInlayHint.parameterBackground#eef2f7
  • editorInlayHint.parameterForeground#57606a
  • editorInlayHint.typeBackground#eef2f7
  • editorInlayHint.typeForeground#6f3fca
  • editorLightBulb.foreground#8a5e00
  • editorLightBulbAi.foreground#6f3fca
  • editorLightBulbAutoFix.foreground#15722f
  • editorLineNumber.activeForeground#1f2328
  • editorLineNumber.dimmedForeground#c6cdd5
  • editorLineNumber.foreground#b0b6bd
  • editorLink.activeForeground#1749b8
  • editorMarkerNavigation.background#fafafa
  • editorMarkerNavigationError.background#c31f2b
  • editorMarkerNavigationError.headerBackground#fdf0ef
  • editorMarkerNavigationInfo.background#1f5fd0
  • editorMarkerNavigationInfo.headerBackground#eff5ff
  • editorMarkerNavigationWarning.background#8a5e00
  • editorMarkerNavigationWarning.headerBackground#fff8e6
  • editorMultiCursor.primary.foreground#006378
  • editorMultiCursor.secondary.foreground#8a5e00
  • editorOverviewRuler.addedForeground#15722f
  • editorOverviewRuler.background#ffffff
  • editorOverviewRuler.border#d8dee4
  • editorOverviewRuler.bracketMatchForeground#2563eb
  • editorOverviewRuler.commonContentForeground#57606a
  • editorOverviewRuler.currentContentForeground#15722f
  • editorOverviewRuler.deletedForeground#c31f2b
  • editorOverviewRuler.errorForeground#c31f2b
  • editorOverviewRuler.findMatchForeground#8a5e0088
  • editorOverviewRuler.incomingContentForeground#1f5fd0
  • editorOverviewRuler.infoForeground#1f5fd0
  • editorOverviewRuler.modifiedForeground#8a5e00
  • editorOverviewRuler.rangeHighlightForeground#aab3bd88
  • editorOverviewRuler.selectionHighlightForeground#2563eb88
  • editorOverviewRuler.warningForeground#8a5e00
  • editorOverviewRuler.wordHighlightForeground#1f5fd088
  • editorOverviewRuler.wordHighlightStrongForeground#15722f88
  • editorOverviewRuler.wordHighlightTextForeground#1f5fd066
  • editorPane.background#ffffff
  • editorRuler.foreground#d8dee4
  • editorStickyScroll.background#ffffff
  • editorStickyScroll.border#d8dee4
  • editorStickyScroll.shadow#00000000
  • editorStickyScrollGutter.background#ffffff
  • editorStickyScrollHover.background#f1f3f5
  • editorSuggestWidget.background#fafafa
  • editorSuggestWidget.border#d8dee4
  • editorSuggestWidget.focusHighlightForeground#1749b8
  • editorSuggestWidget.foreground#1f2328
  • editorSuggestWidget.highlightForeground#1a56db
  • editorSuggestWidget.selectedBackground#e6f0fe
  • editorSuggestWidget.selectedForeground#1f2328
  • editorSuggestWidget.selectedIconForeground#1f2328
  • editorSuggestWidgetStatus.foreground#57606a
  • editorUnicodeHighlight.background#8a5e0014
  • editorUnicodeHighlight.border#8a5e00
  • editorUnnecessaryCode.border#00000000
  • editorUnnecessaryCode.opacity#00000080
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#8a5e00
  • editorWhitespace.foreground#c6cdd5
  • editorWidget.background#fafafa
  • editorWidget.border#d8dee4
  • editorWidget.foreground#1f2328
  • editorWidget.resizeBorder#2563eb
  • errorForeground#c31f2b
  • extensionBadge.remoteBackground#2563eb
  • extensionBadge.remoteForeground#ffffff
  • extensionButton.background#2563eb
  • extensionButton.border#00000000
  • extensionButton.foreground#ffffff
  • extensionButton.hoverBackground#1d54d1
  • extensionButton.prominentBackground#2563eb
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#1d54d1
  • extensionButton.separator#ffffff66
  • extensionIcon.preReleaseForeground#8a5e00
  • extensionIcon.privateForeground#57606a
  • extensionIcon.sponsorForeground#6f3fca
  • extensionIcon.starForeground#8a5e00
  • extensionIcon.verifiedForeground#15722f
  • focusBorder#2563eb
  • foreground#1f2328
  • git.blame.editorDecorationForeground#a0a6ac
  • gitDecoration.addedResourceForeground#15722f
  • gitDecoration.conflictingResourceForeground#6f3fca
  • gitDecoration.deletedResourceForeground#c31f2b
  • gitDecoration.ignoredResourceForeground#a0a6ac
  • gitDecoration.modifiedResourceForeground#8a5e00
  • gitDecoration.renamedResourceForeground#1f5fd0
  • gitDecoration.stageDeletedResourceForeground#c31f2b
  • gitDecoration.stageModifiedResourceForeground#8a5e00
  • gitDecoration.submoduleResourceForeground#6f3fca
  • gitDecoration.untrackedResourceForeground#15722f
  • icon.foreground#1f2328
  • input.background#ffffff
  • input.border#d8dee4
  • input.foreground#1f2328
  • input.placeholderForeground#57606a
  • inputOption.activeBackground#2563eb1f
  • inputOption.activeBorder#2563eb
  • inputOption.activeForeground#1f2328
  • inputOption.hoverBackground#eef2f7
  • inputValidation.errorBackground#fdf0ef
  • inputValidation.errorBorder#c31f2b
  • inputValidation.errorForeground#c31f2b
  • inputValidation.infoBackground#eff5ff
  • inputValidation.infoBorder#1f5fd0
  • inputValidation.infoForeground#1f5fd0
  • inputValidation.warningBackground#fff8e6
  • inputValidation.warningBorder#8a5e00
  • inputValidation.warningForeground#8a5e00
  • keybindingLabel.background#eef2f7
  • keybindingLabel.border#c6cdd5
  • keybindingLabel.bottomBorder#c6cdd5
  • keybindingLabel.foreground#1f2328
  • keybindingTable.headerBackground#f1f3f5
  • keybindingTable.rowsBackground#f8fafc
  • list.activeSelectionBackground#e6f0fe
  • list.activeSelectionForeground#1f2328
  • list.activeSelectionIconForeground#1f2328
  • list.deemphasizedForeground#57606a
  • list.dropBackground#2563eb1f
  • list.dropBetweenBackground#2563eb
  • list.errorForeground#c31f2b
  • list.filterMatchBackground#8a5e0026
  • list.filterMatchBorder#8a5e00
  • list.focusAndSelectionOutline#2563eb
  • list.focusBackground#e6f0fe
  • list.focusForeground#1f2328
  • list.focusHighlightForeground#1749b8
  • list.focusOutline#2563eb
  • list.highlightForeground#1a56db
  • list.hoverBackground#eef2f7
  • list.hoverForeground#1f2328
  • list.inactiveFocusBackground#f1f3f5
  • list.inactiveFocusOutline#00000000
  • list.inactiveSelectionBackground#eef2f7
  • list.inactiveSelectionForeground#1f2328
  • list.inactiveSelectionIconForeground#1f2328
  • list.invalidItemForeground#c31f2b
  • list.warningForeground#8a5e00
  • listFilterWidget.background#fafafa
  • listFilterWidget.noMatchesOutline#c31f2b
  • listFilterWidget.outline#2563eb
  • listFilterWidget.shadow#00000000
  • menu.background#ffffff
  • menu.border#d8dee4
  • menu.foreground#1f2328
  • menu.selectionBackground#e6f0fe
  • menu.selectionBorder#00000000
  • menu.selectionForeground#1f2328
  • menu.separatorBackground#d8dee4
  • menubar.selectionBackground#eef2f7
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#1f2328
  • merge.border#d8dee4
  • merge.commonContentBackground#57606a1a
  • merge.commonHeaderBackground#57606a40
  • merge.currentContentBackground#15722f1a
  • merge.currentHeaderBackground#15722f40
  • merge.incomingContentBackground#1f5fd01a
  • merge.incomingHeaderBackground#1f5fd040
  • mergeEditor.change.background#15722f1a
  • mergeEditor.change.word.background#15722f33
  • mergeEditor.changeBase.background#6f3fca1a
  • mergeEditor.changeBase.word.background#6f3fca33
  • mergeEditor.conflict.handled.minimapOverViewRuler#15722f
  • mergeEditor.conflict.handledFocused.border#15722f
  • mergeEditor.conflict.handledUnfocused.border#15722f
  • mergeEditor.conflict.input1.background#15722f1a
  • mergeEditor.conflict.input2.background#1f5fd01a
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#8a5e00
  • mergeEditor.conflict.unhandledFocused.border#8a5e00
  • mergeEditor.conflict.unhandledUnfocused.border#8a5e00
  • mergeEditor.conflictingLines.background#8a5e001a
  • minimap.background#ffffff
  • minimap.errorHighlight#c31f2b
  • minimap.findMatchHighlight#8a5e00aa
  • minimap.infoHighlight#1f5fd0
  • minimap.selectionHighlight#2563ebaa
  • minimap.selectionOccurrenceHighlight#aab3bd
  • minimap.warningHighlight#8a5e00
  • minimapGutter.addedBackground#15722f
  • minimapGutter.deletedBackground#c31f2b
  • minimapGutter.modifiedBackground#8a5e00
  • minimapSlider.activeBackground#aab3bda0
  • minimapSlider.background#cbd2da60
  • minimapSlider.hoverBackground#aab3bd80
  • multiDiffEditor.background#ffffff
  • multiDiffEditor.border#d8dee4
  • multiDiffEditor.headerBackground#f1f3f5
  • notebook.cellBorderColor#d8dee4
  • notebook.cellEditorBackground#f8f9fb
  • notebook.cellHoverBackground#fbfcfd
  • notebook.editorBackground#ffffff
  • notebook.focusedCellBorder#2563eb
  • notebook.focusedEditorBorder#2563eb
  • notebook.outputContainerBackgroundColor#f8f9fb
  • notebook.selectedCellBackground#f8fafc
  • notebookStatusErrorIcon.foreground#c31f2b
  • notebookStatusRunningIcon.foreground#1f5fd0
  • notebookStatusSuccessIcon.foreground#15722f
  • notificationCenter.border#d8dee4
  • notificationCenterHeader.background#f1f3f5
  • notificationCenterHeader.foreground#1f2328
  • notificationLink.foreground#1a56db
  • notifications.background#fafafa
  • notifications.border#d8dee4
  • notifications.foreground#1f2328
  • notificationsErrorIcon.foreground#c31f2b
  • notificationsInfoIcon.foreground#1f5fd0
  • notificationsWarningIcon.foreground#8a5e00
  • notificationToast.border#d8dee4
  • outputView.background#ffffff
  • outputViewStickyScroll.background#ffffff
  • panel.background#ffffff
  • panel.border#d8dee4
  • panel.dropBorder#2563eb
  • panelInput.border#d8dee4
  • panelSection.border#d8dee4
  • panelSection.dropBackground#2563eb1f
  • panelSectionHeader.background#f1f3f5
  • panelSectionHeader.border#d8dee4
  • panelSectionHeader.foreground#1f2328
  • panelStickyScroll.background#ffffff
  • panelStickyScroll.border#d8dee4
  • panelStickyScroll.shadow#00000000
  • panelTitle.activeBorder#2563eb
  • panelTitle.activeForeground#1f2328
  • panelTitle.border#d8dee4
  • panelTitle.inactiveForeground#57606a
  • panelTitleBadge.background#2563eb
  • panelTitleBadge.foreground#ffffff
  • peekView.border#2563eb
  • peekViewEditor.background#f8f9fb
  • peekViewEditor.matchHighlightBackground#8a5e0044
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#f8f9fb
  • peekViewEditorStickyScroll.background#f8f9fb
  • peekViewResult.background#fafafa
  • peekViewResult.fileForeground#1f2328
  • peekViewResult.lineForeground#57606a
  • peekViewResult.matchHighlightBackground#8a5e0044
  • peekViewResult.selectionBackground#e6f0fe
  • peekViewResult.selectionForeground#1f2328
  • peekViewTitle.background#f1f3f5
  • peekViewTitleDescription.foreground#57606a
  • peekViewTitleLabel.foreground#1f2328
  • pickerGroup.border#d8dee4
  • pickerGroup.foreground#57606a
  • ports.iconRunningProcessForeground#15722f
  • problemsErrorIcon.foreground#c31f2b
  • problemsInfoIcon.foreground#1f5fd0
  • problemsWarningIcon.foreground#8a5e00
  • profileBadge.background#e6f0fe
  • profileBadge.foreground#1f2328
  • profiles.sashBorder#d8dee4
  • progressBar.background#2563eb
  • quickInput.background#fafafa
  • quickInput.foreground#1f2328
  • quickInputList.focusBackground#e6f0fe
  • quickInputList.focusForeground#1f2328
  • quickInputList.focusIconForeground#1f2328
  • quickInputTitle.background#f1f3f5
  • radio.activeBackground#2563eb1f
  • radio.activeBorder#2563eb
  • radio.activeForeground#1f2328
  • radio.inactiveBackground#00000000
  • radio.inactiveBorder#c6cdd5
  • radio.inactiveForeground#57606a
  • radio.inactiveHoverBackground#eef2f7
  • sash.hoverBorder#2563eb
  • scmGraph.foreground1#1f5fd0
  • scmGraph.foreground2#8a5e00
  • scmGraph.foreground3#15722f
  • scmGraph.foreground4#6f3fca
  • scmGraph.foreground5#c31f2b
  • scmGraph.historyItemBaseRefColor#8a5e00
  • scmGraph.historyItemRefColor#1f5fd0
  • scmGraph.historyItemRemoteRefColor#15722f
  • scrollbar.background#00000000
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#aab3bdc0
  • scrollbarSlider.background#cbd2da80
  • scrollbarSlider.hoverBackground#aab3bda0
  • search.resultsInfoForeground#57606a
  • searchEditor.findMatchBackground#8a5e0033
  • searchEditor.findMatchBorder#8a5e00
  • searchEditor.textInputBorder#d8dee4
  • selection.background#2563eb2e
  • settings.checkboxBackground#ffffff
  • settings.checkboxBorder#c6cdd5
  • settings.checkboxForeground#1f2328
  • settings.dropdownBackground#ffffff
  • settings.dropdownBorder#d8dee4
  • settings.dropdownForeground#1f2328
  • settings.dropdownListBorder#d8dee4
  • settings.focusedRowBackground#f8fafc
  • settings.focusedRowBorder#2563eb
  • settings.headerBorder#d8dee4
  • settings.headerForeground#1f2328
  • settings.modifiedItemIndicator#2563eb
  • settings.numberInputBackground#ffffff
  • settings.numberInputBorder#d8dee4
  • settings.numberInputForeground#0550ae
  • settings.rowHoverBackground#f8fafc
  • settings.sashBorder#d8dee4
  • settings.textInputBackground#ffffff
  • settings.textInputBorder#d8dee4
  • settings.textInputForeground#1f2328
  • sideBar.background#ffffff
  • sideBar.border#d8dee4
  • sideBar.dropBackground#2563eb1f
  • sideBar.foreground#1f2328
  • sideBarActivityBarTop.border#d8dee4
  • sideBarSectionHeader.background#f1f3f5
  • sideBarSectionHeader.border#d8dee4
  • sideBarSectionHeader.foreground#1f2328
  • sideBarStickyScroll.background#fafafa
  • sideBarStickyScroll.border#d8dee4
  • sideBarStickyScroll.shadow#00000000
  • sideBarTitle.background#ffffff
  • sideBarTitle.border#d8dee4
  • sideBarTitle.foreground#1f2328
  • sideBySideEditor.horizontalBorder#d8dee4
  • sideBySideEditor.verticalBorder#d8dee4
  • statusBar.background#ffffff
  • statusBar.border#d8dee4
  • statusBar.debuggingBackground#8a5e00
  • statusBar.debuggingBorder#d8dee4
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#2563eb
  • statusBar.foreground#1f2328
  • statusBar.noFolderBackground#ffffff
  • statusBar.noFolderBorder#d8dee4
  • statusBar.noFolderForeground#1f2328
  • statusBarItem.activeBackground#e6f0fe
  • statusBarItem.compactHoverBackground#e2e8f0
  • statusBarItem.errorBackground#c31f2b
  • statusBarItem.errorForeground#ffffff
  • statusBarItem.errorHoverBackground#a81824
  • statusBarItem.errorHoverForeground#ffffff
  • statusBarItem.focusBorder#2563eb
  • statusBarItem.hoverBackground#eef2f7
  • statusBarItem.hoverForeground#1f2328
  • statusBarItem.offlineBackground#6f3fca
  • statusBarItem.offlineForeground#ffffff
  • statusBarItem.offlineHoverBackground#5c33a8
  • statusBarItem.offlineHoverForeground#ffffff
  • statusBarItem.prominentBackground#eef2f7
  • statusBarItem.prominentForeground#1f2328
  • statusBarItem.prominentHoverBackground#e2e8f0
  • statusBarItem.prominentHoverForeground#1f2328
  • statusBarItem.remoteBackground#2563eb
  • statusBarItem.remoteForeground#ffffff
  • statusBarItem.remoteHoverBackground#1d54d1
  • statusBarItem.remoteHoverForeground#ffffff
  • statusBarItem.warningBackground#8a5e00
  • statusBarItem.warningForeground#ffffff
  • statusBarItem.warningHoverBackground#734d00
  • statusBarItem.warningHoverForeground#ffffff
  • symbolIcon.arrayForeground#1f2328
  • symbolIcon.booleanForeground#6f3fca
  • symbolIcon.classForeground#8a5e00
  • symbolIcon.colorForeground#1f2328
  • symbolIcon.constantForeground#0550ae
  • symbolIcon.constructorForeground#7838d1
  • symbolIcon.enumeratorForeground#8a5e00
  • symbolIcon.enumeratorMemberForeground#1f5fd0
  • symbolIcon.eventForeground#8a5e00
  • symbolIcon.fieldForeground#1f5fd0
  • symbolIcon.fileForeground#1f2328
  • symbolIcon.folderForeground#1f2328
  • symbolIcon.functionForeground#7838d1
  • symbolIcon.interfaceForeground#1f5fd0
  • symbolIcon.keyForeground#1f5fd0
  • symbolIcon.keywordForeground#c01c28
  • symbolIcon.methodForeground#7838d1
  • symbolIcon.moduleForeground#1f2328
  • symbolIcon.namespaceForeground#1f2328
  • symbolIcon.nullForeground#6f3fca
  • symbolIcon.numberForeground#0550ae
  • symbolIcon.objectForeground#8a5e00
  • symbolIcon.operatorForeground#1f2328
  • symbolIcon.packageForeground#1f2328
  • symbolIcon.propertyForeground#1f5fd0
  • symbolIcon.referenceForeground#1f5fd0
  • symbolIcon.snippetForeground#1f2328
  • symbolIcon.stringForeground#0a3069
  • symbolIcon.structForeground#8a5e00
  • symbolIcon.textForeground#1f2328
  • symbolIcon.typeParameterForeground#006378
  • symbolIcon.unitForeground#1f2328
  • symbolIcon.variableForeground#953800
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#2563eb
  • tab.activeForeground#1f2328
  • tab.activeModifiedBorder#8a5e00
  • tab.border#d8dee4
  • tab.dragAndDropBorder#2563eb
  • tab.hoverBackground#f8fafc
  • tab.hoverBorder#00000000
  • tab.hoverForeground#1f2328
  • tab.inactiveBackground#ffffff
  • tab.inactiveForeground#57606a
  • tab.inactiveModifiedBorder#c9a24a
  • tab.lastPinnedBorder#d8dee4
  • tab.selectedBackground#ffffff
  • tab.selectedBorderTop#2563eb
  • tab.selectedForeground#1f2328
  • tab.unfocusedActiveBackground#f8fafc
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#d8dee4
  • tab.unfocusedActiveForeground#57606a
  • tab.unfocusedActiveModifiedBorder#c9a24a
  • tab.unfocusedHoverBackground#f8fafc
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedHoverForeground#1f2328
  • tab.unfocusedInactiveBackground#ffffff
  • tab.unfocusedInactiveForeground#a0a6ac
  • tab.unfocusedInactiveModifiedBorder#aab3bd
  • terminal.ansiBlack#1f2328
  • terminal.ansiBlue#1f5fd0
  • terminal.ansiBrightBlack#57606a
  • terminal.ansiBrightBlue#2563eb
  • terminal.ansiBrightCyan#007e99
  • terminal.ansiBrightGreen#1a8a3a
  • terminal.ansiBrightMagenta#7838d1
  • terminal.ansiBrightRed#d92b38
  • terminal.ansiBrightWhite#1f2328
  • terminal.ansiBrightYellow#a67400
  • terminal.ansiCyan#006378
  • terminal.ansiGreen#15722f
  • terminal.ansiMagenta#6f3fca
  • terminal.ansiRed#c31f2b
  • terminal.ansiWhite#57606a
  • terminal.ansiYellow#8a5e00
  • terminal.background#ffffff
  • terminal.border#d8dee4
  • terminal.dropBackground#2563eb1f
  • terminal.findMatchBackground#8a5e0059
  • terminal.findMatchBorder#8a5e00
  • terminal.findMatchHighlightBackground#8a5e0033
  • terminal.findMatchHighlightBorder#8a5e0080
  • terminal.foreground#1f2328
  • terminal.hoverHighlightBackground#1f5fd01a
  • terminal.inactiveSelectionBackground#2563eb1f
  • terminal.initialHintForeground#a0a6ac
  • terminal.selectionBackground#2563eb2e
  • terminal.selectionForeground#1f2328
  • terminal.tab.activeBorder#2563eb
  • terminalCommandDecoration.defaultBackground#57606a
  • terminalCommandDecoration.errorBackground#c31f2b
  • terminalCommandDecoration.successBackground#15722f
  • terminalCommandGuide.foreground#c6cdd5
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#006378
  • terminalOverviewRuler.border#d8dee4
  • terminalOverviewRuler.cursorForeground#006378
  • terminalOverviewRuler.findMatchForeground#8a5e0088
  • terminalStickyScroll.background#ffffff
  • terminalStickyScroll.border#d8dee4
  • terminalStickyScrollHover.background#f1f3f5
  • testing.coverCountBadgeBackground#2563eb
  • testing.coverCountBadgeForeground#ffffff
  • testing.coveredBackground#15722f1a
  • testing.coveredBorder#15722f
  • testing.coveredGutterBackground#15722f33
  • testing.iconErrored#c31f2b
  • testing.iconFailed#c31f2b
  • testing.iconPassed#15722f
  • testing.iconQueued#8a5e00
  • testing.iconSkipped#6f3fca
  • testing.iconUnset#57606a
  • testing.message.error.decorationForeground#c31f2b
  • testing.message.error.lineBackground#c31f2b1a
  • testing.message.info.decorationForeground#1f5fd0
  • testing.message.info.lineBackground#1f5fd01a
  • testing.peekBorder#c31f2b
  • testing.peekHeaderBackground#fdf0ef
  • testing.runAction#15722f
  • testing.uncoveredBackground#8a5e001a
  • testing.uncoveredBorder#8a5e00
  • testing.uncoveredBranchBackground#8a5e0033
  • testing.uncoveredGutterBackground#8a5e0033
  • textBlockQuote.background#eff5ff
  • textBlockQuote.border#1f5fd0
  • textCodeBlock.background#f8f9fb
  • textLink.activeForeground#1749b8
  • textLink.foreground#1a56db
  • textPreformat.background#e6f3f8
  • textPreformat.border#c3e2ec
  • textPreformat.foreground#006378
  • textSeparator.foreground#d8dee4
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#1f2328
  • titleBar.border#d8dee4
  • titleBar.inactiveBackground#ffffff
  • titleBar.inactiveForeground#57606a
  • toolbar.activeBackground#e6f0fe
  • toolbar.hoverBackground#eef2f7
  • toolbar.hoverOutline#00000000
  • tree.inactiveIndentGuidesStroke#d8dee4
  • tree.indentGuidesStroke#c6cdd5
  • tree.tableColumnsBorder#d8dee4
  • tree.tableOddRowsBackground#f8fafc
  • walkThrough.embeddedEditorBackground#f8f9fb
  • walkthrough.stepTitle.foreground#1f2328
  • welcomePage.background#ffffff
  • welcomePage.progress.background#eef2f7
  • welcomePage.progress.foreground#2563eb
  • welcomePage.tileBackground#fafafa
  • welcomePage.tileBorder#d8dee4
  • welcomePage.tileHoverBackground#eef2f7
  • widget.border#d8dee4
  • widget.shadow#00000000
  • window.activeBorder#d8dee4
  • window.inactiveBorder#e6e9ee

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment, string.comment#777777italic
keyword, keyword.control, keyword.other, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, storage, storage.type, storage.modifier, modifier#c01c28
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, punctuation.accessor#1f2328
entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, entity.name.struct, entity.other.inherited-class, support.type, support.class, storage.type.primitive, meta.type.name#7838d1
entity.name.function, entity.name.function.member, entity.name.function.call, support.function, support.function.builtin, meta.function-call, meta.function-call.generic, meta.function-call entity.name.function, variable.function#8a5e00
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.property, variable.other.object.property, variable.parameter, meta.object-literal.key variable#1f2328
keyword.other.special-method.dockerfile, keyword.control.dockerfile, keyword.other.dockerfile#c01c28
keyword.operator.flag.dockerfile, punctuation.separator.key-value.dockerfile#57606a
variable.language, variable.language.this, variable.language.super#c01c28
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, keyword.other.unit#0550ae
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity#0550ae
variable.other.constant, constant.other, support.constant#0550ae
constant.character.escape, constant.character.entity#0550ae
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated, punctuation.definition.string#0a3069
string.quoted.docstring.multi.python#777777italic
punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression#c01c28
string.regexp, string.regex, constant.other.character-class.regexp, keyword.control.anchor.regexp#116329
punctuation.definition.block, punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces, meta.brace#1f2328
punctuation.separator, punctuation.terminator, punctuation.comma, punctuation.definition.parameters#57606a
entity.name.tag, entity.name.tag.html, entity.name.tag.xml, support.class.component#116329
entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx#0550ae
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end#57606a
entity.name.tag.css, entity.name.tag.scss#116329
entity.other.attribute-name.class.css#1f2328
entity.other.attribute-name.id.css#7838d1
support.type.property-name.css, support.type.property-name.scss#0550ae
support.type.property-name.json, support.type.property-name.jsonc, entity.name.tag.yaml, entity.name.tag.yaml.key, support.type.property-name.toml, keyword.key.toml#8a5e00
string.quoted.double.json, string.quoted.double.jsonc#0a3069
string.unquoted.plain.out.yaml#1f2328
meta.decorator, entity.name.function.decorator, punctuation.decorator, meta.annotation, storage.type.annotation, storage.modifier.annotation#7838d1
entity.name.namespace, entity.name.type.namespace, entity.name.module, support.other.namespace#7838d1
markup.heading, markup.heading.markdown, entity.name.section.markdown#1f2328bold
markup.heading.1.markdown, heading.1.markdown#121417bold
markup.heading.2.markdown, heading.2.markdown#1f2328bold
markup.heading.3.markdown, heading.3.markdown#2d333bbold
markup.heading.4.markdown, heading.4.markdown#3a414b
markup.heading.5.markdown, markup.heading.6.markdown#57606a
punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.constant.markdown#b0b6bd
meta.separator.markdown#d8dee4
markup.bold, markup.bold.markdown#1f2328bold
markup.italic, markup.italic.markdown#1f2328italic
markup.inline.raw, markup.inline.raw.string.markdown, markup.raw.inline#006378
fenced_code.block.language, markup.fenced_code.block.language, fenced_code.block.language.attribute.markdown#7c6f5b
string.other.link.title.markdown, constant.other.reference.link.markdown#1a56db
markup.underline.link, markup.underline.link.markdown, markup.underline.link.image.markdown#57606aunderline
markup.quote, markup.quote.markdown#57606aitalic
markup.list.unnumbered.markdown, markup.list.numbered.markdown#1f2328
markup.inserted#116329
markup.deleted#c31f2b
markup.changed#8a5e00
invalid, invalid.illegal#c31f2b
invalid.deprecated#57606astrikethrough