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#274058
  • activityBar.activeBackground#213448
  • activityBar.activeBorder#4d9cf0
  • activityBar.activeFocusBorder#4d9cf0
  • activityBar.background#111316
  • activityBar.border#2b2e35
  • activityBar.dropBorder#4d9cf0
  • activityBar.foreground#d6d9de
  • activityBar.inactiveForeground#d6d9de80
  • activityBarBadge.background#24559a
  • activityBarBadge.foreground#e4e7eb
  • activityBarTop.activeBackground#213448
  • activityBarTop.activeBorder#4d9cf0
  • activityBarTop.background#111316
  • activityBarTop.dropBorder#4d9cf0
  • activityBarTop.foreground#d6d9de
  • activityBarTop.inactiveForeground#d6d9de80
  • activityErrorBadge.background#e5636e
  • activityErrorBadge.foreground#16181c
  • activityWarningBadge.background#e5c07b
  • activityWarningBadge.foreground#16181c
  • agentFeedbackEditorWidget.background#16181c
  • agentFeedbackEditorWidget.border#2b2e35
  • agentFeedbackInputWidget.border#2b2e35
  • agents.background#16181c
  • agentsBadge.background#24559a
  • agentsBadge.foreground#e4e7eb
  • agentsChatInput.background#16181c
  • agentsChatInput.border#2b2e35
  • agentsChatInput.focusBorder#4d9cf0
  • agentsChatInput.foreground#e4e7eb
  • agentsChatInput.placeholderForeground#727880
  • agentSessionReadIndicator.foreground#d6d9de66
  • agentSessionSelectedBadge.border#4d9cf0
  • agentSessionSelectedUnfocusedBadge.border#4d9cf080
  • agentsGradient.tintColor#4d9cf0
  • agentsNewSessionButton.background#242830
  • agentsNewSessionButton.border#282b31
  • agentsNewSessionButton.foreground#e4e7eb
  • agentsNewSessionButton.hoverBackground#2e333d
  • agentsPanel.background#111316
  • agentsPanel.border#2b2e35
  • agentsPanel.foreground#a0a6ae
  • agentStatusIndicator.background#d6d9de1a
  • agentsUnreadBadge.background#24559a
  • agentsUnreadBadge.foreground#e4e7eb
  • agentsUpdateButton.downloadedBackground#24559ab3
  • agentsUpdateButton.downloadingBackground#24559a66
  • agentsVoice.speakingBackground#4d9cf033
  • agentsVoice.speakingForeground#4d9cf0
  • badge.background#24559a
  • badge.foreground#e4e7eb
  • banner.background#111316
  • banner.foreground#b0b6be
  • banner.iconForeground#4d9cf0
  • breadcrumb.activeSelectionForeground#d6d9de
  • breadcrumb.background#16181c
  • breadcrumb.focusForeground#d6d9de
  • breadcrumb.foreground#d6d9dea6
  • breadcrumbPicker.background#16181c
  • button.background#24559a
  • button.border#282b3180
  • button.foreground#e4e7eb
  • button.hoverBackground#2a63b0
  • button.secondaryBackground#242830
  • button.secondaryBorder#282b3180
  • button.secondaryForeground#e4e7eb
  • button.secondaryHoverBackground#2e333d
  • button.separator#e4e7eb66
  • charts.blue#5eb0ef
  • charts.foreground#d6d9de
  • charts.green#98c379
  • charts.lines#d6d9de66
  • charts.orange#e5c07b
  • charts.purple#e5c07b
  • charts.red#e5636e
  • charts.yellow#e5c07b
  • chat.avatarBackground#16181c
  • chat.avatarForeground#d6d9de
  • chat.checkpointSeparator#282b31cc
  • chat.dictationActiveMicGlow#4d9cf0
  • chat.editedFileForeground#e5c07b
  • chat.findMatchBackground#4d9cf04d
  • chat.findMatchHighlightBackground#4d9cf026
  • chat.inputWorkingBorderColor1#4d9cf0
  • chat.inputWorkingBorderColor2#e5c07b
  • chat.inputWorkingBorderColor3#e88f7d
  • chat.linesAddedForeground#98c379
  • chat.linesRemovedForeground#e5636e
  • chat.requestBackground#16181c80
  • chat.requestBorder#282b31
  • chat.requestBubbleBackground#16181c80
  • chat.requestBubbleHoverBackground#242830
  • chat.requestCodeBorder#282b31
  • chat.slashCommandBackground#4d9cf033
  • chat.slashCommandForeground#eef1f5
  • chat.thinkingShimmer#4d9cf0
  • chat.voiceGlowBaseColor#4d9cf0
  • checkbox.background#16181c
  • checkbox.border#2b2e35
  • checkbox.foreground#e4e7eb
  • checkbox.selectBackground#4d9cf0
  • checkbox.selectBorder#4d9cf0
  • commandCenter.activeBackground#16181ccc
  • commandCenter.activeBorder#4d9cf0
  • commandCenter.activeForeground#eef1f5
  • commandCenter.background#16181c
  • commandCenter.border#282b31
  • commandCenter.debuggingBackground#e5c07b33
  • commandCenter.foreground#d6d9de
  • commandCenter.inactiveBorder#282b3180
  • commandCenter.inactiveForeground#d6d9dea6
  • commentsView.resolvedIcon#98c379
  • commentsView.unresolvedIcon#e5c07b
  • debugConsole.errorForeground#e5636e
  • debugConsole.infoForeground#5eb0ef
  • debugConsole.sourceForeground#d4d9e0
  • debugConsole.warningForeground#e5c07b
  • debugIcon.breakpointForeground#e5636e
  • debugIcon.pauseForeground#e5c07b
  • debugIcon.startForeground#98c379
  • debugIcon.stopForeground#e5636e
  • debugTokenExpression.boolean#e88f7d
  • debugTokenExpression.error#e5636e
  • debugTokenExpression.name#d4d9e0
  • debugTokenExpression.number#d19a66
  • debugTokenExpression.string#98c379
  • debugTokenExpression.type#4ec9b0
  • debugTokenExpression.value#d6d9de
  • debugToolBar.background#111316
  • debugToolBar.border#282b31
  • debugView.exceptionLabelBackground#e5636e80
  • debugView.exceptionLabelForeground#d6d9de
  • debugView.stateLabelBackground#d6d9de1a
  • debugView.stateLabelForeground#d6d9de
  • debugView.valueChangedHighlight#5eb0ef
  • descriptionForeground#d6d9dea6
  • diffEditor.border#282b31
  • diffEditor.diagonalFill#d6d9de26
  • diffEditor.insertedLineBackground#98c3791a
  • diffEditor.insertedTextBackground#98c37926
  • diffEditor.removedLineBackground#e5636e1a
  • diffEditor.removedTextBackground#e5636e26
  • diffEditorGutter.insertedLineBackground#98c37933
  • diffEditorGutter.removedLineBackground#e5636e33
  • diffEditorOverview.insertedForeground#98c379
  • diffEditorOverview.removedForeground#e5636e
  • dropdown.background#16181c
  • dropdown.border#2b2e35
  • dropdown.foreground#e4e7eb
  • dropdown.listBackground#16181c
  • editor.background#16181c
  • editor.findMatchBackground#4d9cf04d
  • editor.findMatchHighlightBackground#4d9cf026
  • editor.focusedStackFrameHighlightBackground#98c37926
  • editor.foldBackground#2c3f5633
  • editor.foreground#e4e7eb
  • editor.inactiveSelectionBackground#2c3f5666
  • editor.inlineValuesBackground#16181c00
  • editor.inlineValuesForeground#d6d9de73
  • editor.lineHighlightBackground#1e2126
  • editor.linkedEditingBackground#4d9cf033
  • editor.placeholder.foreground#d6d9de66
  • editor.rangeHighlightBackground#4d9cf01a
  • editor.selectionBackground#2c3f56
  • editor.selectionHighlightBackground#2c3f5640
  • editor.snippetTabstopHighlightBackground#2c3f564d
  • editor.snippetTabstopHighlightBorder#2c3f5600
  • editor.stackFrameHighlightBackground#e5c07b26
  • editor.symbolHighlightBackground#4d9cf033
  • editor.wordHighlightBackground#4d9cf026
  • editor.wordHighlightStrongBackground#4d9cf040
  • editorActionList.background#16181c
  • editorActionList.focusBackground#274058
  • editorActionList.focusForeground#eef1f5
  • editorActionList.foreground#d6d9de
  • editorBracketHighlight.foreground1#e5c07b
  • editorBracketHighlight.foreground2#5eb0ef
  • editorBracketHighlight.foreground3#4ec9b0
  • editorBracketHighlight.foreground4#d19a66
  • editorBracketHighlight.foreground5#98c379
  • editorBracketHighlight.foreground6#56b6c2
  • editorBracketHighlight.unexpectedBracket.foreground#e5636e
  • editorBracketMatch.background#2c3644
  • editorBracketMatch.border#4d9cf0
  • editorBracketPairGuide.activeBackground1#e5c07b40
  • editorBracketPairGuide.activeBackground2#5eb0ef40
  • editorBracketPairGuide.activeBackground3#4ec9b040
  • editorBracketPairGuide.background1#e5c07b26
  • editorBracketPairGuide.background2#5eb0ef26
  • editorBracketPairGuide.background3#4ec9b026
  • editorCodeLens.foreground#d6d9de66
  • editorCommentsWidget.rangeActiveBackground#5eb0ef33
  • editorCommentsWidget.rangeBackground#5eb0ef1a
  • editorCommentsWidget.replyInputBackground#16181c
  • editorCommentsWidget.resolvedBorder#98c379
  • editorCommentsWidget.unresolvedBorder#e5c07b
  • editorCursor.foreground#4d9cf0
  • editorError.foreground#e5636e
  • editorGhostText.background#16181c00
  • editorGhostText.border#16181c00
  • editorGhostText.foreground#d6d9de73
  • editorGroup.border#282b31
  • editorGroup.dropBackground#2c3f561a
  • editorGroup.dropIntoPromptBackground#16181c
  • editorGroup.dropIntoPromptBorder#282b31
  • editorGroup.dropIntoPromptForeground#d6d9de
  • editorGroup.emptyBackground#16181c
  • editorGroup.focusedEmptyBorder#4d9cf0
  • editorGroupHeader.border#282b31
  • editorGroupHeader.noTabsBackground#111316
  • editorGroupHeader.tabsBackground#111316
  • editorGroupHeader.tabsBorder#2b2e35
  • editorGutter.addedBackground#98c379
  • editorGutter.addedSecondaryBackground#98c37980
  • editorGutter.background#16181c
  • editorGutter.commentGlyphForeground#d6d9de
  • editorGutter.commentRangeForeground#d6d9de66
  • editorGutter.commentUnresolvedGlyphForeground#e5c07b
  • editorGutter.deletedBackground#e5636e
  • editorGutter.deletedSecondaryBackground#e5636e80
  • editorGutter.foldingControlForeground#d6d9dea6
  • editorGutter.modifiedBackground#e5c07b
  • editorGutter.modifiedSecondaryBackground#e5c07b80
  • editorHoverWidget.background#16181c
  • editorHoverWidget.border#2b2e35
  • editorHoverWidget.foreground#e4e7eb
  • editorHoverWidget.highlightForeground#4d9cf0
  • editorHoverWidget.statusBarBackground#16181ccc
  • editorIndentGuide.activeBackground#414852
  • editorIndentGuide.background#262a31
  • editorInfo.foreground#5eb0ef
  • editorInlayHint.background#16181c00
  • editorInlayHint.foreground#d6d9de73
  • editorLightBulb.foreground#e5c07b
  • editorLightBulbAutoFix.foreground#5eb0ef
  • editorLineNumber.activeForeground#8b9199
  • editorLineNumber.foreground#4c525b
  • editorLink.activeForeground#5eb0ef
  • editorMarkerNavigation.background#16181c
  • editorMarkerNavigationError.background#e5636e1a
  • editorMarkerNavigationInfo.background#5eb0ef1a
  • editorMarkerNavigationWarning.background#e5c07b1a
  • editorMultiCursor.primary.foreground#4d9cf0
  • editorMultiCursor.secondary.foreground#4d9cf099
  • editorOverviewRuler.addedForeground#98c37999
  • editorOverviewRuler.background#16181c
  • editorOverviewRuler.border#282b3100
  • editorOverviewRuler.bracketMatchForeground#4d9cf0
  • editorOverviewRuler.commonContentForeground#33383f
  • editorOverviewRuler.currentContentForeground#26456b
  • editorOverviewRuler.deletedForeground#e5636e99
  • editorOverviewRuler.errorForeground#e5636e
  • editorOverviewRuler.findMatchForeground#4d9cf0
  • editorOverviewRuler.incomingContentForeground#2f4a30
  • editorOverviewRuler.infoForeground#5eb0ef
  • editorOverviewRuler.modifiedForeground#e5c07b99
  • editorOverviewRuler.rangeHighlightForeground#4d9cf000
  • editorOverviewRuler.selectionHighlightForeground#2c3f5600
  • editorOverviewRuler.warningForeground#e5c07b
  • editorOverviewRuler.wordHighlightForeground#4d9cf033
  • editorPane.background#16181c
  • editorRuler.foreground#262a31
  • editorStickyScroll.background#16181c
  • editorStickyScroll.shadow#000000b3
  • editorStickyScrollGutter.background#16181c
  • editorStickyScrollHover.background#1e2126
  • editorSuggestWidget.background#16181c
  • editorSuggestWidget.border#2b2e35
  • editorSuggestWidget.focusHighlightForeground#4d9cf0
  • editorSuggestWidget.foreground#e4e7eb
  • editorSuggestWidget.highlightForeground#4d9cf0
  • editorSuggestWidget.selectedBackground#274058
  • editorSuggestWidget.selectedForeground#eef1f5
  • editorSuggestWidget.selectedIconForeground#eef1f5
  • editorSuggestWidgetStatus.foreground#d6d9de66
  • editorWarning.foreground#e5c07b
  • editorWhitespace.foreground#2b2e35
  • editorWidget.background#16181c
  • editorWidget.border#2b2e35
  • editorWidget.foreground#e4e7eb
  • editorWidget.resizeBorder#4d9cf0
  • errorForeground#e5636e
  • extensionBadge.remoteBackground#4d9cf0
  • extensionBadge.remoteForeground#16181c
  • extensionButton.background#24559a
  • extensionButton.border#282b3180
  • extensionButton.foreground#e4e7eb
  • extensionButton.hoverBackground#2a63b0
  • extensionButton.prominentBackground#24559a
  • extensionButton.prominentForeground#e4e7eb
  • extensionButton.prominentHoverBackground#2a63b0
  • extensionButton.separator#e4e7eb66
  • extensionIcon.preReleaseForeground#e5c07b
  • extensionIcon.sponsorForeground#d19a66
  • extensionIcon.starForeground#e5c07b
  • extensionIcon.verifiedForeground#98c379
  • focusBorder#4d9cf0
  • foreground#d6d9de
  • git.blame.editorDecorationForeground#d6d9de66
  • gitDecoration.addedResourceForeground#98c379
  • gitDecoration.conflictingResourceForeground#d19a66
  • gitDecoration.deletedResourceForeground#e5636e
  • gitDecoration.ignoredResourceForeground#5c646e
  • gitDecoration.modifiedResourceForeground#e5c07b
  • gitDecoration.renamedResourceForeground#5eb0ef
  • gitDecoration.stageDeletedResourceForeground#e5636ecc
  • gitDecoration.stageModifiedResourceForeground#e5c07bcc
  • gitDecoration.submoduleResourceForeground#5eb0ef
  • gitDecoration.untrackedResourceForeground#98c379
  • icon.foreground#8b9199
  • inlineChat.background#16181c
  • inlineChat.border#2b2e35
  • inlineChat.foreground#e4e7eb
  • inlineChat.shadow#000000b3
  • inlineChatDiff.inserted#98c3791a
  • inlineChatDiff.removed#e5636e1a
  • inlineChatInput.background#16181c
  • inlineChatInput.border#2b2e35
  • inlineChatInput.focusBorder#4d9cf0
  • inlineChatInput.placeholderForeground#727880
  • inlineEdit.gutterIndicator.background#d6d9de1a
  • inlineEdit.gutterIndicator.primaryBackground#4d9cf0
  • inlineEdit.gutterIndicator.primaryBorder#4d9cf0
  • inlineEdit.gutterIndicator.primaryForeground#16181c
  • inlineEdit.gutterIndicator.secondaryBackground#d6d9de33
  • inlineEdit.gutterIndicator.secondaryBorder#282b3180
  • inlineEdit.gutterIndicator.secondaryForeground#d6d9de
  • inlineEdit.gutterIndicator.successfulBackground#98c379
  • inlineEdit.gutterIndicator.successfulBorder#98c379
  • inlineEdit.gutterIndicator.successfulForeground#16181c
  • inlineEdit.modifiedBackground#98c3791a
  • inlineEdit.modifiedBorder#98c37966
  • inlineEdit.modifiedChangedLineBackground#98c37933
  • inlineEdit.modifiedChangedTextBackground#98c37926
  • inlineEdit.originalBackground#e5636e1a
  • inlineEdit.originalBorder#e5636e66
  • inlineEdit.originalChangedLineBackground#e5636e33
  • inlineEdit.originalChangedTextBackground#e5636e26
  • inlineEdit.tabWillAcceptModifiedBorder#98c379
  • inlineEdit.tabWillAcceptOriginalBorder#e5636e
  • input.background#16181c
  • input.border#2b2e35
  • input.foreground#e4e7eb
  • input.placeholderForeground#727880
  • inputOption.activeBackground#4d9cf033
  • inputOption.activeBorder#4d9cf0
  • inputOption.activeForeground#e4e7eb
  • inputOption.hoverBackground#4d9cf026
  • inputValidation.errorBackground#3a1a1c
  • inputValidation.errorBorder#e5636e
  • inputValidation.errorForeground#e4e7eb
  • inputValidation.infoBackground#5eb0ef33
  • inputValidation.infoBorder#5eb0ef
  • inputValidation.infoForeground#e4e7eb
  • inputValidation.warningBackground#e5c07b33
  • inputValidation.warningBorder#e5c07b
  • inputValidation.warningForeground#e4e7eb
  • interactive.activeCodeBorder#4d9cf0
  • interactive.inactiveCodeBorder#282b31
  • keybindingLabel.background#16181c
  • keybindingLabel.border#282b31
  • keybindingLabel.bottomBorder#282b31
  • keybindingLabel.foreground#d6d9de
  • keybindingTable.headerBackground#16181ccc
  • keybindingTable.rowsBackground#16181c80
  • list.activeSelectionBackground#274058
  • list.activeSelectionForeground#eef1f5
  • list.activeSelectionIconForeground#eef1f5
  • list.deemphasizedForeground#d6d9de80
  • list.dropBackground#27405866
  • list.dropBetweenBackground#4d9cf0
  • list.errorForeground#e5636e
  • list.filterMatchBackground#4d9cf033
  • list.filterMatchBorder#4d9cf066
  • list.focusAndSelectionOutline#4d9cf0
  • list.focusBackground#213448
  • list.focusForeground#d6d9de
  • list.focusHighlightForeground#4d9cf0
  • list.focusOutline#4d9cf0
  • list.highlightForeground#4d9cf0
  • list.hoverBackground#242830
  • list.hoverForeground#d6d9de
  • list.inactiveFocusBackground#242830
  • list.inactiveFocusOutline#4d9cf080
  • list.inactiveSelectionBackground#242830
  • list.inactiveSelectionForeground#d6d9de
  • list.inactiveSelectionIconForeground#d6d9de
  • list.invalidItemForeground#e5636e
  • list.warningForeground#e5c07b
  • listFilterWidget.background#16181c
  • listFilterWidget.noMatchesOutline#e5636e
  • listFilterWidget.outline#4d9cf000
  • listFilterWidget.shadow#000000b3
  • menu.background#16181c
  • menu.border#282b31
  • menu.foreground#d6d9de
  • menu.selectionBackground#274058
  • menu.selectionBorder#4d9cf000
  • menu.selectionForeground#eef1f5
  • menu.separatorBackground#282b31
  • menubar.selectionBackground#242830
  • menubar.selectionBorder#4d9cf000
  • menubar.selectionForeground#d6d9de
  • merge.border#282b31
  • merge.commonContentBackground#24282e40
  • merge.commonHeaderBackground#33383f40
  • merge.currentContentBackground#1a304940
  • merge.currentHeaderBackground#26456b40
  • merge.incomingContentBackground#1f332040
  • merge.incomingHeaderBackground#2f4a3040
  • minimap.errorHighlight#e5636e
  • minimap.findMatchHighlight#4d9cf0
  • minimap.selectionHighlight#2c3f56
  • minimap.warningHighlight#e5c07b
  • minimapGutter.addedBackground#98c379
  • minimapGutter.deletedBackground#e5636e
  • minimapGutter.modifiedBackground#e5c07b
  • minimapSlider.activeBackground#4d9cf080
  • minimapSlider.background#2e333d80
  • minimapSlider.hoverBackground#3a404880
  • modernEditorTab.inactiveBackground#21344899
  • modernTab.activeBackground#213448
  • modernTab.activeForeground#eef1f5
  • modernTab.hoverBackground#21344880
  • modernTab.hoverForeground#eef1f5
  • multiDiffEditor.border#282b31
  • multiDiffEditor.headerBackground#111316
  • notebook.cellBorderColor#282b3166
  • notebook.cellEditorBackground#16181c
  • notebook.cellStatusBarItemHoverBackground#d6d9de1a
  • notebook.focusedCellBackground#16181c00
  • notebook.focusedCellBorder#4d9cf0
  • notebookStatusErrorIcon.foreground#e5636e
  • notebookStatusRunningIcon.foreground#5eb0ef
  • notebookStatusSuccessIcon.foreground#98c379
  • notificationCenter.border#282b31
  • notificationCenterHeader.background#16181ccc
  • notificationCenterHeader.foreground#d6d9de
  • notificationLink.foreground#24559a
  • notifications.background#16181c
  • notifications.border#282b31
  • notifications.foreground#d6d9de
  • notificationsErrorIcon.foreground#e5636e
  • notificationsInfoIcon.foreground#5eb0ef
  • notificationsWarningIcon.foreground#e5c07b
  • notificationToast.border#282b31
  • outputView.background#111316
  • outputViewStickyScroll.background#111316
  • panel.background#111316
  • panel.border#2b2e35
  • panel.dropBorder#4d9cf0
  • panelInput.border#2b2e35
  • panelSection.border#2b2e35
  • panelSection.dropBackground#d6d9de1a
  • panelSectionHeader.background#16181c00
  • panelSectionHeader.border#2b2e35
  • panelSectionHeader.foreground#d6d9de
  • panelStickyScroll.background#111316
  • panelStickyScroll.border#2b2e35
  • panelStickyScroll.shadow#000000b3
  • panelTitle.activeBorder#4d9cf0
  • panelTitle.activeForeground#d6d9de
  • panelTitle.border#2b2e35
  • panelTitle.inactiveForeground#d6d9de99
  • panelTitleBadge.background#24559a
  • panelTitleBadge.foreground#e4e7eb
  • peekView.border#4d9cf0
  • peekViewEditor.background#16181c
  • peekViewEditor.matchHighlightBackground#4d9cf04d
  • peekViewEditorStickyScroll.background#16181c
  • peekViewResult.background#111316
  • peekViewResult.fileForeground#8b9199
  • peekViewResult.lineForeground#d6d9de
  • peekViewResult.matchHighlightBackground#4d9cf04d
  • peekViewResult.selectionBackground#2b303a
  • peekViewResult.selectionForeground#e4e7eb
  • peekViewTitle.background#16181c
  • peekViewTitleDescription.foreground#8b9199
  • peekViewTitleLabel.foreground#e4e7eb
  • pickerGroup.border#282b31
  • pickerGroup.foreground#4d9cf0
  • ports.iconRunningProcessForeground#98c379
  • problemsErrorIcon.foreground#e5636e
  • problemsInfoIcon.foreground#5eb0ef
  • problemsWarningIcon.foreground#e5c07b
  • profileBadge.background#24559a
  • profileBadge.foreground#e4e7eb
  • profiles.sashBorder#282b31
  • progressBar.background#4d9cf0
  • quickInput.background#16181c
  • quickInput.foreground#e4e7eb
  • quickInputList.focusBackground#274058
  • quickInputList.focusForeground#eef1f5
  • quickInputList.focusHighlightForeground#4d9cf0
  • quickInputList.focusIconForeground#eef1f5
  • quickInputTitle.background#111316
  • radio.activeBackground#4d9cf033
  • radio.activeBorder#4d9cf0
  • radio.activeForeground#e4e7eb
  • radio.inactiveBackground#16181c80
  • radio.inactiveBorder#2b2e3580
  • radio.inactiveForeground#d6d9dea6
  • sash.hoverBorder#4d9cf0
  • scmGraph.foreground1#e5c07b
  • scmGraph.foreground2#5eb0ef
  • scmGraph.foreground3#4ec9b0
  • scmGraph.foreground4#d19a66
  • scmGraph.foreground5#98c379
  • scmGraph.historyItemBaseRefColor#e88f7d
  • scmGraph.historyItemHoverAdditionsForeground#98c379
  • scmGraph.historyItemHoverDefaultLabelBackground#d6d9de1a
  • scmGraph.historyItemHoverDefaultLabelForeground#d6d9de
  • scmGraph.historyItemHoverDeletionsForeground#e5636e
  • scmGraph.historyItemHoverLabelForeground#16181c
  • scmGraph.historyItemRefColor#5eb0ef
  • scmGraph.historyItemRemoteRefColor#e5c07b
  • scrollbar.shadow#000000b3
  • scrollbarSlider.activeBackground#4d9cf0
  • scrollbarSlider.background#2e333d
  • scrollbarSlider.hoverBackground#3a4048
  • searchEditor.findMatchBackground#4d9cf04d
  • searchEditor.textInputBorder#2b2e35
  • selection.background#2c3f56
  • settings.checkboxBackground#16181c
  • settings.checkboxBorder#2b2e35
  • settings.checkboxForeground#e4e7eb
  • settings.dropdownBackground#16181c
  • settings.dropdownBorder#2b2e35
  • settings.dropdownForeground#e4e7eb
  • settings.dropdownListBorder#2b2e35
  • settings.focusedRowBackground#213448
  • settings.focusedRowBorder#4d9cf066
  • settings.headerBorder#282b31
  • settings.headerForeground#d6d9de
  • settings.modifiedItemIndicator#e5c07b
  • settings.numberInputBackground#16181c
  • settings.numberInputBorder#2b2e35
  • settings.numberInputForeground#d19a66
  • settings.rowHoverBackground#242830
  • settings.sashBorder#282b31
  • settings.textInputBackground#16181c
  • settings.textInputBorder#2b2e35
  • settings.textInputForeground#e4e7eb
  • sideBar.background#111316
  • sideBar.border#2b2e35
  • sideBar.dropBackground#a0a6ae1a
  • sideBar.foreground#a0a6ae
  • sideBarActivityBarTop.border#2b2e35
  • sideBarSectionHeader.background#111316
  • sideBarSectionHeader.border#2b2e35
  • sideBarSectionHeader.foreground#d6d9de
  • sideBarStickyScroll.background#111316
  • sideBarStickyScroll.border#2b2e35
  • sideBarStickyScroll.shadow#000000b3
  • sideBarTitle.background#111316
  • sideBarTitle.border#2b2e35
  • sideBarTitle.foreground#d6d9de
  • sideBySideEditor.horizontalBorder#282b31
  • sideBySideEditor.verticalBorder#282b31
  • simpleFindWidget.sashBorder#282b31
  • statusBar.background#111316
  • statusBar.border#2b2e35
  • statusBar.debuggingBackground#e5c07b
  • statusBar.debuggingBorder#e5c07b
  • statusBar.debuggingForeground#16181c
  • statusBar.focusBorder#4d9cf0
  • statusBar.foreground#b0b6be
  • statusBar.noFolderBackground#111316
  • statusBar.noFolderBorder#2b2e35
  • statusBar.noFolderForeground#d6d9dea6
  • statusBarItem.activeBackground#2b303a
  • statusBarItem.compactHoverBackground#2b303a
  • statusBarItem.errorBackground#e5636e
  • statusBarItem.errorForeground#16181c
  • statusBarItem.errorHoverBackground#242830
  • statusBarItem.errorHoverForeground#e5636e
  • statusBarItem.focusBorder#4d9cf0
  • statusBarItem.hoverBackground#242830
  • statusBarItem.hoverForeground#b0b6be
  • statusBarItem.offlineBackground#e5636e
  • statusBarItem.offlineForeground#16181c
  • statusBarItem.offlineHoverBackground#242830
  • statusBarItem.offlineHoverForeground#e5636e
  • statusBarItem.prominentBackground#24559a
  • statusBarItem.prominentForeground#e4e7eb
  • statusBarItem.prominentHoverBackground#2a63b0
  • statusBarItem.prominentHoverForeground#e4e7eb
  • statusBarItem.remoteBackground#4d9cf0
  • statusBarItem.remoteForeground#16181c
  • statusBarItem.remoteHoverBackground#2a63b0
  • statusBarItem.remoteHoverForeground#e4e7eb
  • statusBarItem.warningBackground#e5c07b
  • statusBarItem.warningForeground#16181c
  • statusBarItem.warningHoverBackground#242830
  • statusBarItem.warningHoverForeground#e5c07b
  • surface.background#111316
  • surface.border#2b2e35
  • surface.foreground#d6d9de
  • symbolIcon.arrayForeground#4ec9b0
  • symbolIcon.booleanForeground#e88f7d
  • symbolIcon.classForeground#56b6c2
  • symbolIcon.constantForeground#e88f7d
  • symbolIcon.constructorForeground#e5c07b
  • symbolIcon.enumeratorForeground#4ec9b0
  • symbolIcon.fieldForeground#d4d9e0
  • symbolIcon.functionForeground#e5c07b
  • symbolIcon.interfaceForeground#4ec9b0
  • symbolIcon.keywordForeground#5eb0ef
  • symbolIcon.methodForeground#e5c07b
  • symbolIcon.numberForeground#d19a66
  • symbolIcon.operatorForeground#8b9199
  • symbolIcon.stringForeground#98c379
  • symbolIcon.variableForeground#d4d9e0
  • tab.activeBackground#213448
  • tab.activeBorder#4d9cf0
  • tab.activeBorderTop#4d9cf0
  • tab.activeForeground#eef1f5
  • tab.activeModifiedBorder#e5c07b
  • tab.border#2b2e35
  • tab.dragAndDropBorder#4d9cf0
  • tab.hoverBackground#21344880
  • tab.hoverBorder#4d9cf080
  • tab.hoverForeground#eef1f5
  • tab.inactiveBackground#21344899
  • tab.inactiveForeground#8b9199
  • tab.inactiveModifiedBorder#e5c07ba6
  • tab.lastPinnedBorder#282b31
  • tab.selectedBackground#213448
  • tab.selectedBorderTop#4d9cf0
  • tab.selectedForeground#eef1f5
  • tab.unfocusedActiveBackground#213448cc
  • tab.unfocusedActiveBorder#4d9cf0a6
  • tab.unfocusedActiveBorderTop#4d9cf0a6
  • tab.unfocusedActiveForeground#eef1f5a6
  • tab.unfocusedActiveModifiedBorder#e5c07b80
  • tab.unfocusedHoverBackground#21344866
  • tab.unfocusedHoverBorder#4d9cf033
  • tab.unfocusedHoverForeground#eef1f5a6
  • tab.unfocusedInactiveBackground#21344840
  • tab.unfocusedInactiveForeground#8b9199cc
  • tab.unfocusedInactiveModifiedBorder#e5c07b66
  • terminal.ansiBlack#16181c
  • terminal.ansiBlue#5eb0ef
  • terminal.ansiBrightBlack#4c525b
  • terminal.ansiBrightBlue#8ac9f7
  • terminal.ansiBrightCyan#7fd0d9
  • terminal.ansiBrightGreen#b5d99c
  • terminal.ansiBrightMagenta#e3adcf
  • terminal.ansiBrightRed#f0938c
  • terminal.ansiBrightWhite#e4e7eb
  • terminal.ansiBrightYellow#f0d49a
  • terminal.ansiCyan#56b6c2
  • terminal.ansiGreen#98c379
  • terminal.ansiMagenta#d18fc0
  • terminal.ansiRed#e5636e
  • terminal.ansiWhite#a0a6ae
  • terminal.ansiYellow#e5c07b
  • terminal.background#111316
  • terminal.border#2b2e35
  • terminal.dropBackground#2c3f561a
  • terminal.findMatchBackground#4d9cf04d
  • terminal.findMatchBorder#4d9cf0
  • terminal.findMatchHighlightBackground#4d9cf026
  • terminal.findMatchHighlightBorder#4d9cf066
  • terminal.foreground#d6d9de
  • terminal.hoverHighlightBackground#4d9cf033
  • terminal.inactiveSelectionBackground#2c3f5680
  • terminal.initialHintForeground#d6d9de66
  • terminal.selectionBackground#2c3f56
  • terminal.tab.activeBorder#4d9cf0
  • terminalCommandDecoration.defaultBackground#d6d9de66
  • terminalCommandDecoration.errorBackground#e5636e
  • terminalCommandDecoration.successBackground#98c379
  • terminalCommandGuide.foreground#d6d9de33
  • terminalCursor.background#16181c
  • terminalCursor.foreground#4d9cf0
  • terminalOverviewRuler.border#2b2e35
  • terminalOverviewRuler.cursorForeground#4d9cf0
  • terminalOverviewRuler.findMatchForeground#4d9cf0
  • terminalStickyScroll.background#111316
  • terminalStickyScroll.border#2b2e35
  • terminalStickyScrollHover.background#242830
  • terminalSymbolIcon.aliasForeground#e5c07b
  • terminalSymbolIcon.argumentForeground#d4d9e0
  • terminalSymbolIcon.branchForeground#e5c07b
  • terminalSymbolIcon.commitForeground#e88f7d
  • terminalSymbolIcon.fileForeground#d6d9de
  • terminalSymbolIcon.flagForeground#5eb0ef
  • terminalSymbolIcon.folderForeground#4ec9b0
  • terminalSymbolIcon.inlineSuggestionForeground#d6d9de66
  • terminalSymbolIcon.methodForeground#e5c07b
  • terminalSymbolIcon.optionForeground#5eb0ef
  • terminalSymbolIcon.optionValueForeground#d19a66
  • terminalSymbolIcon.pullRequestDoneForeground#98c379
  • terminalSymbolIcon.pullRequestForeground#e5c07b
  • terminalSymbolIcon.remoteForeground#5eb0ef
  • terminalSymbolIcon.stashForeground#56b6c2
  • terminalSymbolIcon.symbolicLinkFileForeground#5eb0ef
  • terminalSymbolIcon.symbolicLinkFolderForeground#5eb0ef
  • terminalSymbolIcon.symbolText#d6d9de
  • terminalSymbolIcon.tagForeground#5eb0ef
  • testing.coverCountBadgeBackground#24559a
  • testing.coverCountBadgeForeground#e4e7eb
  • testing.coveredBackground#98c37926
  • testing.coveredBorder#98c37966
  • testing.coveredGutterBackground#98c37933
  • testing.iconErrored#f0938c
  • testing.iconFailed#e5636e
  • testing.iconPassed#98c379
  • testing.iconQueued#e5c07b
  • testing.iconSkipped#8b9199
  • testing.iconUnset#5c646e
  • testing.message.error.badgeBackground#e5636e
  • testing.message.error.badgeBorder#e5636e80
  • testing.message.error.badgeForeground#16181c
  • testing.message.error.lineBackground#e5636e1a
  • testing.message.info.decorationForeground#5eb0ef
  • testing.message.info.lineBackground#5eb0ef1a
  • testing.peekBorder#4d9cf0
  • testing.peekHeaderBackground#111316
  • testing.runAction#98c379
  • testing.uncoveredBackground#e5636e26
  • testing.uncoveredBorder#e5636e66
  • testing.uncoveredBranchBackground#e5c07b33
  • testing.uncoveredGutterBackground#e5636e33
  • textBlockQuote.background#11131680
  • textBlockQuote.border#4d9cf0
  • textCodeBlock.background#16181c
  • textLink.activeForeground#2a63b0
  • textLink.foreground#24559a
  • textPreformat.background#d6d9de1a
  • textPreformat.border#282b3180
  • textPreformat.foreground#98c379
  • textSeparator.foreground#282b31
  • titleBar.activeBackground#111316
  • titleBar.activeForeground#b0b6be
  • titleBar.border#282b31
  • titleBar.inactiveBackground#0d0e10
  • titleBar.inactiveForeground#b0b6be99
  • toolbar.activeBackground#d6d9de33
  • toolbar.hoverBackground#d6d9de1a
  • toolbar.hoverOutline#4d9cf000
  • tree.inactiveIndentGuidesStroke#d6d9de1a
  • tree.indentGuidesStroke#d6d9de26
  • tree.tableColumnsBorder#282b3180
  • tree.tableOddRowsBackground#d6d9de1a
  • walkThrough.embeddedEditorBackground#16181c
  • welcomePage.background#16181c
  • welcomePage.progress.background#16181c
  • welcomePage.progress.foreground#4d9cf0
  • welcomePage.tileBackground#16181c
  • welcomePage.tileBorder#282b3180
  • welcomePage.tileHoverBackground#242830
  • widget.border#2b2e35
  • widget.shadow#000000b3
  • window.activeBorder#282b31
  • window.inactiveBorder#282b3199

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, variable.language#5eb0ef—
meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator variable.other.readwrite, meta.decorator entity.name.function#e5c07b—
keyword.control#5eb0efitalic
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.definition.tag#8b9199—
entity.name.function, support.function, meta.function-call.generic#e5c07b—
variable, support.variable, meta.object-literal.key, entity.name.variable#d4d9e0—
entity.name.type, entity.name.class, support.class, storage.type.cs#56b6c2—
entity.name.type.interface, support.type, entity.name.type.ts#4ec9b0—
string, constant.character.escape#98c379—
constant.numeric#d19a66—
constant.language, constant.other#e88f7d—
comment#616974—
comment.line, punctuation.definition.comment, string.quoted.docstring—italic
keyword.control.import, keyword.control.export, keyword.control.from, meta.import string#5eb0ef—
variable.language.this, variable.language.super#e88f7ditalic
support.type.object.console, support.type.object.dom#56b6c2—
support.class.component, entity.name.tag.tsx, entity.name.tag.js.jsx#56b6c2—
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx#d4d9e0italic
punctuation.definition.template-expression#8b9199—
entity.name.tag#5eb0ef—
entity.other.attribute-name.html#d4d9e0italic
punctuation.definition.tag#8b9199—
entity.other.attribute-name.class.css#56b6c2—
entity.other.attribute-name.id.css#e5c07b—
entity.name.tag.css#5eb0ef—
support.type.property-name.css, support.type.vendored.property-name#d4d9e0—
support.constant.property-value, keyword.other.unit, constant.numeric.css#d19a66—
entity.other.attribute-name.class#e5c07b—
entity.name.type.namespace.cs#4ec9b0—
entity.name.type.class.cs, entity.name.type.interface.cs#56b6c2—
entity.name.function.cs#e5c07b—
entity.name.variable.local.cs, entity.name.variable.field.cs#d4d9e0—
keyword.other.using.cs#5eb0ef—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#e88f7ditalic
meta.function.decorator.python, entity.name.function.decorator#e5c07b—
storage.type.annotation, meta.attribute.php#8b9199—
storage.modifier.import, storage.modifier.package, keyword.control.import#5eb0ef—
support.class.php, constant.other.php#56b6c2—
variable.other.php#d4d9e0—
support.function.go#e5c07b—
entity.name.lifetime.rust, storage.modifier.lifetime.rust#8b9199italic
support.function.macro.rust#e5c07b—
markup.heading, entity.name.section.markdown, markup.heading.setext#56b6c2bold
markup.bold#5eb0efbold
markup.italic#d4d9e0italic
string.other.link.title.markdown#e5c07b—
markup.underline.link#98c379—
markup.inline.raw#d4d9e0italic
markup.raw.block#d4d9e0—
markup.quote#616974italic
punctuation.definition.list.begin.markdown#8b9199—
support.type.property-name.json, entity.name.tag.yaml, variable.other.key.toml#d4d9e0—
constant.language.json, string.unquoted.plain.out.yaml#98c379—
keyword.other.DML.sql, keyword.other.DDL.sql#5eb0ef—
support.function.sql#e5c07b—
markup.inserted.diff#98c379—
markup.deleted.diff#e5636e—
markup.changed.diff#e5c07b—
variable.other.normal.shell, variable.other.positional.shell, source.env variable#d4d9e0—
support.function.builtin.shell, entity.name.command.shell#e5c07b—
keyword.other.special-method.dockerfile#5eb0ef—
entity.name.type.class.ruby, entity.name.type.module.ruby, entity.name.class.ruby#56b6c2—
entity.name.function.ruby, support.function.ruby#e5c07b—
constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby#e88f7d—
variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby#d4d9e0—
keyword.control.ruby, keyword.other.special-method.ruby#5eb0ef—
string.regexp.ruby#98c379—
entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.object.kotlin#56b6c2—
entity.name.function.kotlin, support.function.kotlin#e5c07b—
keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin#5eb0ef—
entity.name.type.swift, support.type.swift, entity.name.type.class.swift#56b6c2—
entity.name.function.swift, support.function.swift#e5c07b—
keyword.control.swift, storage.type.swift, storage.modifier.swift#5eb0ef—
support.class.dart, entity.name.type.class.dart#56b6c2—
entity.name.function.dart, support.function.dart#e5c07b—
keyword.control.dart, storage.type.dart, storage.modifier.dart#5eb0ef—
entity.name.class.scala, entity.name.type.class.scala#56b6c2—
entity.name.function.scala#e5c07b—
keyword.control.scala, storage.type.scala#5eb0ef—
entity.name.function.lua, support.function.lua#e5c07b—
keyword.control.lua#5eb0ef—
entity.name.function.r, support.function.r#e5c07b—
keyword.control.r#5eb0ef—
constant.language.r#e88f7d—
entity.name.type.class.elixir, entity.name.type.module.elixir#56b6c2—
entity.name.function.elixir, entity.name.function.macro.elixir#e5c07b—
keyword.control.elixir#5eb0ef—
variable.other.constant.elixir, constant.other.symbol.elixir#e88f7d—
entity.name.type.haskell, storage.type.haskell, entity.name.namespace.haskell#4ec9b0—
entity.name.function.haskell#e5c07b—
keyword.other.haskell#5eb0ef—
entity.name.tag.xml, entity.name.tag.localname.xml#5eb0ef—
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml#4ec9b0—
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#d4d9e0italic
support.type.graphql, entity.name.type.graphql#56b6c2—
keyword.operation.graphql, keyword.type.graphql, storage.type.graphql#5eb0ef—
variable.graphql, variable.other.property.graphql#d4d9e0—
entity.name.fragment.graphql#e5c07b—
entity.name.tag.svelte#56b6c2—
support.type.svelte, entity.other.attribute-name.svelte, punctuation.definition.keyword.svelte#5eb0efitalic
entity.other.attribute-name.directive.vue, entity.other.attribute-name.html.vue#5eb0efitalic
entity.name.tag.template.vue#56b6c2—
string.regexp#98c379—
constant.other.symbol#e88f7d—
entity.name.type.module, entity.name.namespace, storage.modifier.module#4ec9b0—
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end#4ec9b0—