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.activeBorder#457BE2
  • activityBar.activeFocusBorder#457BE2
  • activityBar.background#D8D9DF
  • activityBar.border#B7BBCF
  • activityBar.foreground#7C3F31
  • activityBar.inactiveForeground#697097
  • activityBarBadge.background#9E4C3B
  • activityBarBadge.foreground#E1E2E7
  • activityBarTop.background#D8D9DF
  • activityBarTop.foreground#415FB9
  • activityBarTop.inactiveForeground#B7BBCF
  • activityErrorBadge.background#E14167
  • activityErrorBadge.foreground#E1E2E7
  • activityWarningBadge.background#876D45
  • activityWarningBadge.foreground#E1E2E7
  • badge.background#9E4C3B
  • badge.foreground#E1E2E7
  • banner.background#D8D9DF
  • banner.foreground#415FB9
  • banner.iconForeground#415FB9
  • breadcrumb.activeSelectionForeground#222F62
  • breadcrumb.focusForeground#415FB9
  • breadcrumb.foreground#697097
  • breadcrumbPicker.background#E1E2E7
  • button.background#9e4b3ba7
  • button.border#B7BBCF
  • button.foreground#E1E2E7
  • button.hoverBackground#B85A44
  • button.secondaryBackground#457BE220
  • button.secondaryBorder#B7BBCF
  • button.secondaryForeground#7C3F31
  • button.secondaryHoverBackground#9E4C3B35
  • button.separator#B7BBCF
  • charts.blue#457BE2
  • charts.foreground#222F62
  • charts.green#5E7440
  • charts.lines#8A90B0
  • charts.orange#CC7C5E
  • charts.purple#697097
  • charts.red#E14167
  • charts.yellow#876D45
  • chat.avatarBackground#E1E2E7
  • chat.avatarForeground#697097
  • chat.linesAddedForeground#5E7440A5
  • chat.linesRemovedForeground#E14167A5
  • chat.requestBackground#D8D9DF
  • chat.requestBorder#B7BBCF
  • chat.requestBubbleBackground#E1E2E7BF
  • chat.requestBubbleHoverBackground#D8D9DFBF
  • chat.requestCodeBorder#B7BBCFA5
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#7C3F31
  • chat.thinkingShimmer#5E7440A5
  • checkbox.background#D8D9DF
  • checkbox.border#B7BBCF
  • checkbox.foreground#7C3F31
  • commandCenter.activeBackground#E1E2E7
  • commandCenter.activeForeground#415FB9
  • commandCenter.background#D8D9DF
  • commandCenter.border#B7BBCF
  • commandCenter.debuggingBackground#D8D9DFBF
  • commandCenter.foreground#697097
  • debugConsole.errorForeground#E14167
  • debugConsole.infoForeground#415FB9
  • debugConsole.sourceForeground#222F62
  • debugConsole.warningForeground#876D45
  • debugConsoleInputIcon.foreground#7C3F31
  • debugExceptionWidget.background#D8D9DF
  • debugExceptionWidget.border#B7BBCF
  • debugIcon.breakpointCurrentStackframeForeground#7C3F31
  • debugIcon.breakpointDisabledForeground#415FB9
  • debugIcon.breakpointForeground#E14167
  • debugIcon.breakpointStackframeForeground#222F62
  • debugIcon.breakpointUnverifiedForeground#876D45
  • debugIcon.continueForeground#222F62
  • debugIcon.disconnectForeground#222F62
  • debugIcon.pauseForeground#222F62
  • debugIcon.restartForeground#5E7440
  • debugIcon.startForeground#5E7440
  • debugIcon.stepBackForeground#222F62
  • debugIcon.stepIntoForeground#222F62
  • debugIcon.stepOutForeground#222F62
  • debugIcon.stepOverForeground#222F62
  • debugIcon.stopForeground#E14167
  • debugTokenExpression.boolean#876D45
  • debugTokenExpression.error#E14167
  • debugTokenExpression.name#415FB9
  • debugTokenExpression.number#697097
  • debugTokenExpression.string#457BE2
  • debugTokenExpression.value#222F62
  • debugToolBar.background#D8D9DF
  • debugView.exceptionLabelBackground#E14167
  • debugView.exceptionLabelForeground#E1E2E7
  • debugView.stateLabelBackground#5E7440
  • debugView.stateLabelForeground#E1E2E7
  • debugView.valueChangedHighlight#7C3F31
  • descriptionForeground#595A5F
  • diffEditor.diagonalFill#D8D9DF
  • diffEditor.insertedLineBackground#5E744019
  • diffEditor.insertedTextBackground#5E744019
  • diffEditor.move.border#00000000
  • diffEditor.moveActive.border#00000000
  • diffEditor.removedLineBackground#E1416719
  • diffEditor.removedTextBackground#E1416719
  • diffEditor.unchangedCodeBackground#D8D9DF
  • diffEditor.unchangedRegionBackground#D8D9DF
  • diffEditor.unchangedRegionForeground#415FB9
  • diffEditor.unchangedRegionShadow#C5C8D8
  • diffEditorGutter.insertedLineBackground#5E744019
  • diffEditorGutter.removedLineBackground#E1416719
  • diffEditorOverview.insertedForeground#5E7440A5
  • diffEditorOverview.removedForeground#E14167A5
  • disabledForeground#8A90B0
  • dropdown.background#D8D9DF
  • dropdown.border#B7BBCF
  • dropdown.foreground#222F62
  • dropdown.listBackground#D8D9DF
  • editor.background#E1E2E7
  • editor.findMatchBackground#222F6226
  • editor.findMatchBorder#457BE2
  • editor.findMatchHighlightBackground#222F6226
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#222F620C
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#415FB926
  • editor.foldBackground#222F620C
  • editor.foreground#222F62
  • editor.hoverHighlightBackground#222F620C
  • editor.inactiveSelectionBackground#B7BBCF45
  • editor.inlineValuesBackground#B7BBCF
  • editor.inlineValuesForeground#415FB9
  • editor.lineHighlightBackground#D1D8E640
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#D8D9DF
  • editor.rangeHighlightBackground#D8D9DF59
  • editor.rangeHighlightBorder#B7BBCF
  • editor.selectionBackground#B7BBCF70
  • editor.selectionHighlightBackground#457BE225
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#415FB926
  • editor.wordHighlightBackground#457BE21C
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#457BE22E
  • editor.wordHighlightStrongBorder#00000000
  • editorActionList.background#D8D9DF
  • editorActionList.focusBackground#457BE2
  • editorActionList.focusForeground#E1E2E7
  • editorActionList.foreground#222F62
  • editorBracketHighlight.foreground1#697097
  • editorBracketHighlight.foreground2#876D45
  • editorBracketHighlight.foreground3#CC7C5E
  • editorBracketHighlight.foreground4#697097
  • editorBracketHighlight.foreground5#876D45
  • editorBracketHighlight.foreground6#CC7C5E
  • editorBracketHighlight.unexpectedBracket.foreground#E14167
  • editorBracketMatch.background#457BE224
  • editorBracketMatch.border#457BE2
  • editorBracketMatch.foreground#7C3F31
  • editorBracketPairGuide.activeBackground1#457BE2
  • editorBracketPairGuide.activeBackground2#CC7C5E
  • editorBracketPairGuide.activeBackground3#876D45
  • editorBracketPairGuide.activeBackground4#457BE2
  • editorBracketPairGuide.activeBackground5#CC7C5E
  • editorBracketPairGuide.activeBackground6#876D45
  • editorBracketPairGuide.background1#69709740
  • editorBracketPairGuide.background2#876D4540
  • editorBracketPairGuide.background3#CC7C5E40
  • editorBracketPairGuide.background4#69709740
  • editorBracketPairGuide.background5#876D4540
  • editorBracketPairGuide.background6#CC7C5E40
  • editorCodeLens.foreground#6B6258
  • editorCursor.background#E1E2E7
  • editorCursor.foreground#7C3F31
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#E14167
  • editorGhostText.foreground#6B6258
  • editorGroup.border#B7BBCF
  • editorGroup.dropBackground#D8D9DFBF
  • editorGroup.emptyBackground#C5C8D8
  • editorGroup.focusedEmptyBorder#457BE2
  • editorGroupHeader.border#00000000
  • editorGroupHeader.noTabsBackground#D8D9DF
  • editorGroupHeader.tabsBackground#D1D8E6
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#5E7440
  • editorGutter.background#E1E2E7
  • editorGutter.deletedBackground#E14167
  • editorGutter.foldingControlForeground#415FB9
  • editorGutter.modifiedBackground#876D45
  • editorHint.border#B7BBCF
  • editorHint.foreground#697097
  • editorHoverWidget.background#D8D9DF
  • editorHoverWidget.border#457BE2
  • editorHoverWidget.foreground#222F62
  • editorHoverWidget.highlightForeground#457BE2
  • editorHoverWidget.statusBarBackground#D1D8E6
  • editorIndentGuide.activeBackground1#457BE275
  • editorIndentGuide.background1#C5C8D8
  • editorInfo.background#00000000
  • editorInfo.border#B7BBCF
  • editorInfo.foreground#415FB9
  • editorInlayHint.background#D8D9DF
  • editorInlayHint.foreground#697097
  • editorInlayHint.parameterBackground#876D450C
  • editorInlayHint.parameterForeground#876D457F
  • editorInlayHint.typeBackground#6970970C
  • editorInlayHint.typeForeground#6970977F
  • editorLightBulb.foreground#7C3F31
  • editorLightBulbAi.foreground#7C3F31
  • editorLightBulbAutoFix.foreground#5E7440
  • editorLineNumber.activeForeground#7C3F31
  • editorLineNumber.foreground#6B6258
  • editorLink.activeForeground#415FB9
  • editorMarkerNavigation.background#D8D9DF
  • editorMarkerNavigationError.background#E14167
  • editorMarkerNavigationInfo.background#415FB9
  • editorMarkerNavigationWarning.background#876D45
  • editorOverviewRuler.addedForeground#5E7440
  • editorOverviewRuler.border#B7BBCF
  • editorOverviewRuler.currentContentForeground#D8D9DF
  • editorOverviewRuler.deletedForeground#E14167
  • editorOverviewRuler.errorForeground#E14167
  • editorOverviewRuler.findMatchForeground#222F6226
  • editorOverviewRuler.incomingContentForeground#D8D9DF
  • editorOverviewRuler.infoForeground#415FB9
  • editorOverviewRuler.modifiedForeground#876D45
  • editorOverviewRuler.rangeHighlightForeground#222F6226
  • editorOverviewRuler.selectionHighlightForeground#222F6226
  • editorOverviewRuler.warningForeground#876D45
  • editorOverviewRuler.wordHighlightForeground#222F6226
  • editorOverviewRuler.wordHighlightStrongForeground#222F6226
  • editorPane.background#E1E2E7
  • editorRuler.foreground#B7BBCF
  • editorStickyScroll.background#E1E2E7
  • editorStickyScroll.border#B7BBCF
  • editorStickyScroll.shadow#E1E2E7
  • editorStickyScrollHover.background#222F620C
  • editorSuggestWidget.background#D8D9DF
  • editorSuggestWidget.border#B7BBCF
  • editorSuggestWidget.foreground#415FB9
  • editorSuggestWidget.highlightForeground#222F62
  • editorSuggestWidget.selectedBackground#B7BBCF
  • editorUnnecessaryCode.opacity#000000A5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#876D45
  • editorWhitespace.foreground#B7BBCF
  • editorWidget.background#D8D9DF
  • editorWidget.border#B7BBCF
  • editorWidget.foreground#222F62
  • errorForeground#E14167
  • extensionBadge.remoteBackground#5E7440
  • extensionBadge.remoteForeground#222F62
  • extensionButton.background#D8D9DF
  • extensionButton.foreground#415FB9
  • extensionButton.hoverBackground#B7BBCF
  • extensionButton.prominentBackground#D8D9DF
  • extensionButton.prominentForeground#222F62
  • extensionButton.prominentHoverBackground#B7BBCF
  • extensionIcon.preReleaseForeground#697097
  • extensionIcon.sponsorForeground#415FB9
  • extensionIcon.starForeground#7C3F31
  • extensionIcon.verifiedForeground#5E7440
  • focusBorder#457BE2
  • foreground#222F62
  • gitDecoration.addedResourceForeground#5E7440
  • gitDecoration.conflictingResourceForeground#876D45
  • gitDecoration.deletedResourceForeground#E14167
  • gitDecoration.ignoredResourceForeground#414961
  • gitDecoration.modifiedResourceForeground#7C3F31
  • gitDecoration.stageDeletedResourceForeground#E14167
  • gitDecoration.stageModifiedResourceForeground#7C3F31
  • gitDecoration.untrackedResourceForeground#415FB9
  • icon.foreground#222F62
  • inlineChat.background#E1E2E7
  • inlineChat.border#B7BBCF
  • inlineChat.shadow#C5C8D8
  • inlineChatDiff.inserted#5E744019
  • inlineChatDiff.removed#E1416719
  • inlineEdit.gutterIndicator.background#D8D9DF
  • inlineEdit.gutterIndicator.primaryBackground#D8D9DF
  • inlineEdit.gutterIndicator.primaryBorder#B7BBCF
  • inlineEdit.gutterIndicator.primaryForeground#697097
  • inlineEdit.gutterIndicator.secondaryBackground#D8D9DF
  • inlineEdit.gutterIndicator.secondaryBorder#B7BBCF
  • inlineEdit.gutterIndicator.secondaryForeground#7C3F31
  • inlineEdit.gutterIndicator.successfulBackground#D8D9DF
  • inlineEdit.gutterIndicator.successfulBorder#5E7440
  • inlineEdit.gutterIndicator.successfulForeground#5E7440
  • inlineEdit.modifiedBackground#5E744019
  • inlineEdit.modifiedBorder#457BE2
  • inlineEdit.modifiedChangedLineBackground#5E744019
  • inlineEdit.modifiedChangedTextBackground#5E744019
  • inlineEdit.originalBackground#E1416719
  • inlineEdit.originalBorder#B7BBCF
  • inlineEdit.originalChangedLineBackground#E1416719
  • inlineEdit.originalChangedTextBackground#E1416719
  • inlineEdit.tabWillAcceptModifiedBorder#457BE2
  • inlineEdit.tabWillAcceptOriginalBorder#B7BBCF
  • input.background#D8D9DF
  • input.border#9E4C3Bd8
  • input.foreground#222F62
  • input.placeholderForeground#8A90B0
  • inputOption.activeBackground#457BE218
  • inputOption.activeBorder#457BE2
  • inputOption.activeForeground#7C3F31
  • inputOption.hoverBackground#457BE212
  • inputValidation.errorBackground#D8D9DF
  • inputValidation.errorBorder#E14167
  • inputValidation.errorForeground#E14167
  • inputValidation.infoBackground#D8D9DF
  • inputValidation.infoBorder#B7BBCF
  • inputValidation.infoForeground#415FB9
  • inputValidation.warningBackground#D8D9DF
  • inputValidation.warningBorder#876D45
  • inputValidation.warningForeground#876D45
  • interactive.activeCodeBorder#457BE2
  • interactive.inactiveCodeBorder#457BE2
  • keybindingLabel.background#B7BBCF
  • keybindingLabel.border#B7BBCF
  • keybindingLabel.bottomBorder#B7BBCF
  • keybindingLabel.foreground#415FB9
  • list.activeSelectionBackground#9E4C3B42
  • list.activeSelectionForeground#222F62
  • list.activeSelectionIconForeground#457BE2
  • list.dropBackground#C5C8D8BF
  • list.errorForeground#E14167
  • list.focusBackground#E1E2E7
  • list.focusForeground#222F62
  • list.focusOutline#457BE2
  • list.highlightForeground#7C3F31
  • list.hoverBackground#9E4C3B12
  • list.hoverForeground#222F62
  • list.inactiveFocusBackground#E1E2E7
  • list.inactiveSelectionBackground#D1D8E6
  • list.inactiveSelectionForeground#222F62
  • list.invalidItemForeground#E14167
  • list.warningForeground#876D45
  • listFilterWidget.background#E1E2E7
  • listFilterWidget.noMatchesOutline#457BE2
  • listFilterWidget.outline#B7BBCF
  • listFilterWidget.shadow#C5C8D8
  • menu.background#E1E2E7
  • menu.border#B7BBCF
  • menu.foreground#222F62
  • menu.selectionBackground#457BE2
  • menu.selectionForeground#E1E2E7
  • menu.separatorBackground#B7BBCF
  • menubar.selectionForeground#222F62
  • merge.border#B7BBCF
  • merge.commonContentBackground#222F6219
  • merge.commonHeaderBackground#222F6226
  • merge.currentContentBackground#E1416719
  • merge.currentHeaderBackground#E1416726
  • merge.incomingContentBackground#5E744019
  • merge.incomingHeaderBackground#5E744026
  • mergeEditor.change.background#222F6219
  • mergeEditor.change.word.background#222F6219
  • mergeEditor.conflict.handled.minimapOverViewRuler#5E7440
  • mergeEditor.conflict.handledFocused.border#457BE2
  • mergeEditor.conflict.handledUnfocused.border#457BE2
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#E14167
  • mergeEditor.conflict.unhandledFocused.border#457BE2
  • mergeEditor.conflict.unhandledUnfocused.border#457BE2
  • minimap.chatEditHighlight#697097A5
  • minimap.errorHighlight#E14167A5
  • minimap.findMatchHighlight#697097A5
  • minimap.infoHighlight#415FB9A5
  • minimap.selectionHighlight#415FB926
  • minimap.selectionOccurrenceHighlight#8A90B0A5
  • minimap.warningHighlight#876D45A5
  • minimapGutter.addedBackground#5E7440
  • minimapGutter.deletedBackground#E14167
  • minimapGutter.modifiedBackground#457BE2
  • notebook.cellBorderColor#B7BBCF
  • notebook.cellEditorBackground#D8D9DF7F
  • notebook.cellInsertionIndicator#222F62
  • notebook.cellStatusBarItemHoverBackground#8A90B0
  • notebook.cellToolbarSeparator#B7BBCF
  • notebook.editorBackground#E1E2E7
  • notebook.focusedEditorBorder#457BE2
  • notebookStatusErrorIcon.foreground#E14167
  • notebookStatusRunningIcon.foreground#222F62
  • notebookStatusSuccessIcon.foreground#5E7440
  • notificationCenter.border#B7BBCF
  • notificationCenterHeader.background#D8D9DF
  • notificationCenterHeader.foreground#697097
  • notificationLink.foreground#457BE2
  • notifications.background#D8D9DF
  • notifications.border#B7BBCF
  • notifications.foreground#415FB9
  • notificationsErrorIcon.foreground#E14167
  • notificationsInfoIcon.foreground#415FB9
  • notificationsWarningIcon.foreground#876D45
  • notificationToast.border#B7BBCF
  • outputView.background#E1E2E7
  • outputViewStickyScroll.background#D8D9DF
  • panel.background#E1E2E7
  • panel.border#B7BBCF
  • panel.dropBorder#B7BBCF
  • panelInput.border#B7BBCF
  • panelSection.border#B7BBCF
  • panelSectionHeader.background#D8D9DF
  • panelSectionHeader.border#B7BBCF
  • panelSectionHeader.foreground#415FB9
  • panelStickyScroll.background#D8D9DF
  • panelStickyScroll.border#B7BBCF
  • panelStickyScroll.shadow#D8D9DF
  • panelTitle.activeBorder#457BE2
  • panelTitle.activeForeground#7C3F31
  • panelTitle.border#B7BBCF
  • panelTitle.inactiveForeground#697097
  • panelTitleBadge.background#457BE2
  • panelTitleBadge.foreground#E1E2E7
  • peekView.border#B7BBCF
  • peekViewEditor.background#D8D9DF
  • peekViewEditor.matchHighlightBackground#B7BBCF
  • peekViewEditorGutter.background#D8D9DF
  • peekViewResult.background#D8D9DF
  • peekViewResult.fileForeground#697097
  • peekViewResult.lineForeground#697097
  • peekViewResult.matchHighlightBackground#B7BBCF
  • peekViewResult.selectionBackground#D8D9DF
  • peekViewResult.selectionForeground#222F62
  • peekViewTitle.background#D8D9DF
  • peekViewTitleDescription.foreground#697097
  • peekViewTitleLabel.foreground#222F62
  • pickerGroup.border#B7BBCF
  • pickerGroup.foreground#B7BBCF
  • ports.iconRunningProcessForeground#5E7440
  • problemsErrorIcon.foreground#E14167
  • problemsInfoIcon.foreground#415FB9
  • problemsWarningIcon.foreground#876D45
  • profileBadge.background#D8D9DF
  • profileBadge.foreground#415FB9
  • progressBar.background#8A90B0
  • quickInput.background#D8D9DF
  • quickInput.foreground#697097
  • radio.activeBackground#D8D9DF
  • radio.activeBorder#457BE2
  • radio.activeForeground#7C3F31
  • radio.inactiveBackground#E1E2E7
  • radio.inactiveBorder#457BE2
  • radio.inactiveForeground#697097
  • radio.inactiveHoverBackground#D8D9DF
  • sash.hoverBorder#457BE2
  • scmGraph.foreground1#E14167
  • scmGraph.foreground2#CC7C5E
  • scmGraph.foreground3#876D45
  • scmGraph.foreground4#5E7440
  • scmGraph.foreground5#415FB9
  • scmGraph.historyItemBaseRefColor#415FB9
  • scmGraph.historyItemHoverAdditionsForeground#5E7440
  • scmGraph.historyItemHoverDefaultLabelBackground#8A90B0
  • scmGraph.historyItemHoverDefaultLabelForeground#E1E2E7
  • scmGraph.historyItemHoverDeletionsForeground#E14167
  • scmGraph.historyItemHoverLabelForeground#E1E2E7
  • scmGraph.historyItemRefColor#697097
  • scmGraph.historyItemRemoteRefColor#5E7440
  • scrollbar.background#00000000
  • scrollbar.shadow#8A90B020
  • scrollbarSlider.activeBackground#9E4C3B75
  • scrollbarSlider.background#9E4C3B25
  • scrollbarSlider.hoverBackground#9E4C3B45
  • selection.background#457BE230
  • settings.checkboxBackground#D8D9DF
  • settings.checkboxBorder#B7BBCF
  • settings.checkboxForeground#7C3F31
  • settings.dropdownBackground#D8D9DF
  • settings.dropdownBorder#B7BBCF
  • settings.dropdownForeground#222F62
  • settings.dropdownListBorder#B7BBCF
  • settings.focusedRowBackground#D8D9DF
  • settings.focusedRowBorder#457BE2
  • settings.headerForeground#7C3F31
  • settings.modifiedItemIndicator#7C3F31
  • settings.numberInputBackground#D8D9DF
  • settings.numberInputBorder#B7BBCF
  • settings.numberInputForeground#222F62
  • settings.rowHoverBackground#222F620C
  • settings.sashBorder#B7BBCF
  • settings.settingsHeaderHoverForeground#222F62
  • settings.textInputBackground#D8D9DF
  • settings.textInputBorder#B7BBCF
  • settings.textInputForeground#222F62
  • sideBar.background#D8D9DF
  • sideBar.border#B7BBCF
  • sideBar.dropBackground#D8D9DFBF
  • sideBar.foreground#222F62
  • sideBarSectionHeader.background#D1D8E6
  • sideBarSectionHeader.border#B7BBCF
  • sideBarSectionHeader.foreground#415FB9
  • sideBarStickyScroll.background#D8D9DF
  • sideBarStickyScroll.border#B7BBCF
  • sideBarStickyScroll.shadow#D8D9DF
  • sideBarTitle.foreground#B7BBCF
  • simpleFindWidget.sashBorder#00000000
  • statusBar.background#9E4C3B
  • statusBar.border#7C3F31
  • statusBar.debuggingBackground#876D45
  • statusBar.debuggingBorder#B7BBCF
  • statusBar.debuggingForeground#E1E2E7
  • statusBar.focusBorder#457BE2
  • statusBar.foreground#E1E2E7
  • statusBar.noFolderBackground#222F62
  • statusBar.noFolderBorder#B7BBCF
  • statusBar.noFolderForeground#E1E2E7
  • statusBarItem.activeBackground#E1E2E732
  • statusBarItem.compactHoverBackground#7C3F31
  • statusBarItem.errorBackground#E1E2E7
  • statusBarItem.errorForeground#E14167
  • statusBarItem.focusBorder#457BE2
  • statusBarItem.hoverBackground#9e4b3b53
  • statusBarItem.hoverForeground#E1E2E7
  • statusBarItem.offlineBackground#00000000
  • statusBarItem.offlineForeground#00000000
  • statusBarItem.prominentBackground#D8D9DF
  • statusBarItem.prominentHoverBackground#9E4C3B75
  • statusBarItem.remoteBackground#7C3F31
  • statusBarItem.remoteForeground#E1E2E7
  • statusBarItem.remoteHoverBackground#9E4C3B
  • statusBarItem.remoteHoverForeground#E1E2E7
  • statusBarItem.warningBackground#E1E2E7
  • statusBarItem.warningForeground#876D45
  • symbolIcon.arrayForeground#E14167
  • symbolIcon.booleanForeground#E14167
  • symbolIcon.classForeground#415FB9
  • symbolIcon.colorForeground#697097
  • symbolIcon.constantForeground#697097
  • symbolIcon.constructorForeground#5E7440
  • symbolIcon.enumeratorForeground#876D45
  • symbolIcon.enumeratorMemberForeground#876D45
  • symbolIcon.eventForeground#876D45
  • symbolIcon.fieldForeground#876D45
  • symbolIcon.functionForeground#5E7440
  • symbolIcon.interfaceForeground#415FB9
  • symbolIcon.keyForeground#876D45
  • symbolIcon.keywordForeground#7C3F31
  • symbolIcon.methodForeground#5E7440
  • symbolIcon.moduleForeground#415FB9
  • symbolIcon.namespaceForeground#415FB9
  • symbolIcon.nullForeground#697097
  • symbolIcon.numberForeground#697097
  • symbolIcon.objectForeground#415FB9
  • symbolIcon.operatorForeground#E14167
  • symbolIcon.packageForeground#697097
  • symbolIcon.propertyForeground#876D45
  • symbolIcon.referenceForeground#697097
  • symbolIcon.snippetForeground#5E7440
  • symbolIcon.stringForeground#5E7440
  • symbolIcon.structForeground#E14167
  • symbolIcon.textForeground#5E7440
  • symbolIcon.typeParameterForeground#876D45
  • symbolIcon.unitForeground#697097
  • symbolIcon.variableForeground#415FB9
  • tab.activeBackground#E1E2E7
  • tab.activeBorder#00000000
  • tab.activeBorderTop#457BE2
  • tab.activeForeground#222F62
  • tab.activeModifiedBorder#457BE2
  • tab.border#00000000
  • tab.hoverBackground#D8D9DF
  • tab.hoverBorder#457BE2
  • tab.hoverForeground#222F62
  • tab.inactiveBackground#C5C8D8
  • tab.inactiveForeground#697097
  • tab.inactiveModifiedBorder#457BE2
  • tab.lastPinnedBorder#B7BBCF
  • tab.unfocusedActiveBackground#E1E2E7
  • tab.unfocusedActiveBorder#457BE2
  • tab.unfocusedActiveForeground#415FB9
  • tab.unfocusedActiveModifiedBorder#457BE2
  • tab.unfocusedHoverBackground#D8D9DF
  • tab.unfocusedHoverBorder#457BE2
  • tab.unfocusedHoverForeground#415FB9
  • tab.unfocusedInactiveBackground#D1D8E6
  • tab.unfocusedInactiveForeground#8A90B0
  • tab.unfocusedInactiveModifiedBorder#457BE2
  • terminal.ansiBlack#222F62
  • terminal.ansiBlue#415FB9
  • terminal.ansiBrightBlack#697097
  • terminal.ansiBrightBlue#415FB9
  • terminal.ansiBrightCyan#25677C
  • terminal.ansiBrightGreen#51682F
  • terminal.ansiBrightMagenta#874D95
  • terminal.ansiBrightRed#B42318
  • terminal.ansiBrightWhite#222F62
  • terminal.ansiBrightYellow#8D4435
  • terminal.ansiCyan#25677C
  • terminal.ansiGreen#51682F
  • terminal.ansiMagenta#874D95
  • terminal.ansiRed#B42318
  • terminal.ansiWhite#697097
  • terminal.ansiYellow#8D4435
  • terminal.background#E1E2E7
  • terminal.border#B7BBCF
  • terminal.foreground#222F62
  • terminal.hoverHighlightBackground#457BE216
  • terminal.inactiveSelectionBackground#457BE220
  • terminal.initialHintForeground#697097
  • terminal.selectionBackground#457BE230
  • terminalCommandDecoration.defaultBackground#222F62
  • terminalCommandDecoration.errorBackground#E14167
  • terminalCommandDecoration.successBackground#5E7440
  • terminalCursor.background#E1E2E7
  • terminalCursor.foreground#7C3F31
  • testing.iconErrored#E14167
  • testing.iconFailed#E14167
  • testing.iconPassed#5E7440
  • testing.iconQueued#222F62
  • testing.iconSkipped#876D45
  • testing.iconUnset#697097
  • testing.message.error.badgeForeground#E14167
  • testing.message.error.lineBackground#E1416719
  • testing.message.info.decorationForeground#222F62
  • testing.message.info.lineBackground#222F6219
  • testing.runAction#7C3F31
  • textBlockQuote.background#D8D9DF
  • textBlockQuote.border#B7BBCF
  • textCodeBlock.background#D8D9DF
  • textLink.activeForeground#415FB9
  • textLink.foreground#457BE2
  • textPreformat.foreground#7C3F31
  • textSeparator.foreground#B7BBCF
  • titleBar.activeBackground#D8D9DF
  • titleBar.activeForeground#222F62
  • titleBar.border#B7BBCF
  • titleBar.inactiveBackground#D1D8E6
  • titleBar.inactiveForeground#8A90B0
  • toolbar.activeBackground#457BE228
  • toolbar.hoverBackground#457BE218
  • toolbar.hoverOutline#457BE2
  • tree.inactiveIndentGuidesStroke#457BE2
  • tree.indentGuidesStroke#B7BBCF
  • walkThrough.embeddedEditorBackground#D8D9DF
  • welcomePage.progress.background#8A90B0
  • welcomePage.progress.foreground#697097
  • welcomePage.tileBackground#D8D9DF
  • welcomePage.tileHoverBackground#B7BBCF
  • widget.border#B7BBCF
  • widget.shadow#8A90B020
  • window.activeBorder#457BE2
  • window.inactiveBorder#457BE2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text#6B6258
comment storage.type#6B6258
comment entity.name.type#595A5F
comment variable, comment variable.other#595A5F
comment keyword, comment entity.name.tag, entity.name.tag.documentation#595A5F
comment keyword.codetag.notation#415FB9
comment.git-status.header.remote#457BE2
comment.git-status.header.local#566181
comment.other.git-status.head#222F62
string.quoted.docstring, string.quoted.docstring punctuation.definition#6B6258
constant#415FB9
constant.other#222F62
constant.other.java#415FB9
constant.other.caps#415FB9
constant.other.placeholder#765F3C
constant.other.property#415FB9
constant.other.citation.latex#415FB9
constant.other.color#415FB9
constant.other.character-class.escape#415FB9
constant.other.key#415FB9
constant.other.symbol#765F3C
constant.other.elm#566181
constant.numeric#415FB9
constant.language#415FB9
constant.character.escape#415FB9
constant.numeric.line-number.find-in-files#6B6258
constant.numeric.line-number.match.find-in-files#566A3B
entity.name.section#566A3B
entity.name.function, entity.name.function.templated, entity.name.function.member.static#874D95
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#566181
entity.name.label#415FB9
entity.name.function.preprocessor#566181
entity.name#765F3C
entity.name.class#566181
entity.name.constant#415FB9
entity.name.namespace#415FB9
entity.other.inherited-class#566181
entity.name.function#874D95
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#8D4435
source.ansible entity.name.tag#566181
entity.name.function.operator#8D4435
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#595A5F
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#566181
entity.other.attribute-name#566181
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css#765F3C
entity.other.attribute-name.id.css#765F3C
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#566181
entity.name.function, support.function#874D95
entity.other.git-status.hex#415FB9
entity.other.jinja2.delimiter#595A5F
entity.name.operator.custom-literal#222F62
entity.name.operator.custom-literal.string#566A3B
entity.name.operator.custom-literal.number#415FB9
entity.name.type.rust#566181
entity.name.lifetime.rust#457BE2
invalid#BD1E44underline
invalid.deprecated#BD1E44underline
keyword#8D4435
keyword.control#8D4435
keyword.control.directive#8D4435
keyword.operator, keyword.operator.member, keyword.operator.new#8D4435
keyword.other.substitution#595A5F
keyword.other.template.begin, keyword.other.template.end#8D4435
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#595A5F
keyword.other.parenthesis.elm#595A5F
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#566181
keyword.control.rust, keyword.operator.misc.rust#8D4435
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#8D4435
markup.italic
markup.boldbold
markup.heading#566A3B
markup.raw#765F3C
markup.underlineunderline
markup.underline.link#765F3C
markup.inserted, markup.inserted punctuation.definition.inserted#765F3C
markup.deleted, markup.deleted punctuation.definition.deleted#457BE2
markup.changed, markup.changed punctuation.definition.changed#566A3B
markup.ignored, markup.ignored punctuation.definition.ignored#595A5F
markup.untracked#595A5F
markup.quote
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js#595A5F
meta.function-call.generic.python, support.function.builtin.python#874D95
meta.function-call.python meta.function-call.arguments.python#222F62
meta.interpolation#765F3C
meta.instance.constructor#765F3C
meta.attribute-with-value.class string, meta.attribute.class.html string#765F3C
meta.attribute-with-value.id string, meta.attribute.id.html string#765F3C
source.json meta.mapping.key string#222F62
source.yaml meta.mapping.key string#8D4435
meta.object.member#222F62
meta.property-list.css variable.other#765F3C
entity.name.constant.preprocessor, meta.preprocessor#415FB9
meta.diff.git-diff.header#566A3B
meta.type_params.rust#222F62
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string#595A5F
meta.type variable, meta.type variable.other.readwrite, variable.annotation, meta.decorator variable.other.readwrite#415FB9
punctuation#595A5F
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator#595A5F
punctuation.definition.group#222F62
punctuation.definition.comment#6B6258
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#595A5F
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#765F3C
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#8D4435
markup.underline.link punctuation#765F3C
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#595A5F
region.redish#457BE2
region.orangish#765F3C
region.yellowish#566A3B
region.greenish#765F3C
region.bluish#566181
region.purplish#415FB9
region.pinkish#457BE2
region.whitish#E1E2E7
source#222F62
source.scss, source.sass#595A5F
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less#765F3C
source.git-show.commit.sha#415FB9
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file#595A5F
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#415FB9
source.git-show meta.diff.range.unified#765F3C
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#595A5F
storage#8D4435
storage.type.extends#457BE2
storage.type.function.arrow#457BE2
storage.modifier, storage.type.modifier#8D4435
storage.class.restructuredtext.ref#415FB9
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#457BE2
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust#595A5F
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust#8D4435
storage.modifier.import.java#222F62
string#51682F
string.unquoted.label#222F62
string source#222F62
string source punctuation.section.embedded, string punctuation.definition.string source#595A5F
string.other.link.title, string.other.link.description#457BE2
string.other.link.description.title#566181
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#457BE2
string.other.ref, string.other.restructuredtext.ref#765F3C
string.other.git-status.help.key#595A5F
string.other.git-status.remote#457BE2
support.constant#566181
support.constant.handlebars#595A5F
support.type.vendor-prefix.css#566181
support.function#874D95
support.macro#765F3C
support.function.delimiter.elm#595A5F
support.type, entity.name.type.object.console#566181
support.variable, support.variable.property#566181
support.type.property-name#222F62
support.class#566181
support.constant.core.rust#415FB9
comment support, comment support.class#6B6258
text#222F62
text.find-in-files#222F62
variable, variable.other#222F62
variable.parameter, parameters variable.function#765F3C
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#595A5F
variable.language.arguments#415FB9
variable.other.class#566181
variable.other.constant#415FB9
variable.other.readwrite#222F62
variable.other.member#222F62
variable.other.enummember#415FB9
variable.other.property, variable.other.property.static, variable.other.event#222F62
variable.function#874D95
variable.other.substitution#765F3C
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#415FB9
source.jinja2 variable.other.jinja2.block#765F3C
source.jinja2 variable.other.jinja2#765F3C
comment, punctuation.definition.comment#6B6258
variable, variable.other.object#222F62
variable.parameter#595A5F
keyword, keyword.control, storage.type, storage.modifier#8D4435
keyword.control.return.cpp, meta.block.cpp keyword.control.return.cpp, meta.body.function.definition.cpp keyword.control.return.cpp, meta.function.definition.cpp keyword.control.return.cpp#8D4435
entity.name.function, support.function, variable.function#874D95
entity.name.function.definition.cpp, meta.head.function.definition.cpp entity.name.function.definition.cpp, meta.function.definition.cpp entity.name.function.definition.cpp#874D95
entity.name.function.python, meta.function.python entity.name.function.python#874D95
entity.name.function.member, meta.method-call, support.function.method#874D95
entity.name.type, entity.name.class, support.class, support.type#566181
storage.type.built-in.primitive.cpp, storage.type.primitive.cpp, meta.qualified_type.cpp storage.type.built-in.primitive.cpp, meta.qualified_type.cpp storage.type.primitive.cpp#BD1E44
string, punctuation.definition.string, string.quoted.docstring.multi.python#51682F
storage.type.string.python, meta.fstring.python storage.type.string.python, meta.function-call.arguments.python storage.type.string.python, meta.function-call.python storage.type.string.python, meta.member.access.python storage.type.string.python#765F3C
string.quoted.single.python, string.interpolated.python, meta.fstring.python string.quoted.single.python, meta.fstring.python string.interpolated.python, meta.function-call.arguments.python string.quoted.single.python, meta.function-call.arguments.python string.interpolated.python, meta.function-call.python string.quoted.single.python, meta.function-call.python string.interpolated.python, meta.member.access.python string.quoted.single.python, meta.member.access.python string.interpolated.python#51682F
constant.numeric, constant.language.boolean, keyword.other.unit#765F3C
constant, support.constant, constant.other#415FB9
entity.name.namespace#415FB9
keyword.operator#595A5F
punctuation#595A5F
entity.name.tag#8D4435
entity.other.attribute-name#415FB9
source.starlark entity.name.function.python.starlark, source.starlark support.function.python.starlark#874D95
source.starlark meta.parameter.keyword.python.starlark#8D4435
source.starlark variable.parameter.python.starlark#222F62
storage.type.go#566181
entity.name.other.anchor.yaml, variable.other.alias.yaml#415FB9
markup.strikethrough#595A5F
punctuation.definition.list.begin.markdown#8D4435
invalid, invalid.illegal, invalid.deprecated#BD1E44