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#1e5240
  • activityBar.activeBackground#123c2e
  • activityBar.activeBorder#10b981
  • activityBar.activeFocusBorder#10b981
  • activityBar.background#06130f
  • activityBar.border#20493a
  • activityBar.dropBorder#10b981
  • activityBar.foreground#c6efdc
  • activityBar.inactiveForeground#c6efdc80
  • activityBarBadge.background#0a6b4e
  • activityBarBadge.foreground#eafaf2
  • activityBarTop.activeBackground#123c2e
  • activityBarTop.activeBorder#10b981
  • activityBarTop.background#06130f
  • activityBarTop.dropBorder#10b981
  • activityBarTop.foreground#c6efdc
  • activityBarTop.inactiveForeground#c6efdc80
  • activityErrorBadge.background#f4888c
  • activityErrorBadge.foreground#081a15
  • activityWarningBadge.background#f0c96a
  • activityWarningBadge.foreground#081a15
  • agentFeedbackEditorWidget.background#081a15
  • agentFeedbackEditorWidget.border#1e4437
  • agentFeedbackInputWidget.border#1e4437
  • agents.background#081a15
  • agentsBadge.background#0a6b4e
  • agentsBadge.foreground#eafaf2
  • agentsChatInput.background#081a15
  • agentsChatInput.border#1e4437
  • agentsChatInput.focusBorder#10b981
  • agentsChatInput.foreground#e9f3ed
  • agentsChatInput.placeholderForeground#66907f
  • agentSessionReadIndicator.foreground#a7f3d066
  • agentSessionSelectedBadge.border#10b981
  • agentSessionSelectedUnfocusedBadge.border#10b98180
  • agentsGradient.tintColor#10b981
  • agentsNewSessionButton.background#143329
  • agentsNewSessionButton.border#1c4034
  • agentsNewSessionButton.foreground#e9f3ed
  • agentsNewSessionButton.hoverBackground#1c4636
  • agentsPanel.background#06120f
  • agentsPanel.border#20493a
  • agentsPanel.foreground#9fd3bd
  • agentStatusIndicator.background#a7f3d01a
  • agentsUnreadBadge.background#0a6b4e
  • agentsUnreadBadge.foreground#eafaf2
  • agentsUpdateButton.downloadedBackground#0a6b4eb3
  • agentsUpdateButton.downloadingBackground#0a6b4e66
  • agentsVoice.speakingBackground#10b98133
  • agentsVoice.speakingForeground#10b981
  • badge.background#0a6b4e
  • badge.foreground#eafaf2
  • banner.background#06130f
  • banner.foreground#a8d8c5
  • banner.iconForeground#10b981
  • breadcrumb.activeSelectionForeground#a7f3d0
  • breadcrumb.background#081a15
  • breadcrumb.focusForeground#a7f3d0
  • breadcrumb.foreground#a7f3d0a6
  • breadcrumbPicker.background#081a15
  • button.background#0a6b4e
  • button.border#1c403480
  • button.foreground#eafaf2
  • button.hoverBackground#0d7f5c
  • button.secondaryBackground#143329
  • button.secondaryBorder#1c403480
  • button.secondaryForeground#e9f3ed
  • button.secondaryHoverBackground#1c4636
  • button.separator#eafaf266
  • charts.blue#5ac8e6
  • charts.foreground#a7f3d0
  • charts.green#34d399
  • charts.lines#a7f3d066
  • charts.orange#f0c96a
  • charts.purple#5ac8e6
  • charts.red#f4888c
  • charts.yellow#f0c96a
  • chat.avatarBackground#081a15
  • chat.avatarForeground#a7f3d0
  • chat.checkpointSeparator#1c4034cc
  • chat.dictationActiveMicGlow#10b981
  • chat.editedFileForeground#f0c96a
  • chat.findMatchBackground#34d3994d
  • chat.findMatchHighlightBackground#34d39926
  • chat.inputWorkingBorderColor1#10b981
  • chat.inputWorkingBorderColor2#5ac8e6
  • chat.inputWorkingBorderColor3#c9a9f0
  • chat.linesAddedForeground#34d399
  • chat.linesRemovedForeground#f4888c
  • chat.requestBackground#081a1580
  • chat.requestBorder#1c4034
  • chat.requestBubbleBackground#081a1580
  • chat.requestBubbleHoverBackground#14332a
  • chat.requestCodeBorder#1c4034
  • chat.slashCommandBackground#10b98133
  • chat.slashCommandForeground#eafaf2
  • chat.thinkingShimmer#10b981
  • chat.voiceGlowBaseColor#10b981
  • checkbox.background#081a15
  • checkbox.border#1e4437
  • checkbox.foreground#e9f3ed
  • checkbox.selectBackground#10b981
  • checkbox.selectBorder#10b981
  • commandCenter.activeBackground#081a15cc
  • commandCenter.activeBorder#10b981
  • commandCenter.activeForeground#eafaf2
  • commandCenter.background#081a15
  • commandCenter.border#1c4034
  • commandCenter.debuggingBackground#f0c96a33
  • commandCenter.foreground#a7f3d0
  • commandCenter.inactiveBorder#1c403480
  • commandCenter.inactiveForeground#a7f3d0a6
  • commentsView.resolvedIcon#34d399
  • commentsView.unresolvedIcon#f0c96a
  • debugConsole.errorForeground#f4888c
  • debugConsole.infoForeground#5ac8e6
  • debugConsole.sourceForeground#cfe8dd
  • debugConsole.warningForeground#f0c96a
  • debugIcon.breakpointForeground#f4888c
  • debugIcon.pauseForeground#f0c96a
  • debugIcon.startForeground#34d399
  • debugIcon.stopForeground#f4888c
  • debugTokenExpression.boolean#c9a9f0
  • debugTokenExpression.error#f4888c
  • debugTokenExpression.name#cfe8dd
  • debugTokenExpression.number#f0a0ae
  • debugTokenExpression.string#a7f3d0
  • debugTokenExpression.type#7fe0c6
  • debugTokenExpression.value#a7f3d0
  • debugToolBar.background#06120f
  • debugToolBar.border#1c4034
  • debugView.exceptionLabelBackground#f4888c80
  • debugView.exceptionLabelForeground#a7f3d0
  • debugView.stateLabelBackground#a7f3d01a
  • debugView.stateLabelForeground#a7f3d0
  • debugView.valueChangedHighlight#5ac8e6
  • descriptionForeground#a7f3d0a6
  • diffEditor.border#1c4034
  • diffEditor.diagonalFill#a7f3d026
  • diffEditor.insertedLineBackground#34d3991a
  • diffEditor.insertedTextBackground#34d39926
  • diffEditor.removedLineBackground#f4888c1a
  • diffEditor.removedTextBackground#f4888c26
  • diffEditorGutter.insertedLineBackground#34d39933
  • diffEditorGutter.removedLineBackground#f4888c33
  • diffEditorOverview.insertedForeground#34d399
  • diffEditorOverview.removedForeground#f4888c
  • dropdown.background#081a15
  • dropdown.border#1e4437
  • dropdown.foreground#e9f3ed
  • dropdown.listBackground#081a15
  • editor.background#081a15
  • editor.findMatchBackground#34d3994d
  • editor.findMatchHighlightBackground#34d39926
  • editor.focusedStackFrameHighlightBackground#34d39926
  • editor.foldBackground#1a473633
  • editor.foreground#e9f3ed
  • editor.inactiveSelectionBackground#1a473666
  • editor.inlineValuesBackground#081a1500
  • editor.inlineValuesForeground#a7f3d073
  • editor.lineHighlightBackground#102a22
  • editor.linkedEditingBackground#34d39933
  • editor.placeholder.foreground#a7f3d066
  • editor.rangeHighlightBackground#34d3991a
  • editor.selectionBackground#1a4736
  • editor.selectionHighlightBackground#1a473640
  • editor.snippetTabstopHighlightBackground#1a47364d
  • editor.snippetTabstopHighlightBorder#1a473600
  • editor.stackFrameHighlightBackground#f0c96a26
  • editor.symbolHighlightBackground#34d39933
  • editor.wordHighlightBackground#34d39926
  • editor.wordHighlightStrongBackground#34d39940
  • editorActionList.background#081a15
  • editorActionList.focusBackground#1e5240
  • editorActionList.focusForeground#eafaf2
  • editorActionList.foreground#a7f3d0
  • editorBracketHighlight.foreground1#34d399
  • editorBracketHighlight.foreground2#5ac8e6
  • editorBracketHighlight.foreground3#e6c07d
  • editorBracketHighlight.foreground4#c9a9f0
  • editorBracketHighlight.foreground5#7fe0c6
  • editorBracketHighlight.foreground6#f0a0ae
  • editorBracketHighlight.unexpectedBracket.foreground#f4888c
  • editorBracketMatch.background#1a4030
  • editorBracketMatch.border#34d399
  • editorBracketPairGuide.activeBackground1#34d39940
  • editorBracketPairGuide.activeBackground2#5ac8e640
  • editorBracketPairGuide.activeBackground3#e6c07d40
  • editorBracketPairGuide.background1#34d39926
  • editorBracketPairGuide.background2#5ac8e626
  • editorBracketPairGuide.background3#e6c07d26
  • editorCodeLens.foreground#a7f3d066
  • editorCommentsWidget.rangeActiveBackground#5ac8e633
  • editorCommentsWidget.rangeBackground#5ac8e61a
  • editorCommentsWidget.replyInputBackground#081a15
  • editorCommentsWidget.resolvedBorder#34d399
  • editorCommentsWidget.unresolvedBorder#f0c96a
  • editorCursor.foreground#34d399
  • editorError.foreground#f4888c
  • editorGhostText.background#081a1500
  • editorGhostText.border#081a1500
  • editorGhostText.foreground#a7f3d073
  • editorGroup.border#1c4034
  • editorGroup.dropBackground#1a47361a
  • editorGroup.dropIntoPromptBackground#081a15
  • editorGroup.dropIntoPromptBorder#1c4034
  • editorGroup.dropIntoPromptForeground#a7f3d0
  • editorGroup.emptyBackground#081a15
  • editorGroup.focusedEmptyBorder#10b981
  • editorGroupHeader.border#1c4034
  • editorGroupHeader.noTabsBackground#06130f
  • editorGroupHeader.tabsBackground#06130f
  • editorGroupHeader.tabsBorder#20493a
  • editorGutter.addedBackground#34d399
  • editorGutter.addedSecondaryBackground#34d39980
  • editorGutter.background#081a15
  • editorGutter.commentGlyphForeground#a7f3d0
  • editorGutter.commentRangeForeground#a7f3d066
  • editorGutter.commentUnresolvedGlyphForeground#f0c96a
  • editorGutter.deletedBackground#f4888c
  • editorGutter.deletedSecondaryBackground#f4888c80
  • editorGutter.foldingControlForeground#a7f3d0a6
  • editorGutter.modifiedBackground#f0c96a
  • editorGutter.modifiedSecondaryBackground#f0c96a80
  • editorHoverWidget.background#081a15
  • editorHoverWidget.border#1e4437
  • editorHoverWidget.foreground#e9f3ed
  • editorHoverWidget.highlightForeground#34d399
  • editorHoverWidget.statusBarBackground#081a15cc
  • editorIndentGuide.activeBackground#2a5c48
  • editorIndentGuide.background#163027
  • editorInfo.foreground#5ac8e6
  • editorInlayHint.background#081a1500
  • editorInlayHint.foreground#a7f3d073
  • editorLightBulb.foreground#f0c96a
  • editorLightBulbAutoFix.foreground#5ac8e6
  • editorLineNumber.activeForeground#7fc9ae
  • editorLineNumber.foreground#3a5f54
  • editorLink.activeForeground#5ac8e6
  • editorMarkerNavigation.background#081a15
  • editorMarkerNavigationError.background#f4888c1a
  • editorMarkerNavigationInfo.background#5ac8e61a
  • editorMarkerNavigationWarning.background#f0c96a1a
  • editorMultiCursor.primary.foreground#34d399
  • editorMultiCursor.secondary.foreground#34d39999
  • editorOverviewRuler.addedForeground#34d39999
  • editorOverviewRuler.background#081a15
  • editorOverviewRuler.border#1c403400
  • editorOverviewRuler.bracketMatchForeground#34d399
  • editorOverviewRuler.commonContentForeground#2a3a35
  • editorOverviewRuler.currentContentForeground#1e4a3a
  • editorOverviewRuler.deletedForeground#f4888c99
  • editorOverviewRuler.errorForeground#f4888c
  • editorOverviewRuler.findMatchForeground#34d399
  • editorOverviewRuler.incomingContentForeground#1e3a52
  • editorOverviewRuler.infoForeground#5ac8e6
  • editorOverviewRuler.modifiedForeground#f0c96a99
  • editorOverviewRuler.rangeHighlightForeground#34d39900
  • editorOverviewRuler.selectionHighlightForeground#1a473600
  • editorOverviewRuler.warningForeground#f0c96a
  • editorOverviewRuler.wordHighlightForeground#34d39933
  • editorPane.background#081a15
  • editorRuler.foreground#163027
  • editorStickyScroll.background#081a15
  • editorStickyScroll.shadow#000000b3
  • editorStickyScrollGutter.background#081a15
  • editorStickyScrollHover.background#102a22
  • editorSuggestWidget.background#081a15
  • editorSuggestWidget.border#1e4437
  • editorSuggestWidget.focusHighlightForeground#34d399
  • editorSuggestWidget.foreground#e9f3ed
  • editorSuggestWidget.highlightForeground#34d399
  • editorSuggestWidget.selectedBackground#1e5240
  • editorSuggestWidget.selectedForeground#eafaf2
  • editorSuggestWidget.selectedIconForeground#eafaf2
  • editorSuggestWidgetStatus.foreground#a7f3d066
  • editorWarning.foreground#f0c96a
  • editorWhitespace.foreground#1e362d
  • editorWidget.background#081a15
  • editorWidget.border#1e4437
  • editorWidget.foreground#e9f3ed
  • editorWidget.resizeBorder#10b981
  • errorForeground#f4888c
  • extensionBadge.remoteBackground#10b981
  • extensionBadge.remoteForeground#081a15
  • extensionButton.background#0a6b4e
  • extensionButton.border#1c403480
  • extensionButton.foreground#eafaf2
  • extensionButton.hoverBackground#0d7f5c
  • extensionButton.prominentBackground#0a6b4e
  • extensionButton.prominentForeground#eafaf2
  • extensionButton.prominentHoverBackground#0d7f5c
  • extensionButton.separator#eafaf266
  • extensionIcon.preReleaseForeground#f0c96a
  • extensionIcon.sponsorForeground#c9a9f0
  • extensionIcon.starForeground#f0c96a
  • extensionIcon.verifiedForeground#34d399
  • focusBorder#10b981
  • foreground#a7f3d0
  • git.blame.editorDecorationForeground#a7f3d066
  • gitDecoration.addedResourceForeground#34d399
  • gitDecoration.conflictingResourceForeground#c9a9f0
  • gitDecoration.deletedResourceForeground#f4888c
  • gitDecoration.ignoredResourceForeground#4a6b60
  • gitDecoration.modifiedResourceForeground#f0c96a
  • gitDecoration.renamedResourceForeground#5ac8e6
  • gitDecoration.stageDeletedResourceForeground#f4888ccc
  • gitDecoration.stageModifiedResourceForeground#f0c96acc
  • gitDecoration.submoduleResourceForeground#5ac8e6
  • gitDecoration.untrackedResourceForeground#34d399
  • icon.foreground#7fc9ae
  • inlineChat.background#081a15
  • inlineChat.border#1e4437
  • inlineChat.foreground#e9f3ed
  • inlineChat.shadow#000000b3
  • inlineChatDiff.inserted#34d3991a
  • inlineChatDiff.removed#f4888c1a
  • inlineChatInput.background#081a15
  • inlineChatInput.border#1e4437
  • inlineChatInput.focusBorder#10b981
  • inlineChatInput.placeholderForeground#66907f
  • inlineEdit.gutterIndicator.background#a7f3d01a
  • inlineEdit.gutterIndicator.primaryBackground#10b981
  • inlineEdit.gutterIndicator.primaryBorder#10b981
  • inlineEdit.gutterIndicator.primaryForeground#081a15
  • inlineEdit.gutterIndicator.secondaryBackground#a7f3d033
  • inlineEdit.gutterIndicator.secondaryBorder#1c403480
  • inlineEdit.gutterIndicator.secondaryForeground#a7f3d0
  • inlineEdit.gutterIndicator.successfulBackground#34d399
  • inlineEdit.gutterIndicator.successfulBorder#34d399
  • inlineEdit.gutterIndicator.successfulForeground#081a15
  • inlineEdit.modifiedBackground#34d3991a
  • inlineEdit.modifiedBorder#34d39966
  • inlineEdit.modifiedChangedLineBackground#34d39933
  • inlineEdit.modifiedChangedTextBackground#34d39926
  • inlineEdit.originalBackground#f4888c1a
  • inlineEdit.originalBorder#f4888c66
  • inlineEdit.originalChangedLineBackground#f4888c33
  • inlineEdit.originalChangedTextBackground#f4888c26
  • inlineEdit.tabWillAcceptModifiedBorder#34d399
  • inlineEdit.tabWillAcceptOriginalBorder#f4888c
  • input.background#081a15
  • input.border#1e4437
  • input.foreground#e9f3ed
  • input.placeholderForeground#66907f
  • inputOption.activeBackground#10b98133
  • inputOption.activeBorder#10b981
  • inputOption.activeForeground#e9f3ed
  • inputOption.hoverBackground#10b98126
  • inputValidation.errorBackground#3a1618
  • inputValidation.errorBorder#f4888c
  • inputValidation.errorForeground#e9f3ed
  • inputValidation.infoBackground#5ac8e633
  • inputValidation.infoBorder#5ac8e6
  • inputValidation.infoForeground#e9f3ed
  • inputValidation.warningBackground#f0c96a33
  • inputValidation.warningBorder#f0c96a
  • inputValidation.warningForeground#e9f3ed
  • interactive.activeCodeBorder#10b981
  • interactive.inactiveCodeBorder#1c4034
  • keybindingLabel.background#081a15
  • keybindingLabel.border#1c4034
  • keybindingLabel.bottomBorder#1c4034
  • keybindingLabel.foreground#a7f3d0
  • keybindingTable.headerBackground#081a15cc
  • keybindingTable.rowsBackground#081a1580
  • list.activeSelectionBackground#1e5240
  • list.activeSelectionForeground#eafaf2
  • list.activeSelectionIconForeground#eafaf2
  • list.deemphasizedForeground#a7f3d080
  • list.dropBackground#1e524066
  • list.dropBetweenBackground#10b981
  • list.errorForeground#f4888c
  • list.filterMatchBackground#34d39933
  • list.filterMatchBorder#34d39966
  • list.focusAndSelectionOutline#10b981
  • list.focusBackground#1a4335
  • list.focusForeground#a7f3d0
  • list.focusHighlightForeground#34d399
  • list.focusOutline#10b981
  • list.highlightForeground#34d399
  • list.hoverBackground#14332a
  • list.hoverForeground#a7f3d0
  • list.inactiveFocusBackground#14332a
  • list.inactiveFocusOutline#10b98180
  • list.inactiveSelectionBackground#143329
  • list.inactiveSelectionForeground#a7f3d0
  • list.inactiveSelectionIconForeground#a7f3d0
  • list.invalidItemForeground#f4888c
  • list.warningForeground#f0c96a
  • listFilterWidget.background#081a15
  • listFilterWidget.noMatchesOutline#f4888c
  • listFilterWidget.outline#10b98100
  • listFilterWidget.shadow#000000b3
  • menu.background#081a15
  • menu.border#1c4034
  • menu.foreground#a7f3d0
  • menu.selectionBackground#1e5240
  • menu.selectionBorder#10b98100
  • menu.selectionForeground#eafaf2
  • menu.separatorBackground#1c4034
  • menubar.selectionBackground#14332a
  • menubar.selectionBorder#10b98100
  • menubar.selectionForeground#a7f3d0
  • merge.border#1c4034
  • merge.commonContentBackground#1a2a2540
  • merge.commonHeaderBackground#2a3a3540
  • merge.currentContentBackground#14332740
  • merge.currentHeaderBackground#1e4a3a40
  • merge.incomingContentBackground#13283840
  • merge.incomingHeaderBackground#1e3a5240
  • minimap.errorHighlight#f4888c
  • minimap.findMatchHighlight#34d399
  • minimap.selectionHighlight#1a4736
  • minimap.warningHighlight#f0c96a
  • minimapGutter.addedBackground#34d399
  • minimapGutter.deletedBackground#f4888c
  • minimapGutter.modifiedBackground#f0c96a
  • minimapSlider.activeBackground#10b98180
  • minimapSlider.background#1e443680
  • minimapSlider.hoverBackground#2a5c4880
  • modernEditorTab.inactiveBackground#12352a99
  • modernTab.activeBackground#12352a
  • modernTab.activeForeground#eafaf2
  • modernTab.hoverBackground#12352a80
  • modernTab.hoverForeground#eafaf2
  • multiDiffEditor.border#1c4034
  • multiDiffEditor.headerBackground#06120f
  • notebook.cellBorderColor#1c403466
  • notebook.cellEditorBackground#081a15
  • notebook.cellStatusBarItemHoverBackground#a7f3d01a
  • notebook.focusedCellBackground#081a1500
  • notebook.focusedCellBorder#10b981
  • notebookStatusErrorIcon.foreground#f4888c
  • notebookStatusRunningIcon.foreground#5ac8e6
  • notebookStatusSuccessIcon.foreground#34d399
  • notificationCenter.border#1c4034
  • notificationCenterHeader.background#081a15cc
  • notificationCenterHeader.foreground#a7f3d0
  • notificationLink.foreground#0a6b4e
  • notifications.background#081a15
  • notifications.border#1c4034
  • notifications.foreground#a7f3d0
  • notificationsErrorIcon.foreground#f4888c
  • notificationsInfoIcon.foreground#5ac8e6
  • notificationsWarningIcon.foreground#f0c96a
  • notificationToast.border#1c4034
  • outputView.background#06120f
  • outputViewStickyScroll.background#06120f
  • panel.background#06120f
  • panel.border#20493a
  • panel.dropBorder#10b981
  • panelInput.border#1e4437
  • panelSection.border#20493a
  • panelSection.dropBackground#c6efdc1a
  • panelSectionHeader.background#081a1500
  • panelSectionHeader.border#20493a
  • panelSectionHeader.foreground#c6efdc
  • panelStickyScroll.background#06120f
  • panelStickyScroll.border#20493a
  • panelStickyScroll.shadow#000000b3
  • panelTitle.activeBorder#10b981
  • panelTitle.activeForeground#c6efdc
  • panelTitle.border#20493a
  • panelTitle.inactiveForeground#c6efdc99
  • panelTitleBadge.background#0a6b4e
  • panelTitleBadge.foreground#eafaf2
  • peekView.border#10b981
  • peekViewEditor.background#081a15
  • peekViewEditor.matchHighlightBackground#34d3994d
  • peekViewEditorStickyScroll.background#081a15
  • peekViewResult.background#06120f
  • peekViewResult.fileForeground#6f9d8f
  • peekViewResult.lineForeground#a7f3d0
  • peekViewResult.matchHighlightBackground#34d3994d
  • peekViewResult.selectionBackground#1a4335
  • peekViewResult.selectionForeground#e9f3ed
  • peekViewTitle.background#081a15
  • peekViewTitleDescription.foreground#6f9d8f
  • peekViewTitleLabel.foreground#e9f3ed
  • pickerGroup.border#1c4034
  • pickerGroup.foreground#10b981
  • ports.iconRunningProcessForeground#34d399
  • problemsErrorIcon.foreground#f4888c
  • problemsInfoIcon.foreground#5ac8e6
  • problemsWarningIcon.foreground#f0c96a
  • profileBadge.background#0a6b4e
  • profileBadge.foreground#eafaf2
  • profiles.sashBorder#1c4034
  • progressBar.background#10b981
  • quickInput.background#081a15
  • quickInput.foreground#e9f3ed
  • quickInputList.focusBackground#1e5240
  • quickInputList.focusForeground#eafaf2
  • quickInputList.focusHighlightForeground#34d399
  • quickInputList.focusIconForeground#eafaf2
  • quickInputTitle.background#06120f
  • radio.activeBackground#10b98133
  • radio.activeBorder#10b981
  • radio.activeForeground#e9f3ed
  • radio.inactiveBackground#081a1580
  • radio.inactiveBorder#1e443780
  • radio.inactiveForeground#a7f3d0a6
  • sash.hoverBorder#10b981
  • scmGraph.foreground1#34d399
  • scmGraph.foreground2#5ac8e6
  • scmGraph.foreground3#e6c07d
  • scmGraph.foreground4#c9a9f0
  • scmGraph.foreground5#7fe0c6
  • scmGraph.historyItemBaseRefColor#c9a9f0
  • scmGraph.historyItemHoverAdditionsForeground#34d399
  • scmGraph.historyItemHoverDefaultLabelBackground#a7f3d01a
  • scmGraph.historyItemHoverDefaultLabelForeground#a7f3d0
  • scmGraph.historyItemHoverDeletionsForeground#f4888c
  • scmGraph.historyItemHoverLabelForeground#081a15
  • scmGraph.historyItemRefColor#5ac8e6
  • scmGraph.historyItemRemoteRefColor#5ac8e6
  • scrollbar.shadow#000000b3
  • scrollbarSlider.activeBackground#10b981
  • scrollbarSlider.background#1e4436
  • scrollbarSlider.hoverBackground#2a5c48
  • searchEditor.findMatchBackground#34d3994d
  • searchEditor.textInputBorder#1e4437
  • selection.background#1a4736
  • settings.checkboxBackground#081a15
  • settings.checkboxBorder#1e4437
  • settings.checkboxForeground#e9f3ed
  • settings.dropdownBackground#081a15
  • settings.dropdownBorder#1e4437
  • settings.dropdownForeground#e9f3ed
  • settings.dropdownListBorder#1e4437
  • settings.focusedRowBackground#1a4335
  • settings.focusedRowBorder#10b98166
  • settings.headerBorder#1c4034
  • settings.headerForeground#a7f3d0
  • settings.modifiedItemIndicator#f0c96a
  • settings.numberInputBackground#081a15
  • settings.numberInputBorder#1e4437
  • settings.numberInputForeground#f0a0ae
  • settings.rowHoverBackground#14332a
  • settings.sashBorder#1c4034
  • settings.textInputBackground#081a15
  • settings.textInputBorder#1e4437
  • settings.textInputForeground#e9f3ed
  • sideBar.background#06120f
  • sideBar.border#20493a
  • sideBar.dropBackground#9fd3bd1a
  • sideBar.foreground#9fd3bd
  • sideBarActivityBarTop.border#20493a
  • sideBarSectionHeader.background#06120f
  • sideBarSectionHeader.border#20493a
  • sideBarSectionHeader.foreground#c6efdc
  • sideBarStickyScroll.background#06120f
  • sideBarStickyScroll.border#20493a
  • sideBarStickyScroll.shadow#000000b3
  • sideBarTitle.background#06120f
  • sideBarTitle.border#20493a
  • sideBarTitle.foreground#c6efdc
  • sideBySideEditor.horizontalBorder#1c4034
  • sideBySideEditor.verticalBorder#1c4034
  • simpleFindWidget.sashBorder#1c4034
  • statusBar.background#06130f
  • statusBar.border#20493a
  • statusBar.debuggingBackground#f0c96a
  • statusBar.debuggingBorder#f0c96a
  • statusBar.debuggingForeground#081a15
  • statusBar.focusBorder#10b981
  • statusBar.foreground#a8d8c5
  • statusBar.noFolderBackground#06130f
  • statusBar.noFolderBorder#20493a
  • statusBar.noFolderForeground#a7f3d0a6
  • statusBarItem.activeBackground#1a4335
  • statusBarItem.compactHoverBackground#1a4335
  • statusBarItem.errorBackground#f4888c
  • statusBarItem.errorForeground#081a15
  • statusBarItem.errorHoverBackground#14332a
  • statusBarItem.errorHoverForeground#f4888c
  • statusBarItem.focusBorder#10b981
  • statusBarItem.hoverBackground#14332a
  • statusBarItem.hoverForeground#a8d8c5
  • statusBarItem.offlineBackground#f4888c
  • statusBarItem.offlineForeground#081a15
  • statusBarItem.offlineHoverBackground#14332a
  • statusBarItem.offlineHoverForeground#f4888c
  • statusBarItem.prominentBackground#0a6b4e
  • statusBarItem.prominentForeground#eafaf2
  • statusBarItem.prominentHoverBackground#0d7f5c
  • statusBarItem.prominentHoverForeground#eafaf2
  • statusBarItem.remoteBackground#10b981
  • statusBarItem.remoteForeground#081a15
  • statusBarItem.remoteHoverBackground#0d7f5c
  • statusBarItem.remoteHoverForeground#eafaf2
  • statusBarItem.warningBackground#f0c96a
  • statusBarItem.warningForeground#081a15
  • statusBarItem.warningHoverBackground#14332a
  • statusBarItem.warningHoverForeground#f0c96a
  • surface.background#06120f
  • surface.border#20493a
  • surface.foreground#a7f3d0
  • symbolIcon.arrayForeground#7fe0c6
  • symbolIcon.booleanForeground#c9a9f0
  • symbolIcon.classForeground#e6c07d
  • symbolIcon.constantForeground#c9a9f0
  • symbolIcon.constructorForeground#5ac8e6
  • symbolIcon.enumeratorForeground#7fe0c6
  • symbolIcon.fieldForeground#cfe8dd
  • symbolIcon.functionForeground#5ac8e6
  • symbolIcon.interfaceForeground#7fe0c6
  • symbolIcon.keywordForeground#34d399
  • symbolIcon.methodForeground#5ac8e6
  • symbolIcon.numberForeground#f0a0ae
  • symbolIcon.operatorForeground#6fb8a2
  • symbolIcon.stringForeground#a7f3d0
  • symbolIcon.variableForeground#cfe8dd
  • tab.activeBackground#12352a
  • tab.activeBorder#10b981
  • tab.activeBorderTop#10b981
  • tab.activeForeground#eafaf2
  • tab.activeModifiedBorder#f0c96a
  • tab.border#20493a
  • tab.dragAndDropBorder#10b981
  • tab.hoverBackground#12352a80
  • tab.hoverBorder#10b98180
  • tab.hoverForeground#eafaf2
  • tab.inactiveBackground#12352a99
  • tab.inactiveForeground#7aa899
  • tab.inactiveModifiedBorder#f0c96aa6
  • tab.lastPinnedBorder#1c4034
  • tab.selectedBackground#12352a
  • tab.selectedBorderTop#10b981
  • tab.selectedForeground#eafaf2
  • tab.unfocusedActiveBackground#12352acc
  • tab.unfocusedActiveBorder#10b981a6
  • tab.unfocusedActiveBorderTop#10b981a6
  • tab.unfocusedActiveForeground#eafaf2a6
  • tab.unfocusedActiveModifiedBorder#f0c96a80
  • tab.unfocusedHoverBackground#12352a66
  • tab.unfocusedHoverBorder#10b98133
  • tab.unfocusedHoverForeground#eafaf2a6
  • tab.unfocusedInactiveBackground#12352a40
  • tab.unfocusedInactiveForeground#7aa899cc
  • tab.unfocusedInactiveModifiedBorder#f0c96a66
  • terminal.ansiBlack#081a15
  • terminal.ansiBlue#5ac8e6
  • terminal.ansiBrightBlack#3a5f54
  • terminal.ansiBrightBlue#8dd6ef
  • terminal.ansiBrightCyan#a3ecd8
  • terminal.ansiBrightGreen#6ee7b7
  • terminal.ansiBrightMagenta#dbc0f7
  • terminal.ansiBrightRed#f7a5a8
  • terminal.ansiBrightWhite#e9f3ed
  • terminal.ansiBrightYellow#f7d98a
  • terminal.ansiCyan#7fe0c6
  • terminal.ansiGreen#34d399
  • terminal.ansiMagenta#c9a9f0
  • terminal.ansiRed#f4888c
  • terminal.ansiWhite#93c6b1
  • terminal.ansiYellow#f0c96a
  • terminal.background#06120f
  • terminal.border#20493a
  • terminal.dropBackground#1a47361a
  • terminal.findMatchBackground#34d3994d
  • terminal.findMatchBorder#34d399
  • terminal.findMatchHighlightBackground#34d39926
  • terminal.findMatchHighlightBorder#34d39966
  • terminal.foreground#a7f3d0
  • terminal.hoverHighlightBackground#34d39933
  • terminal.inactiveSelectionBackground#1a473680
  • terminal.initialHintForeground#a7f3d066
  • terminal.selectionBackground#1a4736
  • terminal.tab.activeBorder#10b981
  • terminalCommandDecoration.defaultBackground#a7f3d066
  • terminalCommandDecoration.errorBackground#f4888c
  • terminalCommandDecoration.successBackground#34d399
  • terminalCommandGuide.foreground#a7f3d033
  • terminalCursor.background#081a15
  • terminalCursor.foreground#34d399
  • terminalOverviewRuler.border#20493a
  • terminalOverviewRuler.cursorForeground#34d399
  • terminalOverviewRuler.findMatchForeground#34d399
  • terminalStickyScroll.background#06120f
  • terminalStickyScroll.border#20493a
  • terminalStickyScrollHover.background#14332a
  • terminalSymbolIcon.aliasForeground#5ac8e6
  • terminalSymbolIcon.argumentForeground#cfe8dd
  • terminalSymbolIcon.branchForeground#f0c96a
  • terminalSymbolIcon.commitForeground#c9a9f0
  • terminalSymbolIcon.fileForeground#a7f3d0
  • terminalSymbolIcon.flagForeground#34d399
  • terminalSymbolIcon.folderForeground#7fe0c6
  • terminalSymbolIcon.inlineSuggestionForeground#a7f3d066
  • terminalSymbolIcon.methodForeground#5ac8e6
  • terminalSymbolIcon.optionForeground#34d399
  • terminalSymbolIcon.optionValueForeground#f0a0ae
  • terminalSymbolIcon.pullRequestDoneForeground#34d399
  • terminalSymbolIcon.pullRequestForeground#5ac8e6
  • terminalSymbolIcon.remoteForeground#5ac8e6
  • terminalSymbolIcon.stashForeground#e6c07d
  • terminalSymbolIcon.symbolicLinkFileForeground#5ac8e6
  • terminalSymbolIcon.symbolicLinkFolderForeground#5ac8e6
  • terminalSymbolIcon.symbolText#a7f3d0
  • terminalSymbolIcon.tagForeground#34d399
  • testing.coverCountBadgeBackground#0a6b4e
  • testing.coverCountBadgeForeground#eafaf2
  • testing.coveredBackground#34d39926
  • testing.coveredBorder#34d39966
  • testing.coveredGutterBackground#34d39933
  • testing.iconErrored#f0a0ae
  • testing.iconFailed#f4888c
  • testing.iconPassed#34d399
  • testing.iconQueued#f0c96a
  • testing.iconSkipped#6f9d8f
  • testing.iconUnset#4a6b60
  • testing.message.error.badgeBackground#f4888c
  • testing.message.error.badgeBorder#f4888c80
  • testing.message.error.badgeForeground#081a15
  • testing.message.error.lineBackground#f4888c1a
  • testing.message.info.decorationForeground#5ac8e6
  • testing.message.info.lineBackground#5ac8e61a
  • testing.peekBorder#10b981
  • testing.peekHeaderBackground#06120f
  • testing.runAction#34d399
  • testing.uncoveredBackground#f4888c26
  • testing.uncoveredBorder#f4888c66
  • testing.uncoveredBranchBackground#f0c96a33
  • testing.uncoveredGutterBackground#f4888c33
  • textBlockQuote.background#06120f80
  • textBlockQuote.border#10b981
  • textCodeBlock.background#081a15
  • textLink.activeForeground#0d7f5c
  • textLink.foreground#0a6b4e
  • textPreformat.background#a7f3d01a
  • textPreformat.border#1c403480
  • textPreformat.foreground#a7f3d0
  • textSeparator.foreground#1c4034
  • titleBar.activeBackground#06130f
  • titleBar.activeForeground#a8d8c5
  • titleBar.border#1c4034
  • titleBar.inactiveBackground#040d0a
  • titleBar.inactiveForeground#a8d8c599
  • toolbar.activeBackground#a7f3d033
  • toolbar.hoverBackground#a7f3d01a
  • toolbar.hoverOutline#10b98100
  • tree.inactiveIndentGuidesStroke#a7f3d01a
  • tree.indentGuidesStroke#a7f3d026
  • tree.tableColumnsBorder#1c403480
  • tree.tableOddRowsBackground#a7f3d01a
  • walkThrough.embeddedEditorBackground#081a15
  • welcomePage.background#081a15
  • welcomePage.progress.background#081a15
  • welcomePage.progress.foreground#10b981
  • welcomePage.tileBackground#081a15
  • welcomePage.tileBorder#1c403480
  • welcomePage.tileHoverBackground#14332a
  • widget.border#20493a
  • widget.shadow#000000b3
  • window.activeBorder#1c4034
  • window.inactiveBorder#1c403499

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, variable.language#34d399—
meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator variable.other.readwrite, meta.decorator entity.name.function#5ac8e6—
keyword.control#34d399italic
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.definition.tag#6fb8a2—
entity.name.function, support.function, meta.function-call.generic#5ac8e6—
variable, support.variable, meta.object-literal.key, entity.name.variable#cfe8dd—
entity.name.type, entity.name.class, support.class, storage.type.cs#e6c07d—
entity.name.type.interface, support.type, entity.name.type.ts#7fe0c6—
string, constant.character.escape#a7f3d0—
constant.numeric#f0a0ae—
constant.language, constant.other#c9a9f0—
comment#527e6e—
comment.line, punctuation.definition.comment, string.quoted.docstring—italic
keyword.control.import, keyword.control.export, keyword.control.from, meta.import string#34d399—
variable.language.this, variable.language.super#c9a9f0italic
support.type.object.console, support.type.object.dom#e6c07d—
support.class.component, entity.name.tag.tsx, entity.name.tag.js.jsx#e6c07d—
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx#cfe8dditalic
punctuation.definition.template-expression#6fb8a2—
entity.name.tag#34d399—
entity.other.attribute-name.html#cfe8dditalic
punctuation.definition.tag#6fb8a2—
entity.other.attribute-name.class.css#e6c07d—
entity.other.attribute-name.id.css#5ac8e6—
entity.name.tag.css#34d399—
support.type.property-name.css, support.type.vendored.property-name#cfe8dd—
support.constant.property-value, keyword.other.unit, constant.numeric.css#f0a0ae—
entity.other.attribute-name.class#5ac8e6—
entity.name.type.namespace.cs#7fe0c6—
entity.name.type.class.cs, entity.name.type.interface.cs#e6c07d—
entity.name.function.cs#5ac8e6—
entity.name.variable.local.cs, entity.name.variable.field.cs#cfe8dd—
keyword.other.using.cs#34d399—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#c9a9f0italic
meta.function.decorator.python, entity.name.function.decorator#5ac8e6—
storage.type.annotation, meta.attribute.php#6fb8a2—
storage.modifier.import, storage.modifier.package, keyword.control.import#34d399—
support.class.php, constant.other.php#e6c07d—
variable.other.php#cfe8dd—
support.function.go#5ac8e6—
entity.name.lifetime.rust, storage.modifier.lifetime.rust#6fb8a2italic
support.function.macro.rust#5ac8e6—
markup.heading, entity.name.section.markdown, markup.heading.setext#e6c07dbold
markup.bold#34d399bold
markup.italic#cfe8dditalic
string.other.link.title.markdown#5ac8e6—
markup.underline.link#a7f3d0—
markup.inline.raw#cfe8dditalic
markup.raw.block#cfe8dd—
markup.quote#527e6eitalic
punctuation.definition.list.begin.markdown#6fb8a2—
support.type.property-name.json, entity.name.tag.yaml, variable.other.key.toml#cfe8dd—
constant.language.json, string.unquoted.plain.out.yaml#a7f3d0—
keyword.other.DML.sql, keyword.other.DDL.sql#34d399—
support.function.sql#5ac8e6—
markup.inserted.diff#34d399—
markup.deleted.diff#f4888c—
markup.changed.diff#f0c96a—
variable.other.normal.shell, variable.other.positional.shell, source.env variable#cfe8dd—
support.function.builtin.shell, entity.name.command.shell#5ac8e6—
keyword.other.special-method.dockerfile#34d399—
entity.name.type.class.ruby, entity.name.type.module.ruby, entity.name.class.ruby#e6c07d—
entity.name.function.ruby, support.function.ruby#5ac8e6—
constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby#c9a9f0—
variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby#cfe8dd—
keyword.control.ruby, keyword.other.special-method.ruby#34d399—
string.regexp.ruby#a7f3d0—
entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.object.kotlin#e6c07d—
entity.name.function.kotlin, support.function.kotlin#5ac8e6—
keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin#34d399—
entity.name.type.swift, support.type.swift, entity.name.type.class.swift#e6c07d—
entity.name.function.swift, support.function.swift#5ac8e6—
keyword.control.swift, storage.type.swift, storage.modifier.swift#34d399—
support.class.dart, entity.name.type.class.dart#e6c07d—
entity.name.function.dart, support.function.dart#5ac8e6—
keyword.control.dart, storage.type.dart, storage.modifier.dart#34d399—
entity.name.class.scala, entity.name.type.class.scala#e6c07d—
entity.name.function.scala#5ac8e6—
keyword.control.scala, storage.type.scala#34d399—
entity.name.function.lua, support.function.lua#5ac8e6—
keyword.control.lua#34d399—
entity.name.function.r, support.function.r#5ac8e6—
keyword.control.r#34d399—
constant.language.r#c9a9f0—
entity.name.type.class.elixir, entity.name.type.module.elixir#e6c07d—
entity.name.function.elixir, entity.name.function.macro.elixir#5ac8e6—
keyword.control.elixir#34d399—
variable.other.constant.elixir, constant.other.symbol.elixir#c9a9f0—
entity.name.type.haskell, storage.type.haskell, entity.name.namespace.haskell#7fe0c6—
entity.name.function.haskell#5ac8e6—
keyword.other.haskell#34d399—
entity.name.tag.xml, entity.name.tag.localname.xml#34d399—
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml#7fe0c6—
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#cfe8dditalic
support.type.graphql, entity.name.type.graphql#e6c07d—
keyword.operation.graphql, keyword.type.graphql, storage.type.graphql#34d399—
variable.graphql, variable.other.property.graphql#cfe8dd—
entity.name.fragment.graphql#5ac8e6—
entity.name.tag.svelte#e6c07d—
support.type.svelte, entity.other.attribute-name.svelte, punctuation.definition.keyword.svelte#34d399italic
entity.other.attribute-name.directive.vue, entity.other.attribute-name.html.vue#34d399italic
entity.name.tag.template.vue#e6c07d—
string.regexp#a7f3d0—
constant.other.symbol#c9a9f0—
entity.name.type.module, entity.name.namespace, storage.modifier.module#7fe0c6—
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end#7fe0c6—