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.activeFocusBorder#ffcc66
  • activityBar.background#1a1f29
  • activityBar.border#4a5568
  • activityBar.foreground#cbccc6
  • activityBar.inactiveForeground#4a5568
  • activityBarBadge.background#ffcc66
  • activityBarBadge.foreground#1f2430
  • activityBarTop.background#1a1f29
  • activityBarTop.foreground#cbccc6
  • activityBarTop.inactiveForeground#4a5568
  • activityErrorBadge.background#f28779
  • activityErrorBadge.foreground#1f2430
  • activityWarningBadge.background#ffa759
  • activityWarningBadge.foreground#1f2430
  • agents.background#1f2430
  • agentsBadge.background#ffcc66
  • agentsChatInput.background#212733
  • agentsNewSessionButton.background#00000000
  • agentsNewSessionButton.hoverBackground#FFFFFF18
  • agentsPanel.background#1a1f29
  • agentsUnreadBadge.background#ffcc66
  • badge.background#ffcc66e0
  • badge.foreground#1f2430
  • banner.background#2a3040
  • banner.foreground#cbccc6
  • banner.iconForeground#cbccc6
  • breadcrumb.activeSelectionForeground#cbccc6
  • breadcrumb.background#1f2430
  • breadcrumb.focusForeground#cbccc6
  • breadcrumb.foreground#8a9199
  • breadcrumbPicker.background#212733
  • button.background#ffcc66
  • button.foreground#1f2430
  • button.hoverBackground#ffd580
  • button.secondaryBackground#2a3040
  • button.secondaryForeground#cbccc6
  • button.secondaryHoverBackground#FFFFFF10
  • button.separator#1f2430
  • charts.blue#5ccfe6
  • charts.foreground#cbccc6
  • charts.green#bae67e
  • charts.lines#4a5568
  • charts.orange#ffa759
  • charts.purple#d4bfff
  • charts.red#f28779
  • charts.yellow#ffd580
  • chat.avatarBackground#1f2430
  • chat.avatarForeground#d4bfff
  • chat.linesAddedForeground#bae67e
  • chat.linesRemovedForeground#f28779
  • chat.requestBackground#2a3040
  • chat.requestBorder#4a5568
  • chat.requestBubbleBackground#ffffff13
  • chat.requestBubbleHoverBackground#ffffff22
  • chat.requestCodeBorder#2a3040
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#ffd580
  • chat.thinkingShimmer#5ccfe6
  • checkbox.background#212733
  • checkbox.border#4a5568
  • checkbox.foreground#ffcc66
  • commandCenter.activeBackground#FFFFFF0F
  • commandCenter.activeForeground#cbccc6
  • commandCenter.background#1a1f29
  • commandCenter.border#4a5568
  • commandCenter.debuggingBackground#1a1f29
  • commandCenter.foreground#8a9199
  • debugConsole.errorForeground#f28779
  • debugConsole.infoForeground#5ccfe6
  • debugConsole.sourceForeground#cbccc6
  • debugConsole.warningForeground#ffa759
  • debugConsoleInputIcon.foreground#ffd580
  • debugExceptionWidget.background#2a3040
  • debugExceptionWidget.border#4a5568
  • debugIcon.breakpointCurrentStackframeForeground#ffd580
  • debugIcon.breakpointDisabledForeground#cbccc6
  • debugIcon.breakpointForeground#f28779
  • debugIcon.breakpointStackframeForeground#cbccc6
  • debugIcon.breakpointUnverifiedForeground#ffa759
  • debugIcon.continueForeground#cbccc6
  • debugIcon.disconnectForeground#cbccc6
  • debugIcon.pauseForeground#cbccc6
  • debugIcon.restartForeground#5ccfe6
  • debugIcon.startForeground#5ccfe6
  • debugIcon.stepBackForeground#cbccc6
  • debugIcon.stepIntoForeground#cbccc6
  • debugIcon.stepOutForeground#cbccc6
  • debugIcon.stepOverForeground#cbccc6
  • debugIcon.stopForeground#f28779
  • debugTokenExpression.boolean#ffa759
  • debugTokenExpression.error#f28779
  • debugTokenExpression.name#5ccfe6
  • debugTokenExpression.number#d4bfff
  • debugTokenExpression.string#bae67e
  • debugTokenExpression.value#cbccc6
  • debugToolBar.background#2a3040
  • debugView.exceptionLabelBackground#f28779
  • debugView.exceptionLabelForeground#1f2430
  • debugView.stateLabelBackground#5ccfe6
  • debugView.stateLabelForeground#1f2430
  • debugView.valueChangedHighlight#ffd580
  • descriptionForeground#8a9199
  • diffEditor.diagonalFill#2a3040
  • diffEditor.insertedLineBackground#bae67e1a
  • diffEditor.insertedTextBackground#bae67e33
  • diffEditor.move.border
  • diffEditor.moveActive.border
  • diffEditor.removedLineBackground#f287791a
  • diffEditor.removedTextBackground#f2877933
  • diffEditor.unchangedCodeBackground#191e2a
  • diffEditor.unchangedRegionBackground#191e2a
  • diffEditor.unchangedRegionForeground#cbccc6
  • diffEditor.unchangedRegionShadow#171c28
  • diffEditorGutter.insertedLineBackground#bae67e19
  • diffEditorGutter.removedLineBackground#f2877919
  • diffEditorOverview.insertedForeground#bae67ea5
  • diffEditorOverview.removedForeground#f28779a5
  • disabledForeground#cbccc626
  • dropdown.background#1a1f29
  • dropdown.border#4a5568
  • dropdown.foreground#8a9199
  • dropdown.listBackground#1a1f29
  • editor.background#1f2430
  • editor.findMatchBackground#ffcc6640
  • editor.findMatchBorder#ffcc66
  • editor.findMatchHighlightBackground#ffcc6630
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#212733
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#cbccc626
  • editor.foldBackground#cbccc60c
  • editor.foreground#cbccc6
  • editor.hoverHighlightBackground#212733
  • editor.inactiveSelectionBackground#33415e60
  • editor.inlineValuesBackground#4a5568
  • editor.inlineValuesForeground#cbccc6
  • editor.lineHighlightBackground#191e2a
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#2a3040
  • editor.rangeHighlightBackground#212733
  • editor.rangeHighlightBorder#2a3040
  • editor.selectionBackground#33415e
  • editor.selectionHighlightBackground#33415e60
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#cbccc626
  • editor.wordHighlightBackground#33415e50
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#33415e80
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#f28779
  • editorBracketHighlight.foreground2#ffa759
  • editorBracketHighlight.foreground3#ffd580
  • editorBracketHighlight.foreground4#bae67e
  • editorBracketHighlight.foreground5#5ccfe6
  • editorBracketHighlight.foreground6#d4bfff
  • editorBracketMatch.background#ffcc6630
  • editorBracketMatch.border#4a5568
  • editorCodeLens.foreground#4a5568
  • editorCommentsWidget.rangeActiveBackground#ffcc6646
  • editorCommentsWidget.rangeBackground#ffcc6626
  • editorCursor.background#1f2430
  • editorCursor.foreground#ffcc66
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#f28779
  • editorGhostText.foreground#4a5568
  • editorGroup.border#191e2a
  • editorGroup.dropBackground#191e2abf
  • editorGroup.emptyBackground#171c28
  • editorGroup.focusedEmptyBorder#191e2a
  • editorGroupHeader.noTabsBackground#1f2430
  • editorGroupHeader.tabsBackground#1a1f29
  • editorGroupHeader.tabsBorder#1f2430
  • editorGutter.addedBackground#bae67e
  • editorGutter.background#1f2430
  • editorGutter.deletedBackground#f28779
  • editorGutter.foldingControlForeground#cbccc6
  • editorGutter.modifiedBackground#ffa759
  • editorHint.border#1f2430
  • editorHint.foreground#d4bfff
  • editorHoverWidget.background#212733
  • editorHoverWidget.border#191e2a
  • editorIndentGuide.activeBackground#4a5568
  • editorIndentGuide.background#4a55684D
  • editorInfo.background#00000000
  • editorInfo.border#1f2430
  • editorInfo.foreground#5ccfe6
  • editorInlayHint.background#2a3040
  • editorInlayHint.foreground#8a9199
  • editorInlayHint.parameterBackground#ffa7590c
  • editorInlayHint.parameterForeground#ffa7597f
  • editorInlayHint.typeBackground#d4bfff0c
  • editorInlayHint.typeForeground#d4bfff7f
  • editorLightBulb.foreground#ffd580
  • editorLightBulbAi.foreground#ffd580
  • editorLightBulbAutoFix.foreground#bae67e
  • editorLineNumber.activeForeground#cbccc6
  • editorLineNumber.foreground#4a5568
  • editorLink.activeForeground#5ccfe6
  • editorMarkerNavigation.background#2a3040
  • editorMarkerNavigationError.background#f28779
  • editorMarkerNavigationInfo.background#5ccfe6
  • editorMarkerNavigationWarning.background#ffa759
  • editorOverviewRuler.addedForeground#bae67e
  • editorOverviewRuler.border#1f2430
  • editorOverviewRuler.currentContentForeground#2a3040
  • editorOverviewRuler.deletedForeground#f28779
  • editorOverviewRuler.errorForeground#f28779
  • editorOverviewRuler.findMatchForeground#cbccc626
  • editorOverviewRuler.incomingContentForeground#2a3040
  • editorOverviewRuler.infoForeground#5ccfe6
  • editorOverviewRuler.modifiedForeground#ffa759
  • editorOverviewRuler.rangeHighlightForeground#cbccc626
  • editorOverviewRuler.selectionHighlightForeground#cbccc626
  • editorOverviewRuler.warningForeground#ffa759
  • editorOverviewRuler.wordHighlightForeground#cbccc626
  • editorOverviewRuler.wordHighlightStrongForeground#cbccc626
  • editorPane.background#1f2430
  • editorRuler.foreground#4a5568
  • editorStickyScroll.background#1f2430
  • editorStickyScroll.border#2a3040
  • editorStickyScroll.shadow#1f2430
  • editorStickyScrollHover.background#212733
  • editorSuggestWidget.background#212733
  • editorSuggestWidget.border#191e2a
  • editorSuggestWidget.foreground#cbccc6
  • editorSuggestWidget.highlightForeground#cbccc6
  • editorSuggestWidget.selectedBackground#ffcc6620
  • editorUnnecessaryCode.opacity#000000a5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#ffa759
  • editorWhitespace.foreground#4a5568
  • editorWidget.background#212733
  • editorWidget.border#191e2a
  • errorForeground#f28779
  • extensionBadge.remoteBackground#5ccfe6
  • extensionBadge.remoteForeground#1f2430
  • extensionButton.background#2a3040
  • extensionButton.foreground#cbccc6
  • extensionButton.hoverBackground#4a5568
  • extensionButton.prominentBackground#ffcc66
  • extensionButton.prominentForeground#1f2430
  • extensionButton.prominentHoverBackground#ffd580
  • extensionIcon.preReleaseForeground#d4bfff
  • extensionIcon.sponsorForeground#5ccfe6
  • extensionIcon.starForeground#ffd580
  • extensionIcon.verifiedForeground#5ccfe6
  • focusBorder#4a5568
  • foreground#cbccc6
  • gauge.background#ffcc664D
  • gauge.errorBackground#f287794D
  • gauge.warningBackground#ffa7594D
  • gitDecoration.addedResourceForeground#5ccfe6
  • gitDecoration.conflictingResourceForeground#ffa759
  • gitDecoration.deletedResourceForeground#f28779
  • gitDecoration.ignoredResourceForeground#4a5568
  • gitDecoration.modifiedResourceForeground#ffd580
  • gitDecoration.stageDeletedResourceForeground#f28779
  • gitDecoration.stageModifiedResourceForeground#ffd580
  • gitDecoration.untrackedResourceForeground#cbccc6
  • icon.foreground#8a9199
  • inlineChat.background#1f2430
  • inlineChat.border#4a5568
  • inlineChat.shadow#171c28
  • inlineChatDiff.inserted#bae67e19
  • inlineChatDiff.removed#bae67e19
  • inlineEdit.gutterIndicator.background#2a3040
  • inlineEdit.gutterIndicator.primaryBackground#2a3040
  • inlineEdit.gutterIndicator.primaryBorder#2a3040
  • inlineEdit.gutterIndicator.primaryForeground#d4bfff
  • inlineEdit.gutterIndicator.secondaryBackground#2a3040
  • inlineEdit.gutterIndicator.secondaryBorder#2a3040
  • inlineEdit.gutterIndicator.secondaryForeground#ffd580
  • inlineEdit.gutterIndicator.successfulBackground#2a3040
  • inlineEdit.gutterIndicator.successfulBorder#2a3040
  • inlineEdit.gutterIndicator.successfulForeground#bae67e
  • inlineEdit.modifiedBackground#bae67e19
  • inlineEdit.modifiedBorder#bae67e19
  • inlineEdit.modifiedChangedLineBackground#bae67e19
  • inlineEdit.modifiedChangedTextBackground#bae67e19
  • inlineEdit.originalBackground#f2877919
  • inlineEdit.originalBorder#f2877919
  • inlineEdit.originalChangedLineBackground#f2877919
  • inlineEdit.originalChangedTextBackground#f2877919
  • inlineEdit.tabWillAcceptModifiedBorder#bae67e19
  • inlineEdit.tabWillAcceptOriginalBorder#f2877919
  • input.background#1a1f29
  • input.border#4a5568
  • input.foreground#cbccc6
  • input.placeholderForeground#4a5568
  • inputOption.activeBackground#ffcc6620
  • inputOption.activeBorder#4a5568
  • inputOption.activeForeground#cbccc6
  • inputOption.hoverBackground#4a5568
  • inputValidation.errorBackground#2a1a1a
  • inputValidation.errorBorder#f28779
  • inputValidation.errorForeground#f28779
  • inputValidation.infoBackground#1a2a35
  • inputValidation.infoBorder#5ccfe6
  • inputValidation.infoForeground#5ccfe6
  • inputValidation.warningBackground#2a2010
  • inputValidation.warningBorder#ffa759
  • inputValidation.warningForeground#ffa759
  • interactive.activeCodeBorder#4a5568
  • interactive.inactiveCodeBorder#2a3040
  • keybindingLabel.background#4a5568
  • keybindingLabel.border#4a5568
  • keybindingLabel.bottomBorder#4a5568
  • keybindingLabel.foreground#cbccc6
  • list.activeSelectionBackground#ffcc6620
  • list.activeSelectionForeground#ffd580
  • list.dropBackground#ffcc661a
  • list.errorForeground#f28779
  • list.focusBackground#ffcc6620
  • list.focusForeground#cbccc6
  • list.highlightForeground#cbccc6
  • list.hoverBackground#FFFFFF0D
  • list.hoverForeground#cbccc6
  • list.inactiveFocusBackground#1f2430
  • list.inactiveSelectionBackground#252b38
  • list.inactiveSelectionForeground#ffd580
  • list.invalidItemForeground#f28779
  • list.warningForeground#ffa759
  • listFilterWidget.background#1f2430
  • listFilterWidget.noMatchesOutline#f28779
  • listFilterWidget.outline#1f2430
  • listFilterWidget.shadow#171c28
  • menu.background#212733
  • menu.border#4a5568
  • menu.foreground#cbccc6
  • menu.selectionBackground#ffcc6620
  • menu.selectionForeground#ffd580
  • menu.separatorBackground#252b38
  • menubar.selectionBackground#212733
  • menubar.selectionForeground#cbccc6
  • merge.border#1f2430
  • merge.commonContentBackground#cbccc619
  • merge.commonHeaderBackground#cbccc626
  • merge.currentContentBackground#f2877919
  • merge.currentHeaderBackground#f2877926
  • merge.incomingContentBackground#bae67e19
  • merge.incomingHeaderBackground#bae67e26
  • mergeEditor.change.background#cbccc619
  • mergeEditor.change.word.background#cbccc619
  • mergeEditor.conflict.handled.minimapOverViewRuler#5ccfe6
  • mergeEditor.conflict.handledFocused.border#5ccfe6
  • mergeEditor.conflict.handledUnfocused.border#5ccfe6
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#f28779
  • mergeEditor.conflict.unhandledFocused.border#f28779
  • mergeEditor.conflict.unhandledUnfocused.border#f28779
  • minimap.chatEditHighlight#d4bfffа5
  • minimap.errorHighlight#f28779a5
  • minimap.findMatchHighlight#8a9199a5
  • minimap.infoHighlight#5ccfe6a5
  • minimap.selectionHighlight#cbccc526
  • minimap.selectionOccurrenceHighlight#4a5568a5
  • minimap.warningHighlight#ffa759a5
  • minimapGutter.addedBackground#bae67e
  • minimapGutter.deletedBackground#f28779
  • minimapGutter.modifiedBackground#ffd580
  • minimapSlider.activeBackground#4a556899
  • minimapSlider.background#4a556833
  • minimapSlider.hoverBackground#4a556866
  • notebook.cellBorderColor#2a3040
  • notebook.cellEditorBackground#191e2a7f
  • notebook.cellInsertionIndicator#cbccc6
  • notebook.cellStatusBarItemHoverBackground#4a5568
  • notebook.cellToolbarSeparator#2a3040
  • notebook.editorBackground#1f2430
  • notebook.focusedEditorBorder#4a5568
  • notebookStatusErrorIcon.foreground#f28779
  • notebookStatusRunningIcon.foreground#cbccc6
  • notebookStatusSuccessIcon.foreground#bae67e
  • notificationCenter.border#4a5568
  • notificationCenterHeader.background#212733
  • notificationCenterHeader.foreground#8a9199
  • notificationLink.foreground#ffd580
  • notifications.background#212733
  • notifications.border#4a5568
  • notifications.foreground#cbccc6
  • notificationsErrorIcon.foreground#f28779
  • notificationsInfoIcon.foreground#5ccfe6
  • notificationsWarningIcon.foreground#ffa759
  • notificationToast.border#4a5568
  • panel.background#1a1f29
  • panel.border#171c28
  • panel.dropBackground#191e2abf
  • panelStickyScroll.background#2a3040
  • panelStickyScroll.border#4a5568
  • panelStickyScroll.shadow#2a3040
  • panelTitle.activeBorder#ffd580
  • panelTitle.activeForeground#ffd580
  • panelTitle.inactiveForeground#8a9199
  • panelTitleBadge.background#ffd580
  • panelTitleBadge.foreground#1f2430
  • peekView.border#191e2a
  • peekViewEditor.background#1a1f29
  • peekViewEditor.matchHighlightBackground#ffcc6620
  • peekViewEditorGutter.background#2a3040
  • peekViewResult.background#1a1f29
  • peekViewResult.fileForeground#8a9199
  • peekViewResult.lineForeground#8a9199
  • peekViewResult.matchHighlightBackground#ffcc6620
  • peekViewResult.selectionBackground#ffcc6620
  • peekViewResult.selectionForeground#cbccc6
  • peekViewTitle.background#212733
  • peekViewTitleDescription.foreground#8a9199
  • peekViewTitleLabel.foreground#cbccc6
  • pickerGroup.border#1f2430
  • pickerGroup.foreground#4a5568
  • ports.iconRunningProcessForeground#5ccfe6
  • problemsErrorIcon.foreground#f28779
  • problemsInfoIcon.foreground#5ccfe6
  • problemsWarningIcon.foreground#ffa759
  • profileBadge.background#2a3040
  • profileBadge.foreground#cbccc6
  • progressBar.background#ffcc66
  • quickInput.background#212733
  • quickInput.foreground#8a9199
  • quickInputList.focusBackground#ffcc6633
  • quickInputList.hoverBackground#252b38
  • quickInputTitle.background#212733
  • radio.activeBackground#2a3040
  • radio.activeBorder#4a5568
  • radio.activeForeground#ffd580
  • radio.inactiveBackground#1f2430
  • radio.inactiveBorder#4a5568
  • radio.inactiveForeground#8a9199
  • radio.inactiveHoverBackground#2a3040
  • sash.hoverBorder#4a5568
  • scmGraph.foreground1#f28779
  • scmGraph.foreground2#ffa759
  • scmGraph.foreground3#ffd580
  • scmGraph.foreground4#bae67e
  • scmGraph.foreground5#d4bfff
  • scmGraph.historyItemBaseRefColor#5ccfe6
  • scmGraph.historyItemHoverAdditionsForeground#bae67e
  • scmGraph.historyItemHoverDefaultLabelBackground#4a5568
  • scmGraph.historyItemHoverDefaultLabelForeground#1f2430
  • scmGraph.historyItemHoverDeletionsForeground#f28779
  • scmGraph.historyItemHoverLabelForeground#1f2430
  • scmGraph.historyItemRefColor#d4bfff
  • scmGraph.historyItemRemoteRefColor#bae67e
  • scrollbar.shadow#1f2430
  • scrollbarSlider.activeBackground#4a556899
  • scrollbarSlider.background#4a556833
  • scrollbarSlider.hoverBackground#4a556866
  • selection.background#cbccc526
  • settings.checkboxBackground#2a3040
  • settings.checkboxBorder#4a5568
  • settings.checkboxForeground#ffd580
  • settings.dropdownBackground#2a3040
  • settings.dropdownBorder#4a5568
  • settings.dropdownForeground#cbccc6
  • settings.dropdownListBorder#8a9199
  • settings.focusedRowBackground#2a3040
  • settings.focusedRowBorder#4a5568
  • settings.headerForeground#ffd580
  • settings.modifiedItemForeground#ffd580
  • settings.modifiedItemIndicator#ffd580
  • settings.numberInputBackground#2a3040
  • settings.numberInputBorder#4a5568
  • settings.numberInputForeground#cbccc6
  • settings.rowHoverBackground#cbccc60c
  • settings.sashBorder#2a3040
  • settings.settingsHeaderHoverForeground#cbccc6
  • settings.textInputBackground#2a3040
  • settings.textInputBorder#4a5568
  • settings.textInputForeground#cbccc6
  • sideBar.background#1a1f29
  • sideBar.border#171c28
  • sideBar.dropBackground#191e2abf
  • sideBar.foreground#8a9199
  • sideBarSectionHeader.background#1a1f29
  • sideBarSectionHeader.foreground#4a5568
  • sideBarStickyScroll.background#191e2a
  • sideBarStickyScroll.border#2a3040
  • sideBarStickyScroll.shadow#191e2a
  • sideBarTitle.foreground#4a5568
  • simpleFindWidget.sashBorder
  • statusBar.background#1a1f29
  • statusBar.border#171c28
  • statusBar.debuggingBackground#ffcc66
  • statusBar.debuggingBorder#191e2a
  • statusBar.debuggingForeground#1f2430
  • statusBar.focusBorder#2a3040
  • statusBar.foreground#4a5568
  • statusBar.noFolderBackground#1a1f29
  • statusBar.noFolderBorder#171c28
  • statusBar.noFolderForeground#4a5568
  • statusBarItem.activeBackground#353c4a
  • statusBarItem.errorBackground#1f2430
  • statusBarItem.errorForeground#f28779
  • statusBarItem.focusBorder#4a5568
  • statusBarItem.hoverBackground#252b38
  • statusBarItem.hoverForeground#cbccc6
  • statusBarItem.offlineBackground
  • statusBarItem.offlineForeground
  • statusBarItem.prominentBackground#ffcc66
  • statusBarItem.prominentHoverBackground#ffd580
  • statusBarItem.remoteBackground#191e2a
  • statusBarItem.remoteForeground#5ccfe6
  • statusBarItem.remoteHoverBackground#5ccfe6
  • statusBarItem.remoteHoverForeground#1f2430
  • statusBarItem.warningBackground#1f2430
  • statusBarItem.warningForeground#ffa759
  • symbolIcon.arrayForeground#f28779
  • symbolIcon.booleanForeground#f28779
  • symbolIcon.classForeground#5ccfe6
  • symbolIcon.colorForeground#d4bfff
  • symbolIcon.constantForeground#d4bfff
  • symbolIcon.constructorForeground#bae67e
  • symbolIcon.enumeratorForeground#ffa759
  • symbolIcon.enumeratorMemberForeground#ffa759
  • symbolIcon.eventForeground#ffa759
  • symbolIcon.fieldForeground#ffa759
  • symbolIcon.fileForeground#cbccc6
  • symbolIcon.folderForeground#cbccc6
  • symbolIcon.functionForeground#bae67e
  • symbolIcon.interfaceForeground#5ccfe6
  • symbolIcon.keyForeground#ffa759
  • symbolIcon.keywordForeground#f28779
  • symbolIcon.methodForeground#bae67e
  • symbolIcon.moduleForeground#5ccfe6
  • symbolIcon.namespaceForeground#5ccfe6
  • symbolIcon.nullForeground#d4bfff
  • symbolIcon.numberForeground#d4bfff
  • symbolIcon.objectForeground#5ccfe6
  • symbolIcon.operatorForeground#f28779
  • symbolIcon.packageForeground#d4bfff
  • symbolIcon.propertyForeground#ffa759
  • symbolIcon.referenceForeground#d4bfff
  • symbolIcon.snippetForeground#bae67e
  • symbolIcon.stringForeground#bae67e
  • symbolIcon.structForeground#f28779
  • symbolIcon.textForeground#bae67e
  • symbolIcon.typeParameterForeground#ffa759
  • symbolIcon.unitForeground#d4bfff
  • symbolIcon.variableForeground#5ccfe6
  • tab.activeBackground#1f2430
  • tab.activeBorder#ffcc66
  • tab.activeForeground#cbccc6
  • tab.activeModifiedBorder#4a5568
  • tab.border#1f2430
  • tab.hoverBackground#1f2430
  • tab.hoverBorder#4a5568
  • tab.hoverForeground#cbccc6
  • tab.inactiveBackground#1a1f29
  • tab.inactiveForeground#8a9199
  • tab.inactiveModifiedBorder#4a5568
  • tab.lastPinnedBorder#4a5568
  • tab.unfocusedActiveBackground#1f2430
  • tab.unfocusedActiveBorder#8a9199
  • tab.unfocusedActiveForeground#cbccc6
  • tab.unfocusedActiveModifiedBorder#2a3040
  • tab.unfocusedHoverBackground#1f2430
  • tab.unfocusedHoverBorder#1f2430
  • tab.unfocusedHoverForeground#cbccc6
  • tab.unfocusedInactiveBackground#1a1f29
  • tab.unfocusedInactiveForeground#8a9199
  • tab.unfocusedInactiveModifiedBorder#2a3040
  • terminal.ansiBlack#2a3040
  • terminal.ansiBlue#5ccfe6
  • terminal.ansiBrightBlack#4a5568
  • terminal.ansiBrightBlue#73d0ff
  • terminal.ansiBrightCyan#5ccfe6
  • terminal.ansiBrightGreen#bae67e
  • terminal.ansiBrightMagenta#d4bfff
  • terminal.ansiBrightRed#f28779
  • terminal.ansiBrightWhite#cbccc6
  • terminal.ansiBrightYellow#ffd580
  • terminal.ansiCyan#5ccfe6
  • terminal.ansiGreen#bae67e
  • terminal.ansiMagenta#d4bfff
  • terminal.ansiRed#f28779
  • terminal.ansiWhite#cbccc6
  • terminal.ansiYellow#ffd580
  • terminal.background#1a1f29
  • terminal.foreground#cbccc6
  • terminal.selectionBackground#ffcc6620
  • terminalCommandDecoration.defaultBackground#cbccc6
  • terminalCommandDecoration.errorBackground#f28779
  • terminalCommandDecoration.successBackground#bae67e
  • terminalCursor.background#1a1f29
  • terminalCursor.foreground#ffcc66
  • testing.iconErrored#f28779
  • testing.iconFailed#f28779
  • testing.iconPassed#bae67e
  • testing.iconQueued#cbccc6
  • testing.iconSkipped#ffa759
  • testing.iconUnset#8a9199
  • testing.message.error.decorationForeground#f28779
  • testing.message.error.lineBackground#f2877919
  • testing.message.info.decorationForeground#cbccc6
  • testing.message.info.lineBackground#cbccc619
  • testing.runAction#ffd580
  • textBlockQuote.background#212733
  • textBlockQuote.border#2a3040
  • textCodeBlock.background#212733
  • textLink.activeForeground#cbccc6
  • textLink.foreground#ffd580
  • textPreformat.background#212733
  • textPreformat.foreground#cbccc6
  • textSeparator.foreground#4a5568
  • titleBar.activeBackground#1a1f29
  • titleBar.activeForeground#8a9199
  • titleBar.border#171c28
  • titleBar.inactiveBackground#1a1f29
  • titleBar.inactiveForeground#4a5568
  • toolbar.hoverBackground#FFFFFF18
  • tree.inactiveIndentGuidesStroke#1f2430
  • tree.indentGuidesStroke#2a3040
  • walkThrough.embeddedEditorBackground#191e2a
  • welcomePage.buttonBackground#2a3040
  • welcomePage.buttonHoverBackground#4a5568
  • welcomePage.progress.background#4a5568
  • welcomePage.progress.foreground#8a9199
  • welcomePage.tileBackground#2a3040
  • welcomePage.tileHoverBackground#4a5568
  • welcomePage.tileShadow#171c28
  • widget.shadow#171c28

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#5c6773italic
comment storage.type#5c6773
comment entity.name.type#8a9199
comment variable, comment variable.other#8a9199
comment keyword, comment entity.name.tag, entity.name.tag.documentation#8a9199
comment keyword.codetag.notation#d4bfff
comment.git-status.header.remote#f28779
comment.git-status.header.local#5ccfe6
comment.other.git-status.head#cbccc6
string.quoted.docstring, string.quoted.docstring punctuation.definition#5c6773
constant#d4bfff
constant.other#cbccc6
constant.other.java#d4bfff
constant.other.caps#d4bfff
constant.other.placeholder#ffa759
constant.other.property#d4bfff
constant.other.citation.latex#d4bfff
constant.other.color#d4bfff
constant.other.character-class.escape#d4bfff
constant.other.key#d4bfff
constant.other.symbol#ffa759
constant.other.elm#5ccfe6
constant.numeric#d4bfff
constant.language#d4bfff
constant.character.escape#d4bfff
constant.numeric.line-number.find-in-files#4a5568
constant.numeric.line-number.match.find-in-files#ffd580
entity.name.section#ffd580
entity.name.function, entity.name.function.templated, entity.name.function.member.static#ffd580
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#5ccfe6
entity.name.label#d4bfff
entity.name.function.preprocessor#5ccfe6
entity.name#ffd580
entity.name.class#5ccfe6
entity.name.constant#d4bfff
entity.name.namespace#5ccfe6
entity.other.inherited-class#5ccfe6italic
entity.name.function#ffd580
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#5ccfe6
source.ansible entity.name.tag#5ccfe6
entity.name.function.operator#f28779
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#8a9199
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#5ccfe6
entity.other.attribute-name#ffa759italic
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#ffd580
entity.other.attribute-name.id.css#ffa759
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#5ccfe6italic
entity.name.function, support.function#ffd580
entity.other.git-status.hex#d4bfff
entity.other.jinja2.delimiter#8a9199
entity.name.operator.custom-literal#cbccc6
entity.name.operator.custom-literal.string#bae67e
entity.name.operator.custom-literal.number#d4bfff
entity.name.type.rust#5ccfe6
entity.name.lifetime.rust#f28779
invalid#f28779italic underline
invalid.deprecated#ffa759italic underline
keyword#ffa759
keyword.control#ffa759
keyword.control.directive#ffa759
keyword.operator, keyword.operator.member, keyword.operator.new#f29e74
keyword.other.substitution#8a9199
keyword.other.template.begin, keyword.other.template.end#ffa759
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#8a9199
keyword.other.parenthesis.elm#8a9199
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#5ccfe6
keyword.control.rust, keyword.operator.misc.rust#ffa759
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#ffa759
markup.italicitalic
markup.boldbold
markup.heading#ffd580
markup.raw#ffa759
markup.underlineunderline
markup.underline.link#73d0ff
markup.inserted, markup.inserted punctuation.definition.inserted#bae67e
markup.deleted, markup.deleted punctuation.definition.deleted#f28779
markup.changed, markup.changed punctuation.definition.changed#ffd580
markup.ignored, markup.ignored punctuation.definition.ignored#8a9199
markup.untracked#8a9199
markup.quoteitalic
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#8a9199
meta.function-call.generic.python, support.function.builtin.python#ffd580
meta.function-call.python meta.function-call.arguments.python#cbccc6
meta.interpolation#ffa759
meta.instance.constructor#ffd580
meta.attribute-with-value.class string, meta.attribute.class.html string#ffd580
meta.attribute-with-value.id string, meta.attribute.id.html string#ffa759
source.json meta.mapping.key string#cbccc6
source.yaml meta.mapping.key string#5ccfe6
meta.object.member#cbccc6
meta.property-list.css variable.other#ffa759
entity.name.constant.preprocessor, meta.preprocessor#d4bfff
meta.diff.git-diff.header#ffd580
meta.type_params.rust#cbccc6
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#8a9199
meta.type variable, meta.type variable.other.readwrite, variable.annotation, meta.decorator variable.other.readwrite#d4bfff
punctuation#8a9199
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#8a9199
punctuation.definition.group#cbccc6
punctuation.definition.comment#5c6773
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#8a9199
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#ffa759
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#ffa759
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
markup.underline.link punctuation#73d0ff
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#8a9199
region.redish#f28779
region.orangish#ffa759
region.yellowish#ffd580
region.greenish#bae67e
region.bluish#5ccfe6
region.purplish#d4bfff
region.pinkish#f28779
region.whitish#FFFFFF
source#cbccc6
source.scss, source.sass#8a9199
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#ffa759italic
source.git-show.commit.sha#d4bfff
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#8a9199
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#d4bfff
source.git-show meta.diff.range.unified#ffa759
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#8a9199
storage#ffa759
storage.type#5ccfe6italic
storage.type.extends#ffa759normal
storage.type.function.arrow#f29e74normal
storage.modifier, storage.type.modifier#ffa759italic
storage.class.restructuredtext.ref#d4bfff
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#ffa759
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#5ccfe6
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#ffa759
storage.modifier.import.java#cbccc6
string#bae67e
string.unquoted.label#cbccc6
string source#cbccc6
string source punctuation.section.embedded, string punctuation.definition.string source#8a9199
string.other.link.title, string.other.link.description#f28779
string.other.link.description.title#5ccfe6
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#ffa759
string.other.ref, string.other.restructuredtext.ref#bae67e
string.other.git-status.help.key#8a9199
string.other.git-status.remote#f28779
support.constant#5ccfe6
support.constant.handlebars#8a9199
support.type.vendor-prefix.css#8a9199
support.function#ffd580
support.macro#ffd580
support.function.delimiter.elm#8a9199
support.type, entity.name.type.object.console#5ccfe6italic
support.variable, support.variable.property#5ccfe6
support.type.property-name#cbccc6normal
support.class#5ccfe6
support.constant.core.rust#d4bfff
comment support, comment support.class#5c6773
text#cbccc6
text.find-in-files#cbccc6
variable, variable.other#cbccc6
variable.parameter, parameters variable.function#ffa759italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#8a9199italic
variable.language.arguments#d4bfff
variable.other.class#5ccfe6
variable.other.constant#d4bfff
variable.other.readwrite#cbccc6
variable.other.member#cbccc6
variable.other.enummember#d4bfff
variable.other.property, variable.other.property.static, variable.other.event#cbccc6
variable.function#ffd580
variable.other.substitution#ffa759
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#d4bfff
source.jinja2 variable.other.jinja2.block#ffd580
source.jinja2 variable.other.jinja2#ffa759