Tyrian Night
Publisher: renbknaThemes in package: 6
Tyrian Night theme family: quiet Night, atmospheric Nocturne, soft Pastel, electric Abyss, Dawn, and historical-reference Night Old, with opt-in Linux Island UI
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#3A0C4E
- activityBar.activeBackground#3A0C4E
- activityBar.activeBorder#C13CFB
- activityBar.activeFocusBorder#C13CFB
- activityBar.background#030109
- activityBar.dropBorder#C13CFB47
- activityBar.foreground#BDADCE
- activityBar.inactiveForeground#84779B
- activityBarBadge.background#C13CFB
- activityBarBadge.foreground#06020B
- activityBarTop.activeBackground#3A0C4E
- activityBarTop.activeBorder#C13CFB
- activityBarTop.background#030109
- activityBarTop.dropBorder#C13CFB47
- activityBarTop.foreground#BDADCE
- activityBarTop.inactiveForeground#84779B
- activityErrorBadge.background#F0636F
- activityErrorBadge.foreground#06020B
- activityWarningBadge.background#D99A31
- activityWarningBadge.foreground#06020B
- agentSessionReadIndicator.foreground#5698EC
- agentSessionSelectedBadge.border#2E1243
- agentSessionSelectedUnfocusedBadge.border#2E1243
- agentStatusIndicator.background#3A0C4E
- aiCustomizationManagement.sashBorder#2E1243
- badge.background#C13CFB
- badge.foreground#06020B
- breadcrumb.activeSelectionForeground#D67DFB
- breadcrumb.background#04020F
- breadcrumb.focusForeground#DED6E9
- breadcrumb.foreground#84779B
- breadcrumbPicker.background#100925
- button.background#360F4B
- button.border#2E1243
- button.foreground#DED6E9
- button.hoverBackground#491568
- button.secondaryBackground#1F0830
- button.secondaryBorder#2E1243
- button.secondaryForeground#DED6E9
- button.secondaryHoverBackground#390E51
- button.separator#2E1243
- charts.blue#5698EC
- charts.foreground#DED6E9
- charts.green#59A961
- charts.orange#D99A31
- charts.purple#5698EC
- charts.red#F0636F
- charts.yellow#D99A31
- chat.avatarBackground#C13CFB
- chat.avatarForeground#06020B
- chat.checkpointSeparator#2E1243
- chat.editedFileForeground#5698EC
- chat.linesAddedForeground#59A961
- chat.linesRemovedForeground#F0636F
- chat.requestBackground#100925
- chat.requestBubbleBackground#1F0830
- chat.requestBubbleHoverBackground#1A0E34
- chat.requestCodeBorder#2E1243
- chat.slashCommandBackground#1F0830
- chat.slashCommandForeground#D67DFB
- chat.thinkingShimmer#D67DFB
- chatManagement.sashBorder#2E1243
- checkbox.background#0A041B
- checkbox.border#2E1243
- checkbox.disabled.background#0A041B
- checkbox.disabled.foreground#84779B
- checkbox.foreground#C13CFB
- checkbox.selectBackground#3A0C4E
- checkbox.selectBorder#2E1243
- commandCenter.activeBackground#5A1276
- commandCenter.activeBorder#C13CFB
- commandCenter.activeForeground#DED6E9
- commandCenter.background#04020F
- commandCenter.border#2E1243
- commandCenter.debuggingBackground#390E51
- commandCenter.foreground#B0A3C3
- commandCenter.inactiveBorder#2E1243
- commandCenter.inactiveForeground#84779B
- commentsView.resolvedIcon#59A961
- commentsView.unresolvedIcon#F0636F
- debugConsole.errorForeground#F0636F
- debugConsole.infoForeground#5698EC
- debugConsole.warningForeground#D99A31
- debugIcon.breakpointCurrentStackframeForeground#F0636F
- debugIcon.breakpointDisabledForeground#84779B
- debugIcon.breakpointForeground#F0636F
- debugIcon.breakpointStackframeForeground#F0636F
- debugIcon.breakpointUnverifiedForeground#F0636F
- debugIcon.continueForeground#59A961
- debugIcon.pauseForeground#D99A31
- debugIcon.restartForeground#59A961
- debugIcon.startForeground#59A961
- debugIcon.stepBackForeground#59A961
- debugIcon.stepIntoForeground#59A961
- debugIcon.stepOutForeground#59A961
- debugIcon.stepOverForeground#59A961
- debugIcon.stopForeground#F0636F
- debugTokenExpression.boolean#D561AE
- debugTokenExpression.error#F0636F
- debugTokenExpression.name#DED6E9
- debugTokenExpression.number#D561AE
- debugTokenExpression.string#58B763
- debugTokenExpression.type#8C83FD
- debugTokenExpression.value#B0A3C3
- debugToolBar.background#100925
- debugToolBar.border#2E1243
- debugView.stateLabelBackground#0A041B
- descriptionForeground#B0A3C3
- diffEditor.insertedLineBackground#59A96114
- diffEditor.insertedTextBackground#59A96126
- diffEditor.removedLineBackground#F0636F14
- diffEditor.removedTextBackground#F0636F26
- diffEditorGutter.insertedLineBackground#59A96114
- diffEditorGutter.removedLineBackground#F0636F14
- diffEditorOverview.insertedForeground#59A9618C
- diffEditorOverview.removedForeground#F0636F8C
- disabledForeground#84779B
- dropdown.background#0A041B
- dropdown.border#2E1243
- dropdown.foreground#DED6E9
- dropdown.listBackground#100925
- editor.background#010005
- editor.compositionBorder#C13CFB
- editor.findMatchBackground#C13CFB60
- editor.findMatchBorder#C13CFB
- editor.findMatchForeground#DED6E9
- editor.findMatchHighlightBackground#C13CFB33
- editor.findMatchHighlightForeground#DED6E9
- editor.foreground#DED6E9
- editor.hoverHighlightBackground#C13CFB22
- editor.inactiveSelectionBackground#C13CFB30
- editor.lineHighlightBackground#1A0E34
- editor.lineHighlightBorder#551E74
- editor.placeholder.foreground#84779B
- editor.rangeHighlightBackground#C13CFB1F
- editor.selectionBackground#C13CFB47
- editor.selectionForeground#DED6E9
- editor.wordHighlightBackground#C13CFB2B
- editor.wordHighlightBorder#C13CFB50
- editor.wordHighlightStrongBackground#C13CFB42
- editorActionList.background#100925
- editorActionList.focusBackground#430F5F
- editorActionList.focusForeground#DED6E9
- editorActionList.foreground#DED6E9
- editorBracketHighlight.foreground1#9E72C0
- editorBracketHighlight.foreground2#A77A55
- editorBracketHighlight.foreground3#6F88CA
- editorBracketHighlight.foreground4#B95F92
- editorBracketHighlight.foreground5#5391BC
- editorBracketHighlight.foreground6#BF6059
- editorBracketMatch.background#C13CFB22
- editorBracketMatch.border#913AB5D9
- editorCommentsWidget.rangeActiveBackground#1A0E34
- editorCommentsWidget.rangeBackground#C13CFB2B
- editorCommentsWidget.replyInputBackground#0A041B
- editorCommentsWidget.resolvedBorder#59A961
- editorCommentsWidget.unresolvedBorder#F0636F
- editorCursor.background#010005
- editorCursor.foreground#C767F9
- editorError.border#F0636F00
- editorError.foreground#F0636F
- editorGhostText.background#1A0E3480
- editorGhostText.border#5698EC
- editorGhostText.foreground#84779B
- editorGroup.border#2E1243
- editorGroup.dropBackground#C13CFB47
- editorGroup.dropIntoPromptBackground#430F5F
- editorGroup.dropIntoPromptBorder#C13CFB
- editorGroup.focusedEmptyBorder#C13CFB
- editorGroupHeader.border#2E1243
- editorGroupHeader.noTabsBackground#04020F
- editorGroupHeader.tabsBackground#04020F
- editorGroupHeader.tabsBorder#2E1243
- editorGutter.addedBackground#59A961
- editorGutter.background#000002
- editorGutter.deletedBackground#F0636F
- editorGutter.modifiedBackground#5698EC
- editorHint.border#59A96100
- editorHint.foreground#59A961
- editorHoverWidget.background#100925
- editorHoverWidget.border#2E1243
- editorHoverWidget.foreground#C4B9DA
- editorHoverWidget.highlightForeground#D67DFB
- editorHoverWidget.statusBarBackground#100925
- editorIndentGuide.activeBackground1#471762
- editorIndentGuide.background1#1B0927
- editorInfo.border#5698EC00
- editorInfo.foreground#5698EC
- editorInlayHint.background#1A0E3480
- editorInlayHint.foreground#84779B
- editorInlayHint.parameterBackground#1A0E3480
- editorInlayHint.parameterForeground#84779B
- editorInlayHint.typeBackground#1A0E3480
- editorInlayHint.typeForeground#84779B
- editorLineNumber.activeForeground#B5A5C8
- editorLineNumber.dimmedForeground#817395
- editorLineNumber.foreground#817395
- editorMultiCursor.primary.background#010005
- editorMultiCursor.primary.foreground#C767F9
- editorMultiCursor.secondary.background#010005
- editorMultiCursor.secondary.foreground#C767F9
- editorOverviewRuler.addedForeground#59A9618C
- editorOverviewRuler.border#2E1243
- editorOverviewRuler.bracketMatchForeground#913AB5BF
- editorOverviewRuler.commonContentForeground#84779B
- editorOverviewRuler.currentContentForeground#5698EC
- editorOverviewRuler.deletedForeground#F0636F8C
- editorOverviewRuler.errorForeground#F0636F8C
- editorOverviewRuler.findMatchForeground#C13CFB60
- editorOverviewRuler.incomingContentForeground#59A961
- editorOverviewRuler.infoForeground#5698EC8C
- editorOverviewRuler.modifiedForeground#5698EC8C
- editorOverviewRuler.selectionHighlightForeground#C13CFB78
- editorOverviewRuler.warningForeground#D99A318C
- editorPane.background#04020F
- editorRuler.foreground#2E1243
- editorStickyScroll.background#04020F
- editorStickyScrollGutter.background#000002
- editorStickyScrollHover.background#1A0E34
- editorSuggestWidget.background#100925
- editorSuggestWidget.border#2E1243
- editorSuggestWidget.focusHighlightForeground#D67DFB
- editorSuggestWidget.foreground#C4B9DA
- editorSuggestWidget.highlightForeground#C13CFB
- editorSuggestWidget.selectedBackground#390E51
- editorSuggestWidget.selectedForeground#DED6E9
- editorSuggestWidget.selectedIconForeground#DED6E9
- editorSuggestWidgetStatus.foreground#B0A3C3
- editorWarning.border#D99A3100
- editorWarning.foreground#D99A31
- editorWhitespace.foreground#2E1243
- editorWidget.background#100925
- editorWidget.border#2E1243
- editorWidget.foreground#DED6E9
- errorForeground#F0636F
- extensionBadge.remoteBackground#C13CFB
- extensionBadge.remoteForeground#06020B
- extensionButton.background#360F4B
- extensionButton.border#2E1243
- extensionButton.foreground#DED6E9
- extensionButton.hoverBackground#491568
- extensionButton.prominentBackground#360F4B
- extensionButton.prominentForeground#DED6E9
- extensionButton.prominentHoverBackground#491568
- extensionButton.separator#2E1243
- focusBorder#C13CFB
- foreground#DED6E9
- gauge.background#0A041B
- gauge.border#2E1243
- gauge.errorBackground#F0636F24
- gauge.errorForeground#DED6E9
- gauge.foreground#DED6E9
- gauge.warningBackground#D99A3124
- gauge.warningForeground#DED6E9
- icon.foreground#B0A3C3
- inlineChat.background#100925
- inlineChat.border#2E1243
- inlineChat.foreground#DED6E9
- inlineChatDiff.inserted#59A9611C
- inlineChatDiff.removed#F0636F24
- inlineChatInput.background#0A041B
- inlineChatInput.border#2E1243
- inlineChatInput.focusBorder#C13CFB
- inlineChatInput.placeholderForeground#84779B
- inlineEdit.gutterIndicator.background#100925
- inlineEdit.gutterIndicator.primaryBorder#C13CFB
- inlineEdit.gutterIndicator.secondaryBorder#2E1243
- inlineEdit.gutterIndicator.successfulBackground#59A9611C
- inlineEdit.gutterIndicator.successfulBorder#59A961
- inlineEdit.gutterIndicator.successfulForeground#59A961
- inlineEdit.modifiedBackground#59A9611C
- inlineEdit.originalBackground#F0636F24
- input.background#0A041B
- input.border#2E1243
- input.foreground#DED6E9
- input.placeholderForeground#84779B
- inputOption.activeBackground#3A0C4E
- inputOption.activeBorder#C13CFB
- inputOption.activeForeground#D67DFB
- inputOption.hoverBackground#1A0E34
- inputValidation.errorBackground#F0636F24
- inputValidation.errorBorder#F0636F
- inputValidation.errorForeground#DED6E9
- inputValidation.infoBackground#5698EC24
- inputValidation.infoBorder#5698EC
- inputValidation.infoForeground#DED6E9
- inputValidation.warningBackground#D99A3124
- inputValidation.warningBorder#D99A31
- inputValidation.warningForeground#DED6E9
- interactive.activeCodeBorder#C13CFB
- interactive.inactiveCodeBorder#2E1243
- keybindingLabel.background#0A041B
- keybindingLabel.border#2E1243
- keybindingLabel.bottomBorder#2E1243
- keybindingLabel.foreground#B0A3C3
- keybindingTable.headerBackground#04020F
- keybindingTable.rowsBackground#1F0830
- list.activeSelectionBackground#390E51
- list.activeSelectionForeground#DED6E9
- list.activeSelectionIconForeground#DED6E9
- list.deemphasizedForeground#84779B
- list.dropBackground#C13CFB47
- list.dropBetweenBackground#C13CFB47
- list.errorForeground#F0636F
- list.focusAndSelectionOutline#C13CFB
- list.focusBackground#430F5F
- list.focusForeground#DED6E9
- list.focusHighlightForeground#D67DFB
- list.focusOutline#C13CFB
- list.highlightForeground#C13CFB
- list.hoverBackground#1A0E34
- list.hoverForeground#DED6E9
- list.inactiveFocusBackground#430F5F
- list.inactiveFocusOutline#2E1243
- list.inactiveSelectionBackground#1F0830
- list.inactiveSelectionForeground#C4B9DA
- list.inactiveSelectionIconForeground#C4B9DA
- list.invalidItemForeground#F0636F
- list.warningForeground#D99A31
- listFilterWidget.background#0A041B
- listFilterWidget.noMatchesOutline#F0636F
- listFilterWidget.outline#C13CFB
- markdownAlert.caution.foreground#F0636F
- markdownAlert.important.foreground#D99A31
- markdownAlert.note.foreground#5698EC
- markdownAlert.tip.foreground#59A961
- markdownAlert.warning.foreground#D99A31
- menu.background#100925
- menu.border#2E1243
- menu.foreground#C4B9DA
- menu.selectionBackground#390E51
- menu.selectionBorder#C13CFB
- menu.selectionForeground#DED6E9
- menu.separatorBackground#2E1243
- menubar.selectionBackground#390E51
- menubar.selectionBorder#C13CFB
- menubar.selectionForeground#DED6E9
- merge.border#2E1243
- merge.commonContentBackground#84779B1A
- merge.commonHeaderBackground#84779B33
- merge.currentContentBackground#5698EC1C
- merge.currentHeaderBackground#5698EC33
- merge.incomingContentBackground#59A9611C
- merge.incomingHeaderBackground#59A96133
- minimap.background#010005
- minimap.chatEditHighlight#5698EC
- minimap.errorHighlight#F0636F
- minimap.infoHighlight#5698EC
- minimap.selectionHighlight#C13CFB47
- minimap.selectionOccurrenceHighlight#C13CFB47
- minimap.warningHighlight#D99A31
- minimapSlider.activeBackground#C13CFB60
- minimapSlider.background#84779B40
- minimapSlider.hoverBackground#C13CFB55
- multiDiffEditor.background#010005
- multiDiffEditor.border#2E1243
- multiDiffEditor.headerBackground#04020F
- notebook.cellBorderColor#2E1243
- notebook.cellEditorBackground#04020F
- notebook.cellHoverBackground#1A0E34
- notebook.cellInsertionIndicator#C13CFB
- notebook.cellStatusBarItemHoverBackground#1A0E34
- notebook.cellToolbarSeparator#2E1243
- notebook.editorBackground#010005
- notebook.focusedCellBackground#3A0C4E
- notebook.focusedCellBorder#C13CFB
- notebook.focusedEditorBorder#C13CFB
- notebook.inactiveFocusedCellBorder#2E1243
- notebook.inactiveSelectedCellBorder#2E1243
- notebook.outputContainerBackgroundColor#100925
- notebook.outputContainerBorderColor#2E1243
- notebook.selectedCellBackground#390E51
- notebook.selectedCellBorder#2E1243
- notebook.symbolHighlightBackground#C13CFB1F
- notebookEditorOverviewRuler.runningCellForeground#5698EC
- notebookScrollbarSlider.activeBackground#C13CFB60
- notebookScrollbarSlider.background#84779B50
- notebookScrollbarSlider.hoverBackground#84779B7A
- notebookStatusErrorIcon.foreground#F0636F
- notebookStatusRunningIcon.foreground#D99A31
- notebookStatusSuccessIcon.foreground#59A961
- notificationCenter.border#2E1243
- notificationCenterHeader.background#100925
- notificationCenterHeader.foreground#DED6E9
- notificationLink.foreground#5698EC
- notifications.background#100925
- notifications.border#2E1243
- notifications.foreground#C4B9DA
- notificationsErrorIcon.foreground#F0636F
- notificationsInfoIcon.foreground#59A961
- notificationsWarningIcon.foreground#D99A31
- notificationToast.border#2E1243
- outputView.background#010005
- outputViewStickyScroll.background#04020F
- panel.background#04020F
- panel.border#2E1243
- panel.dropBorder#C13CFB
- panel.foreground#DED6E9
- panelInput.border#2E1243
- panelSection.border#2E1243
- panelSection.dropBackground#C13CFB47
- panelSectionHeader.background#04020F
- panelSectionHeader.border#2E1243
- panelStickyScroll.background#04020F
- panelStickyScroll.border#2E1243
- panelTitle.activeBorder#C13CFB
- panelTitle.activeForeground#DED6E9
- panelTitle.inactiveForeground#84779B
- peekView.border#C13CFB
- peekViewEditor.background#100925
- peekViewEditor.matchHighlightBackground#C13CFB42
- peekViewEditorGutter.background#04020F
- peekViewResult.background#04020F
- peekViewResult.fileForeground#C4B9DA
- peekViewResult.lineForeground#84779B
- peekViewResult.matchHighlightBackground#C13CFB42
- peekViewResult.selectionBackground#390E51
- peekViewResult.selectionForeground#DED6E9
- peekViewTitle.background#100925
- peekViewTitleDescription.foreground#84779B
- peekViewTitleLabel.foreground#DED6E9
- pickerGroup.border#2E1243
- ports.iconRunningProcessForeground#59A961
- problemsErrorIcon.foreground#F0636F
- problemsInfoIcon.foreground#5698EC
- problemsWarningIcon.foreground#D99A31
- profileBadge.background#C13CFB
- profileBadge.foreground#06020B
- profiles.sashBorder#2E1243
- progressBar.background#C13CFB
- quickInput.background#100925
- quickInput.foreground#DED6E9
- quickInputList.focusBackground#430F5F
- quickInputList.focusForeground#DED6E9
- quickInputList.focusIconForeground#DED6E9
- quickInputTitle.background#04020F
- radio.activeBackground#3A0C4E
- radio.activeBorder#2E1243
- radio.activeForeground#C13CFB
- radio.inactiveBackground#0A041B
- radio.inactiveBorder#2E1243
- radio.inactiveForeground#B0A3C3
- radio.inactiveHoverBackground#1A0E34
- sash.hoverBorder#5B2B74
- scrollbarSlider.activeBackground#84779B9F
- scrollbarSlider.background#84779B50
- scrollbarSlider.hoverBackground#84779B7A
- selection.background#C13CFB47
- settings.checkboxBackground#0A041B
- settings.checkboxBorder#2E1243
- settings.checkboxForeground#C13CFB
- settings.dropdownBackground#0A041B
- settings.dropdownBorder#2E1243
- settings.dropdownForeground#DED6E9
- settings.dropdownListBorder#2E1243
- settings.focusedRowBackground#3A0C4E
- settings.focusedRowBorder#C13CFB
- settings.headerBorder#2E1243
- settings.headerForeground#DED6E9
- settings.modifiedItemIndicator#C13CFB
- settings.numberInputBackground#0A041B
- settings.numberInputBorder#2E1243
- settings.numberInputForeground#DED6E9
- settings.rowHoverBackground#1A0E34
- settings.sashBorder#2E1243
- settings.settingsHeaderHoverForeground#B0A3C3
- settings.textInputBackground#0A041B
- settings.textInputBorder#2E1243
- settings.textInputForeground#DED6E9
- sideBar.background#070413
- sideBar.border#2E1243
- sideBar.dropBackground#C13CFB47
- sideBar.foreground#C4B9DA
- sideBarActivityBarTop.border#2E1243
- sideBarSectionHeader.background#1A0E34
- sideBarSectionHeader.border#2E1243
- sideBarSectionHeader.foreground#DED6E9
- sideBarStickyScroll.background#04020F
- sideBarStickyScroll.border#2E1243
- sideBarTitle.background#04020F
- sideBarTitle.border#2E1243
- sideBarTitle.foreground#B0A3C3
- simpleFindWidget.sashBorder#2E1243
- statusBar.background#030109
- statusBar.border#2E1243
- statusBar.debuggingBackground#390E51
- statusBar.debuggingBorder#2E1243
- statusBar.debuggingForeground#DED6E9
- statusBar.focusBorder#C13CFB
- statusBar.foreground#A697B7
- statusBar.noFolderBackground#030109
- statusBar.noFolderBorder#2E1243
- statusBar.noFolderForeground#A697B7
- statusBarItem.activeBackground#5A1276
- statusBarItem.compactHoverBackground#1A0E34
- statusBarItem.errorBackground#F0636F
- statusBarItem.errorForeground#06020B
- statusBarItem.focusBorder#C13CFB
- statusBarItem.hoverBackground#1A0E34
- statusBarItem.hoverForeground#A697B7
- statusBarItem.offlineBackground#D99A3124
- statusBarItem.offlineForeground#DED6E9
- statusBarItem.prominentBackground#3A0C4E
- statusBarItem.prominentForeground#DED6E9
- statusBarItem.prominentHoverBackground#D67DFB
- statusBarItem.prominentHoverForeground#06020B
- statusBarItem.remoteBackground#C13CFB
- statusBarItem.remoteForeground#06020B
- statusBarItem.remoteHoverBackground#D67DFB
- statusBarItem.remoteHoverForeground#06020B
- statusBarItem.warningBackground#D99A31
- statusBarItem.warningForeground#06020B
- symbolIcon.arrayForeground#D579F9
- symbolIcon.booleanForeground#D561AE
- symbolIcon.classForeground#8C83FD
- symbolIcon.colorForeground#D579F9
- symbolIcon.constantForeground#D561AE
- symbolIcon.constructorForeground#8C83FD
- symbolIcon.enumeratorForeground#8C83FD
- symbolIcon.enumeratorMemberForeground#D561AE
- symbolIcon.eventForeground#C85FD9
- symbolIcon.fieldForeground#DED6E9
- symbolIcon.fileForeground#C09DED
- symbolIcon.folderForeground#8C83FD
- symbolIcon.functionForeground#739FF1
- symbolIcon.interfaceForeground#8C83FD
- symbolIcon.keyForeground#D561AE
- symbolIcon.keywordForeground#C85FD9
- symbolIcon.methodForeground#739FF1
- symbolIcon.moduleForeground#8C83FD
- symbolIcon.namespaceForeground#8C83FD
- symbolIcon.nullForeground#84779B
- symbolIcon.numberForeground#D561AE
- symbolIcon.objectForeground#8C83FD
- symbolIcon.operatorForeground#C85FD9
- symbolIcon.packageForeground#8C83FD
- symbolIcon.propertyForeground#DED6E9
- symbolIcon.referenceForeground#8C83FD
- symbolIcon.snippetForeground#58B763
- symbolIcon.stringForeground#58B763
- symbolIcon.structForeground#8C83FD
- symbolIcon.textForeground#DED6E9
- symbolIcon.typeParameterForeground#8C83FD
- symbolIcon.unitForeground#D561AE
- symbolIcon.variableForeground#DED6E9
- tab.activeBackground#0A041B
- tab.activeBorder#C13CFB
- tab.activeBorderTop#C13CFB
- tab.activeForeground#DED6E9
- tab.border#2E1243
- tab.dragAndDropBorder#2E1243
- tab.hoverBackground#1A0E34
- tab.hoverBorder#5B2B74
- tab.hoverForeground#DED6E9
- tab.inactiveBackground#020108
- tab.inactiveForeground#84779B
- tab.lastPinnedBorder#2E1243
- tab.selectedBackground#0A041B
- tab.selectedBorderTop#C13CFB
- tab.selectedForeground#DED6E9
- tab.unfocusedActiveBackground#0A041B
- tab.unfocusedActiveBorder#2E1243
- tab.unfocusedActiveBorderTop#2E1243
- tab.unfocusedActiveForeground#84779B
- tab.unfocusedHoverBackground#1A0E34
- tab.unfocusedHoverBorder#5B2B74
- tab.unfocusedHoverForeground#DED6E9
- tab.unfocusedInactiveBackground#020108
- tab.unfocusedInactiveForeground#84779B
- terminal.ansiBlack#2E1243
- terminal.ansiBlue#5599F0
- terminal.ansiBrightBlack#84779B
- terminal.ansiBrightBlue#A6C3FC
- terminal.ansiBrightCyan#9998EF
- terminal.ansiBrightGreen#81C785
- terminal.ansiBrightMagenta#D882FC
- terminal.ansiBrightRed#FC9399
- terminal.ansiBrightWhite#F1EBF7
- terminal.ansiBrightYellow#F5B954
- terminal.ansiCyan#7875D6
- terminal.ansiGreen#59A961
- terminal.ansiMagenta#C13CFB
- terminal.ansiRed#F0636F
- terminal.ansiWhite#DED6E9
- terminal.ansiYellow#D99A31
- terminal.background#010005
- terminal.border#2E1243
- terminal.dropBackground#C13CFB47
- terminal.findMatchBackground#C13CFB60
- terminal.findMatchHighlightBackground#C13CFB33
- terminal.foreground#DED6E9
- terminal.hoverHighlightBackground#C13CFB22
- terminal.initialHintForeground#84779B
- terminal.selectionBackground#C13CFB55
- terminal.tab.activeBorder#C13CFB
- terminalCommandGuide.foreground#2E1243
- terminalCursor.foreground#C767F9
- terminalOverviewRuler.border#2E1243
- terminalOverviewRuler.findMatchForeground#C13CFB60
- terminalStickyScroll.background#04020F
- terminalStickyScroll.border#2E1243
- terminalSymbolIcon.aliasForeground#739FF1
- terminalSymbolIcon.argumentForeground#D561AE
- terminalSymbolIcon.branchForeground#5698EC
- terminalSymbolIcon.commitForeground#5698EC
- terminalSymbolIcon.fileForeground#C09DED
- terminalSymbolIcon.flagForeground#D99A31
- terminalSymbolIcon.folderForeground#8C83FD
- terminalSymbolIcon.inlineSuggestionForeground#D579F9
- terminalSymbolIcon.methodForeground#739FF1
- terminalSymbolIcon.optionForeground#D561AE
- terminalSymbolIcon.optionValueForeground#D561AE
- terminalSymbolIcon.pullRequestDoneForeground#59A961
- terminalSymbolIcon.pullRequestForeground#5698EC
- terminalSymbolIcon.remoteForeground#5698EC
- terminalSymbolIcon.stashForeground#5698EC
- terminalSymbolIcon.symbolicLinkFileForeground#C09DED
- terminalSymbolIcon.symbolicLinkFolderForeground#8C83FD
- terminalSymbolIcon.symbolText#DED6E9
- terminalSymbolIcon.tagForeground#D561AE
- testing.coverCountBadgeBackground#C13CFB
- testing.coverCountBadgeForeground#06020B
- testing.coveredBackground#59A9611C
- testing.coveredBorder#59A9611C
- testing.coveredGutterBackground#59A9611C
- testing.iconErrored#F0636F
- testing.iconErrored.retired#84779B
- testing.iconFailed#F0636F
- testing.iconFailed.retired#84779B
- testing.iconPassed#59A961
- testing.iconPassed.retired#84779B
- testing.iconQueued#D99A31
- testing.iconQueued.retired#84779B
- testing.iconSkipped#84779B
- testing.iconSkipped.retired#84779B
- testing.iconUnset#5698EC
- testing.iconUnset.retired#84779B
- testing.message.error.badgeBackground#F0636F24
- testing.message.error.badgeBorder#F0636F
- testing.message.error.badgeForeground#DED6E9
- testing.message.error.lineBackground#F0636F24
- testing.message.info.decorationForeground#5698EC
- testing.message.info.lineBackground#5698EC24
- testing.messagePeekBorder#5698EC
- testing.messagePeekHeaderBackground#5698EC24
- testing.peekBorder#5698EC
- testing.peekHeaderBackground#5698EC24
- testing.runAction#59A961
- testing.uncoveredBackground#D99A3124
- testing.uncoveredBorder#D99A3124
- testing.uncoveredBranchBackground#D99A3124
- testing.uncoveredGutterBackground#D99A3124
- textBlockQuote.background#100925
- textBlockQuote.border#2E1243
- textLink.activeForeground#5698EC
- textLink.foreground#5698EC
- textPreformat.border#2E1243
- textSeparator.foreground#2E1243
- titleBar.activeBackground#04020F
- titleBar.activeForeground#BDADCE
- titleBar.border#2E1243
- titleBar.inactiveBackground#010005
- titleBar.inactiveForeground#84779B
- toolbar.activeBackground#5A1276
- toolbar.hoverBackground#1A0E34
- toolbar.hoverOutline#5B2B74
- tree.inactiveIndentGuidesStroke#1B0927
- tree.indentGuidesStroke#471762
- walkThrough.embeddedEditorBackground#04020F
- walkthrough.stepTitle.foreground#B0A3C3
- welcomePage.background#010005
- welcomePage.tileBackground#100925
- welcomePage.tileBorder#2E1243
- welcomePage.tileHoverBackground#1A0E34
- widget.border#2E1243
- window.activeBorder#2E1243
- window.inactiveBorder#2E1243
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #85769E | italic |
| comment.block.documentation, comment.line.documentation, string.quoted.docstring | #9F90BD | italic |
| keyword, storage.type, storage.modifier, keyword.operator, keyword.control, keyword.other.import, keyword.control.import, entity.name.tag, entity.name.tag.js, entity.name.tag.css, meta.import | #C85FD9 | — |
| meta.type.annotation, meta.annotation, entity.name.type.annotation | #8C83FD | italic |
| entity.name.type, entity.name.class, entity.name.type.class, entity.name.struct, entity.name.enum, entity.name.type.interface, entity.name.interface, support.type, support.class, support.class.component | #8C83FD | — |
| entity.name.function, support.function, meta.function-call, entity.name.method, variable.function | #739FF1 | — |
| variable.parameter, meta.parameter, entity.other.attribute-name, meta.attribute, support.type.property-name.json, constant.character.escape, string.regexp constant.character.escape | #D561AE | — |
| variable.language | #D561AE | italic |
| string, string.quoted, string.template, punctuation.definition.string | #58B763 | — |
| constant.language.null, constant.language.nil, constant.language.none | #84779B | — |
| constant.language | #D384D2 | — |
| constant.numeric, constant.character, constant.other, keyword.other.unit, variable.other.enummember, variable.other.constant, entity.name.constant, support.constant, entity.other.attribute-name.id.css | #D561AE | — |
| variable, variable.other, variable.other.property, meta.object-literal.key, support.variable, support.constant.property-value.css | #DED6E9 | — |
| support.type.property-name.css, entity.other.attribute-name.class.css | #DED6E9 | — |
| punctuation, meta.brace, meta.delimiter, punctuation.separator, punctuation.terminator, punctuation.definition.tag | #9381AF | — |
| string.regexp | #C68C28 | — |
| entity.name.function.decorator, meta.decorator, punctuation.decorator | #8C83FD | — |
| markup.heading, entity.name.section | #C85FD9 | bold |
| markup.bold | #DED6E9 | bold |
| markup.italic | #D579F9 | italic |
| markup.inline.raw | #739FF1 | — |
| markup.underline.link | #C09DED | — |
| markup.quote | #58B763 | italic |
| markup.deleted, diff.deleted | #F0636F | — |
| markup.inserted, diff.inserted | #59A961 | — |
| markup.changed, diff.changed | #5698EC | — |
| markup.strikethrough | #5698EC | strikethrough |
| invalid | #F0636F | — |
| invalid.deprecated | #D561AE | strikethrough |
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#E0CEE7
- activityBar.activeBackground#E0CEE7
- activityBar.activeBorder#784296
- activityBar.activeFocusBorder#784296
- activityBar.background#EEEBF9
- activityBar.dropBorder#78429647
- activityBar.foreground#433649
- activityBar.inactiveForeground#6A5C6F
- activityBarBadge.background#784296
- activityBarBadge.foreground#FFFFFF
- activityBarTop.activeBackground#E0CEE7
- activityBarTop.activeBorder#784296
- activityBarTop.background#EEEBF9
- activityBarTop.dropBorder#78429647
- activityBarTop.foreground#433649
- activityBarTop.inactiveForeground#6A5C6F
- activityErrorBadge.background#A0323C
- activityErrorBadge.foreground#FFFFFF
- activityWarningBadge.background#745114
- activityWarningBadge.foreground#FFFFFF
- agentSessionReadIndicator.foreground#275D95
- agentSessionSelectedBadge.border#CCBCD3
- agentSessionSelectedUnfocusedBadge.border#CCBCD3
- agentStatusIndicator.background#E0CEE7
- aiCustomizationManagement.sashBorder#CCBCD3
- badge.background#784296
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#9164A9
- breadcrumb.background#F3F1FC
- breadcrumb.focusForeground#2D2332
- breadcrumb.foreground#6A5C6F
- breadcrumbPicker.background#F4F3FC
- button.background#784296
- button.border#CCBCD3
- button.foreground#FFFFFF
- button.hoverBackground#643082
- button.secondaryBackground#EADFEE
- button.secondaryBorder#CCBCD3
- button.secondaryForeground#2D2332
- button.secondaryHoverBackground#DCC9E7
- button.separator#CCBCD3
- charts.blue#275D95
- charts.foreground#2D2332
- charts.green#2F6933
- charts.orange#745114
- charts.purple#275D95
- charts.red#A0323C
- charts.yellow#745114
- chat.avatarBackground#784296
- chat.avatarForeground#FFFFFF
- chat.checkpointSeparator#CCBCD3
- chat.editedFileForeground#275D95
- chat.linesAddedForeground#2F6933
- chat.linesRemovedForeground#A0323C
- chat.requestBackground#F4F3FC
- chat.requestBubbleBackground#EADFEE
- chat.requestBubbleHoverBackground#E3DFF4
- chat.requestCodeBorder#CCBCD3
- chat.slashCommandBackground#EADFEE
- chat.slashCommandForeground#9164A9
- chat.thinkingShimmer#9164A9
- chatManagement.sashBorder#CCBCD3
- checkbox.background#FDFDFF
- checkbox.border#CCBCD3
- checkbox.disabled.background#FDFDFF
- checkbox.disabled.foreground#6A5C6F
- checkbox.foreground#784296
- checkbox.selectBackground#E0CEE7
- checkbox.selectBorder#CCBCD3
- commandCenter.activeBackground#D3BAE0
- commandCenter.activeBorder#784296
- commandCenter.activeForeground#2D2332
- commandCenter.background#F3F1FC
- commandCenter.border#CCBCD3
- commandCenter.debuggingBackground#DCC9E7
- commandCenter.foreground#54475A
- commandCenter.inactiveBorder#CCBCD3
- commandCenter.inactiveForeground#6A5C6F
- commentsView.resolvedIcon#2F6933
- commentsView.unresolvedIcon#A0323C
- debugConsole.errorForeground#A0323C
- debugConsole.infoForeground#275D95
- debugConsole.warningForeground#745114
- debugIcon.breakpointCurrentStackframeForeground#A0323C
- debugIcon.breakpointDisabledForeground#6A5C6F
- debugIcon.breakpointForeground#A0323C
- debugIcon.breakpointStackframeForeground#A0323C
- debugIcon.breakpointUnverifiedForeground#A0323C
- debugIcon.continueForeground#2F6933
- debugIcon.pauseForeground#745114
- debugIcon.restartForeground#2F6933
- debugIcon.startForeground#2F6933
- debugIcon.stepBackForeground#2F6933
- debugIcon.stepIntoForeground#2F6933
- debugIcon.stepOutForeground#2F6933
- debugIcon.stepOverForeground#2F6933
- debugIcon.stopForeground#A0323C
- debugTokenExpression.boolean#835170
- debugTokenExpression.error#A0323C
- debugTokenExpression.name#2D2332
- debugTokenExpression.number#835170
- debugTokenExpression.string#3F7243
- debugTokenExpression.type#514DA0
- debugTokenExpression.value#54475A
- debugToolBar.background#F4F3FC
- debugToolBar.border#CCBCD3
- debugView.stateLabelBackground#FDFDFF
- descriptionForeground#54475A
- diffEditor.insertedLineBackground#2F693314
- diffEditor.insertedTextBackground#2F693326
- diffEditor.removedLineBackground#A0323C14
- diffEditor.removedTextBackground#A0323C26
- diffEditorGutter.insertedLineBackground#2F693314
- diffEditorGutter.removedLineBackground#A0323C14
- diffEditorOverview.insertedForeground#2F69338C
- diffEditorOverview.removedForeground#A0323C8C
- disabledForeground#6A5C6F
- dropdown.background#FDFDFF
- dropdown.border#CCBCD3
- dropdown.foreground#2D2332
- dropdown.listBackground#F4F3FC
- editor.background#FBFAFE
- editor.compositionBorder#784296
- editor.findMatchBackground#78429660
- editor.findMatchBorder#784296
- editor.findMatchForeground#2D2332
- editor.findMatchHighlightBackground#78429633
- editor.findMatchHighlightForeground#2D2332
- editor.foreground#2D2332
- editor.hoverHighlightBackground#78429622
- editor.inactiveSelectionBackground#78429630
- editor.lineHighlightBackground#E3DFF4
- editor.lineHighlightBorder#E3D4E9
- editor.placeholder.foreground#6A5C6F
- editor.rangeHighlightBackground#7842961F
- editor.selectionBackground#78429647
- editor.selectionForeground#2D2332
- editor.wordHighlightBackground#7842962B
- editor.wordHighlightBorder#78429650
- editor.wordHighlightStrongBackground#78429642
- editorActionList.background#F4F3FC
- editorActionList.focusBackground#DDC7E7
- editorActionList.focusForeground#2D2332
- editorActionList.foreground#2D2332
- editorBracketHighlight.foreground1#74587F
- editorBracketHighlight.foreground2#775934
- editorBracketHighlight.foreground3#4D618F
- editorBracketHighlight.foreground4#804D66
- editorBracketHighlight.foreground5#396C87
- editorBracketHighlight.foreground6#834B42
- editorBracketMatch.background#78429622
- editorBracketMatch.border#8850A4D9
- editorCommentsWidget.rangeActiveBackground#E3DFF4
- editorCommentsWidget.rangeBackground#7842962B
- editorCommentsWidget.replyInputBackground#FDFDFF
- editorCommentsWidget.resolvedBorder#2F6933
- editorCommentsWidget.unresolvedBorder#A0323C
- editorCursor.background#FBFAFE
- editorCursor.foreground#763D95
- editorError.border#A0323C00
- editorError.foreground#A0323C
- editorGhostText.background#E3DFF480
- editorGhostText.border#275D95
- editorGhostText.foreground#6A5C6F
- editorGroup.border#CCBCD3
- editorGroup.dropBackground#78429647
- editorGroup.dropIntoPromptBackground#DDC7E7
- editorGroup.dropIntoPromptBorder#784296
- editorGroup.focusedEmptyBorder#784296
- editorGroupHeader.border#CCBCD3
- editorGroupHeader.noTabsBackground#F3F1FC
- editorGroupHeader.tabsBackground#F3F1FC
- editorGroupHeader.tabsBorder#CCBCD3
- editorGutter.addedBackground#2F6933
- editorGutter.background#F6F5FC
- editorGutter.deletedBackground#A0323C
- editorGutter.modifiedBackground#275D95
- editorHint.border#2F693300
- editorHint.foreground#2F6933
- editorHoverWidget.background#F4F3FC
- editorHoverWidget.border#CCBCD3
- editorHoverWidget.foreground#48394D
- editorHoverWidget.highlightForeground#9164A9
- editorHoverWidget.statusBarBackground#F4F3FC
- editorIndentGuide.activeBackground1#D8C6DF
- editorIndentGuide.background1#E8DDED
- editorInfo.border#275D9500
- editorInfo.foreground#275D95
- editorInlayHint.background#E3DFF480
- editorInlayHint.foreground#6A5C6F
- editorInlayHint.parameterBackground#E3DFF480
- editorInlayHint.parameterForeground#6A5C6F
- editorInlayHint.typeBackground#E3DFF480
- editorInlayHint.typeForeground#6A5C6F
- editorLineNumber.activeForeground#483B4E
- editorLineNumber.dimmedForeground#6F6274
- editorLineNumber.foreground#6F6274
- editorMultiCursor.primary.background#FBFAFE
- editorMultiCursor.primary.foreground#763D95
- editorMultiCursor.secondary.background#FBFAFE
- editorMultiCursor.secondary.foreground#763D95
- editorOverviewRuler.addedForeground#2F69338C
- editorOverviewRuler.border#CCBCD3
- editorOverviewRuler.bracketMatchForeground#8850A4BF
- editorOverviewRuler.commonContentForeground#6A5C6F
- editorOverviewRuler.currentContentForeground#275D95
- editorOverviewRuler.deletedForeground#A0323C8C
- editorOverviewRuler.errorForeground#A0323C8C
- editorOverviewRuler.findMatchForeground#78429660
- editorOverviewRuler.incomingContentForeground#2F6933
- editorOverviewRuler.infoForeground#275D958C
- editorOverviewRuler.modifiedForeground#275D958C
- editorOverviewRuler.selectionHighlightForeground#78429678
- editorOverviewRuler.warningForeground#7451148C
- editorPane.background#F3F1FC
- editorRuler.foreground#CCBCD3
- editorStickyScroll.background#F3F1FC
- editorStickyScrollGutter.background#F6F5FC
- editorStickyScrollHover.background#E3DFF4
- editorSuggestWidget.background#F4F3FC
- editorSuggestWidget.border#CCBCD3
- editorSuggestWidget.focusHighlightForeground#9164A9
- editorSuggestWidget.foreground#48394D
- editorSuggestWidget.highlightForeground#784296
- editorSuggestWidget.selectedBackground#DCC9E7
- editorSuggestWidget.selectedForeground#2D2332
- editorSuggestWidget.selectedIconForeground#2D2332
- editorSuggestWidgetStatus.foreground#54475A
- editorWarning.border#74511400
- editorWarning.foreground#745114
- editorWhitespace.foreground#CCBCD3
- editorWidget.background#F4F3FC
- editorWidget.border#CCBCD3
- editorWidget.foreground#2D2332
- errorForeground#A0323C
- extensionBadge.remoteBackground#784296
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.background#784296
- extensionButton.border#CCBCD3
- extensionButton.foreground#FFFFFF
- extensionButton.hoverBackground#643082
- extensionButton.prominentBackground#784296
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#643082
- extensionButton.separator#CCBCD3
- focusBorder#784296
- foreground#2D2332
- gauge.background#FDFDFF
- gauge.border#CCBCD3
- gauge.errorBackground#A0323C24
- gauge.errorForeground#2D2332
- gauge.foreground#2D2332
- gauge.warningBackground#74511424
- gauge.warningForeground#2D2332
- icon.foreground#54475A
- inlineChat.background#F4F3FC
- inlineChat.border#CCBCD3
- inlineChat.foreground#2D2332
- inlineChatDiff.inserted#2F69331C
- inlineChatDiff.removed#A0323C24
- inlineChatInput.background#FDFDFF
- inlineChatInput.border#CCBCD3
- inlineChatInput.focusBorder#784296
- inlineChatInput.placeholderForeground#6A5C6F
- inlineEdit.gutterIndicator.background#F4F3FC
- inlineEdit.gutterIndicator.primaryBorder#784296
- inlineEdit.gutterIndicator.secondaryBorder#CCBCD3
- inlineEdit.gutterIndicator.successfulBackground#2F69331C
- inlineEdit.gutterIndicator.successfulBorder#2F6933
- inlineEdit.gutterIndicator.successfulForeground#2F6933
- inlineEdit.modifiedBackground#2F69331C
- inlineEdit.originalBackground#A0323C24
- input.background#FDFDFF
- input.border#CCBCD3
- input.foreground#2D2332
- input.placeholderForeground#6A5C6F
- inputOption.activeBackground#E0CEE7
- inputOption.activeBorder#784296
- inputOption.activeForeground#9164A9
- inputOption.hoverBackground#E3DFF4
- inputValidation.errorBackground#A0323C24
- inputValidation.errorBorder#A0323C
- inputValidation.errorForeground#2D2332
- inputValidation.infoBackground#275D9524
- inputValidation.infoBorder#275D95
- inputValidation.infoForeground#2D2332
- inputValidation.warningBackground#74511424
- inputValidation.warningBorder#745114
- inputValidation.warningForeground#2D2332
- interactive.activeCodeBorder#784296
- interactive.inactiveCodeBorder#CCBCD3
- keybindingLabel.background#FDFDFF
- keybindingLabel.border#CCBCD3
- keybindingLabel.bottomBorder#CCBCD3
- keybindingLabel.foreground#54475A
- keybindingTable.headerBackground#F3F1FC
- keybindingTable.rowsBackground#EADFEE
- list.activeSelectionBackground#DCC9E7
- list.activeSelectionForeground#2D2332
- list.activeSelectionIconForeground#2D2332
- list.deemphasizedForeground#6A5C6F
- list.dropBackground#78429647
- list.dropBetweenBackground#78429647
- list.errorForeground#A0323C
- list.focusAndSelectionOutline#784296
- list.focusBackground#DDC7E7
- list.focusForeground#2D2332
- list.focusHighlightForeground#9164A9
- list.focusOutline#784296
- list.highlightForeground#784296
- list.hoverBackground#E3DFF4
- list.hoverForeground#2D2332
- list.inactiveFocusBackground#DDC7E7
- list.inactiveFocusOutline#CCBCD3
- list.inactiveSelectionBackground#EADFEE
- list.inactiveSelectionForeground#48394D
- list.inactiveSelectionIconForeground#48394D
- list.invalidItemForeground#A0323C
- list.warningForeground#745114
- listFilterWidget.background#FDFDFF
- listFilterWidget.noMatchesOutline#A0323C
- listFilterWidget.outline#784296
- markdownAlert.caution.foreground#A0323C
- markdownAlert.important.foreground#745114
- markdownAlert.note.foreground#275D95
- markdownAlert.tip.foreground#2F6933
- markdownAlert.warning.foreground#745114
- menu.background#F4F3FC
- menu.border#CCBCD3
- menu.foreground#48394D
- menu.selectionBackground#DCC9E7
- menu.selectionBorder#784296
- menu.selectionForeground#2D2332
- menu.separatorBackground#CCBCD3
- menubar.selectionBackground#DCC9E7
- menubar.selectionBorder#784296
- menubar.selectionForeground#2D2332
- merge.border#CCBCD3
- merge.commonContentBackground#6A5C6F1A
- merge.commonHeaderBackground#6A5C6F33
- merge.currentContentBackground#275D951C
- merge.currentHeaderBackground#275D9533
- merge.incomingContentBackground#2F69331C
- merge.incomingHeaderBackground#2F693333
- minimap.background#FBFAFE
- minimap.chatEditHighlight#275D95
- minimap.errorHighlight#A0323C
- minimap.infoHighlight#275D95
- minimap.selectionHighlight#78429647
- minimap.selectionOccurrenceHighlight#78429647
- minimap.warningHighlight#745114
- minimapSlider.activeBackground#78429660
- minimapSlider.background#6A5C6F40
- minimapSlider.hoverBackground#78429655
- multiDiffEditor.background#FBFAFE
- multiDiffEditor.border#CCBCD3
- multiDiffEditor.headerBackground#F3F1FC
- notebook.cellBorderColor#CCBCD3
- notebook.cellEditorBackground#F3F1FC
- notebook.cellHoverBackground#E3DFF4
- notebook.cellInsertionIndicator#784296
- notebook.cellStatusBarItemHoverBackground#E3DFF4
- notebook.cellToolbarSeparator#CCBCD3
- notebook.editorBackground#FBFAFE
- notebook.focusedCellBackground#E0CEE7
- notebook.focusedCellBorder#784296
- notebook.focusedEditorBorder#784296
- notebook.inactiveFocusedCellBorder#CCBCD3
- notebook.inactiveSelectedCellBorder#CCBCD3
- notebook.outputContainerBackgroundColor#F4F3FC
- notebook.outputContainerBorderColor#CCBCD3
- notebook.selectedCellBackground#DCC9E7
- notebook.selectedCellBorder#CCBCD3
- notebook.symbolHighlightBackground#7842961F
- notebookEditorOverviewRuler.runningCellForeground#275D95
- notebookScrollbarSlider.activeBackground#78429660
- notebookScrollbarSlider.background#6A5C6F50
- notebookScrollbarSlider.hoverBackground#6A5C6F7A
- notebookStatusErrorIcon.foreground#A0323C
- notebookStatusRunningIcon.foreground#745114
- notebookStatusSuccessIcon.foreground#2F6933
- notificationCenter.border#CCBCD3
- notificationCenterHeader.background#F4F3FC
- notificationCenterHeader.foreground#2D2332
- notificationLink.foreground#275D95
- notifications.background#F4F3FC
- notifications.border#CCBCD3
- notifications.foreground#48394D
- notificationsErrorIcon.foreground#A0323C
- notificationsInfoIcon.foreground#2F6933
- notificationsWarningIcon.foreground#745114
- notificationToast.border#CCBCD3
- outputView.background#FBFAFE
- outputViewStickyScroll.background#F3F1FC
- panel.background#F3F1FC
- panel.border#CCBCD3
- panel.dropBorder#784296
- panel.foreground#2D2332
- panelInput.border#CCBCD3
- panelSection.border#CCBCD3
- panelSection.dropBackground#78429647
- panelSectionHeader.background#F3F1FC
- panelSectionHeader.border#CCBCD3
- panelStickyScroll.background#F3F1FC
- panelStickyScroll.border#CCBCD3
- panelTitle.activeBorder#784296
- panelTitle.activeForeground#2D2332
- panelTitle.inactiveForeground#6A5C6F
- peekView.border#784296
- peekViewEditor.background#F4F3FC
- peekViewEditor.matchHighlightBackground#78429642
- peekViewEditorGutter.background#F3F1FC
- peekViewResult.background#F3F1FC
- peekViewResult.fileForeground#48394D
- peekViewResult.lineForeground#6A5C6F
- peekViewResult.matchHighlightBackground#78429642
- peekViewResult.selectionBackground#DCC9E7
- peekViewResult.selectionForeground#2D2332
- peekViewTitle.background#F4F3FC
- peekViewTitleDescription.foreground#6A5C6F
- peekViewTitleLabel.foreground#2D2332
- pickerGroup.border#CCBCD3
- ports.iconRunningProcessForeground#2F6933
- problemsErrorIcon.foreground#A0323C
- problemsInfoIcon.foreground#275D95
- problemsWarningIcon.foreground#745114
- profileBadge.background#784296
- profileBadge.foreground#FFFFFF
- profiles.sashBorder#CCBCD3
- progressBar.background#784296
- quickInput.background#F4F3FC
- quickInput.foreground#2D2332
- quickInputList.focusBackground#DDC7E7
- quickInputList.focusForeground#2D2332
- quickInputList.focusIconForeground#2D2332
- quickInputTitle.background#F3F1FC
- radio.activeBackground#E0CEE7
- radio.activeBorder#CCBCD3
- radio.activeForeground#784296
- radio.inactiveBackground#FDFDFF
- radio.inactiveBorder#CCBCD3
- radio.inactiveForeground#54475A
- radio.inactiveHoverBackground#E3DFF4
- sash.hoverBorder#A78FAD
- scrollbarSlider.activeBackground#6A5C6F9F
- scrollbarSlider.background#6A5C6F50
- scrollbarSlider.hoverBackground#6A5C6F7A
- selection.background#78429647
- settings.checkboxBackground#FDFDFF
- settings.checkboxBorder#CCBCD3
- settings.checkboxForeground#784296
- settings.dropdownBackground#FDFDFF
- settings.dropdownBorder#CCBCD3
- settings.dropdownForeground#2D2332
- settings.dropdownListBorder#CCBCD3
- settings.focusedRowBackground#E0CEE7
- settings.focusedRowBorder#784296
- settings.headerBorder#CCBCD3
- settings.headerForeground#2D2332
- settings.modifiedItemIndicator#784296
- settings.numberInputBackground#FDFDFF
- settings.numberInputBorder#CCBCD3
- settings.numberInputForeground#2D2332
- settings.rowHoverBackground#E3DFF4
- settings.sashBorder#CCBCD3
- settings.settingsHeaderHoverForeground#54475A
- settings.textInputBackground#FDFDFF
- settings.textInputBorder#CCBCD3
- settings.textInputForeground#2D2332
- sideBar.background#E9E7F6
- sideBar.border#CCBCD3
- sideBar.dropBackground#78429647
- sideBar.foreground#48394D
- sideBarActivityBarTop.border#CCBCD3
- sideBarSectionHeader.background#E3DFF4
- sideBarSectionHeader.border#CCBCD3
- sideBarSectionHeader.foreground#2D2332
- sideBarStickyScroll.background#F3F1FC
- sideBarStickyScroll.border#CCBCD3
- sideBarTitle.background#F3F1FC
- sideBarTitle.border#CCBCD3
- sideBarTitle.foreground#54475A
- simpleFindWidget.sashBorder#CCBCD3
- statusBar.background#EEEBF9
- statusBar.border#CCBCD3
- statusBar.debuggingBackground#DCC9E7
- statusBar.debuggingBorder#CCBCD3
- statusBar.debuggingForeground#2D2332
- statusBar.focusBorder#784296
- statusBar.foreground#5B4D61
- statusBar.noFolderBackground#EEEBF9
- statusBar.noFolderBorder#CCBCD3
- statusBar.noFolderForeground#5B4D61
- statusBarItem.activeBackground#D3BAE0
- statusBarItem.compactHoverBackground#E3DFF4
- statusBarItem.errorBackground#A0323C
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.focusBorder#784296
- statusBarItem.hoverBackground#E3DFF4
- statusBarItem.hoverForeground#5B4D61
- statusBarItem.offlineBackground#74511424
- statusBarItem.offlineForeground#2D2332
- statusBarItem.prominentBackground#E0CEE7
- statusBarItem.prominentForeground#2D2332
- statusBarItem.prominentHoverBackground#9164A9
- statusBarItem.prominentHoverForeground#FFFFFF
- statusBarItem.remoteBackground#784296
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.remoteHoverBackground#9164A9
- statusBarItem.remoteHoverForeground#FFFFFF
- statusBarItem.warningBackground#745114
- statusBarItem.warningForeground#FFFFFF
- symbolIcon.arrayForeground#76418C
- symbolIcon.booleanForeground#835170
- symbolIcon.classForeground#514DA0
- symbolIcon.colorForeground#76418C
- symbolIcon.constantForeground#835170
- symbolIcon.constructorForeground#514DA0
- symbolIcon.enumeratorForeground#514DA0
- symbolIcon.enumeratorMemberForeground#835170
- symbolIcon.eventForeground#7A4785
- symbolIcon.fieldForeground#2D2332
- symbolIcon.fileForeground#664E7C
- symbolIcon.folderForeground#514DA0
- symbolIcon.functionForeground#365C96
- symbolIcon.interfaceForeground#514DA0
- symbolIcon.keyForeground#835170
- symbolIcon.keywordForeground#7A4785
- symbolIcon.methodForeground#365C96
- symbolIcon.moduleForeground#514DA0
- symbolIcon.namespaceForeground#514DA0
- symbolIcon.nullForeground#6A5C6F
- symbolIcon.numberForeground#835170
- symbolIcon.objectForeground#514DA0
- symbolIcon.operatorForeground#7A4785
- symbolIcon.packageForeground#514DA0
- symbolIcon.propertyForeground#2D2332
- symbolIcon.referenceForeground#514DA0
- symbolIcon.snippetForeground#3F7243
- symbolIcon.stringForeground#3F7243
- symbolIcon.structForeground#514DA0
- symbolIcon.textForeground#2D2332
- symbolIcon.typeParameterForeground#514DA0
- symbolIcon.unitForeground#835170
- symbolIcon.variableForeground#2D2332
- tab.activeBackground#FDFDFF
- tab.activeBorder#784296
- tab.activeBorderTop#784296
- tab.activeForeground#2D2332
- tab.border#CCBCD300
- tab.dragAndDropBorder#CCBCD3
- tab.hoverBackground#E3DFF4
- tab.hoverBorder#A78FAD
- tab.hoverForeground#2D2332
- tab.inactiveBackground#EFEDF9
- tab.inactiveForeground#6A5C6F
- tab.lastPinnedBorder#CCBCD3
- tab.selectedBackground#FDFDFF
- tab.selectedBorderTop#784296
- tab.selectedForeground#2D2332
- tab.unfocusedActiveBackground#FDFDFF
- tab.unfocusedActiveBorder#CCBCD3
- tab.unfocusedActiveBorderTop#CCBCD3
- tab.unfocusedActiveForeground#6A5C6F
- tab.unfocusedHoverBackground#E3DFF4
- tab.unfocusedHoverBorder#A78FAD
- tab.unfocusedHoverForeground#2D2332
- tab.unfocusedInactiveBackground#EFEDF9
- tab.unfocusedInactiveForeground#6A5C6F
- terminal.ansiBlack#CCBCD3
- terminal.ansiBlue#2C5C98
- terminal.ansiBrightBlack#4F4456
- terminal.ansiBrightBlue#204F8B
- terminal.ansiBrightCyan#394572
- terminal.ansiBrightGreen#255D2D
- terminal.ansiBrightMagenta#61267D
- terminal.ansiBrightRed#892333
- terminal.ansiBrightWhite#231B28
- terminal.ansiBrightYellow#634410
- terminal.ansiCyan#4C578F
- terminal.ansiGreen#2F6933
- terminal.ansiMagenta#784296
- terminal.ansiRed#A0323C
- terminal.ansiWhite#2D2332
- terminal.ansiYellow#745114
- terminal.background#FBFAFE
- terminal.border#CCBCD3
- terminal.dropBackground#78429647
- terminal.findMatchBackground#78429660
- terminal.findMatchHighlightBackground#78429633
- terminal.foreground#2D2332
- terminal.hoverHighlightBackground#78429622
- terminal.initialHintForeground#6A5C6F
- terminal.selectionBackground#78429655
- terminal.tab.activeBorder#784296
- terminalCommandGuide.foreground#CCBCD3
- terminalCursor.foreground#763D95
- terminalOverviewRuler.border#CCBCD3
- terminalOverviewRuler.findMatchForeground#78429660
- terminalStickyScroll.background#F3F1FC
- terminalStickyScroll.border#CCBCD3
- terminalSymbolIcon.aliasForeground#365C96
- terminalSymbolIcon.argumentForeground#835170
- terminalSymbolIcon.branchForeground#275D95
- terminalSymbolIcon.commitForeground#275D95
- terminalSymbolIcon.fileForeground#664E7C
- terminalSymbolIcon.flagForeground#745114
- terminalSymbolIcon.folderForeground#514DA0
- terminalSymbolIcon.inlineSuggestionForeground#76418C
- terminalSymbolIcon.methodForeground#365C96
- terminalSymbolIcon.optionForeground#835170
- terminalSymbolIcon.optionValueForeground#835170
- terminalSymbolIcon.pullRequestDoneForeground#2F6933
- terminalSymbolIcon.pullRequestForeground#275D95
- terminalSymbolIcon.remoteForeground#275D95
- terminalSymbolIcon.stashForeground#275D95
- terminalSymbolIcon.symbolicLinkFileForeground#664E7C
- terminalSymbolIcon.symbolicLinkFolderForeground#514DA0
- terminalSymbolIcon.symbolText#2D2332
- terminalSymbolIcon.tagForeground#835170
- testing.coverCountBadgeBackground#784296
- testing.coverCountBadgeForeground#FFFFFF
- testing.coveredBackground#2F69331C
- testing.coveredBorder#2F69331C
- testing.coveredGutterBackground#2F69331C
- testing.iconErrored#A0323C
- testing.iconErrored.retired#6A5C6F
- testing.iconFailed#A0323C
- testing.iconFailed.retired#6A5C6F
- testing.iconPassed#2F6933
- testing.iconPassed.retired#6A5C6F
- testing.iconQueued#745114
- testing.iconQueued.retired#6A5C6F
- testing.iconSkipped#6A5C6F
- testing.iconSkipped.retired#6A5C6F
- testing.iconUnset#275D95
- testing.iconUnset.retired#6A5C6F
- testing.message.error.badgeBackground#A0323C24
- testing.message.error.badgeBorder#A0323C
- testing.message.error.badgeForeground#2D2332
- testing.message.error.lineBackground#A0323C24
- testing.message.info.decorationForeground#275D95
- testing.message.info.lineBackground#275D9524
- testing.messagePeekBorder#275D95
- testing.messagePeekHeaderBackground#275D9524
- testing.peekBorder#275D95
- testing.peekHeaderBackground#275D9524
- testing.runAction#2F6933
- testing.uncoveredBackground#74511424
- testing.uncoveredBorder#74511424
- testing.uncoveredBranchBackground#74511424
- testing.uncoveredGutterBackground#74511424
- textBlockQuote.background#F4F3FC
- textBlockQuote.border#CCBCD3
- textLink.activeForeground#275D95
- textLink.foreground#275D95
- textPreformat.border#CCBCD3
- textSeparator.foreground#CCBCD3
- titleBar.activeBackground#F3F1FC
- titleBar.activeForeground#433649
- titleBar.border#CCBCD3
- titleBar.inactiveBackground#FBFAFE
- titleBar.inactiveForeground#6A5C6F
- toolbar.activeBackground#D3BAE0
- toolbar.hoverBackground#E3DFF4
- toolbar.hoverOutline#A78FAD
- tree.inactiveIndentGuidesStroke#E8DDED
- tree.indentGuidesStroke#D8C6DF
- walkThrough.embeddedEditorBackground#F3F1FC
- walkthrough.stepTitle.foreground#54475A
- welcomePage.background#FBFAFE
- welcomePage.tileBackground#F4F3FC
- welcomePage.tileBorder#CCBCD3
- welcomePage.tileHoverBackground#E3DFF4
- widget.border#CCBCD3
- window.activeBorder#CCBCD3
- window.inactiveBorder#CCBCD3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #63576A | italic |
| comment.block.documentation, comment.line.documentation, string.quoted.docstring | #5A5062 | italic |
| keyword, storage.type, storage.modifier, keyword.operator, keyword.control, keyword.other.import, keyword.control.import, entity.name.tag, entity.name.tag.js, entity.name.tag.css, meta.import | #7A4785 | — |
| meta.type.annotation, meta.annotation, entity.name.type.annotation | #514DA0 | italic |
| entity.name.type, entity.name.class, entity.name.type.class, entity.name.struct, entity.name.enum, entity.name.type.interface, entity.name.interface, support.type, support.class, support.class.component | #514DA0 | — |
| entity.name.function, support.function, meta.function-call, entity.name.method, variable.function | #365C96 | — |
| variable.parameter, meta.parameter, entity.other.attribute-name, meta.attribute, support.type.property-name.json, constant.character.escape, string.regexp constant.character.escape | #835170 | — |
| variable.language | #835170 | italic |
| string, string.quoted, string.template, punctuation.definition.string | #3F7243 | — |
| constant.language.null, constant.language.nil, constant.language.none | #6A5C6F | — |
| constant.language | #72486D | — |
| constant.numeric, constant.character, constant.other, keyword.other.unit, variable.other.enummember, variable.other.constant, entity.name.constant, support.constant, entity.other.attribute-name.id.css | #835170 | — |
| variable, variable.other, variable.other.property, meta.object-literal.key, support.variable, support.constant.property-value.css | #2D2332 | — |
| support.type.property-name.css, entity.other.attribute-name.class.css | #2D2332 | — |
| punctuation, meta.brace, meta.delimiter, punctuation.separator, punctuation.terminator, punctuation.definition.tag | #5E5466 | — |
| string.regexp | #7B5C24 | — |
| entity.name.function.decorator, meta.decorator, punctuation.decorator | #514DA0 | — |
| markup.heading, entity.name.section | #7A4785 | bold |
| markup.bold | #2D2332 | bold |
| markup.italic | #76418C | italic |
| markup.inline.raw | #365C96 | — |
| markup.underline.link | #664E7C | — |
| markup.quote | #3F7243 | italic |
| markup.deleted, diff.deleted | #A0323C | — |
| markup.inserted, diff.inserted | #2F6933 | — |
| markup.changed, diff.changed | #275D95 | — |
| markup.strikethrough | #275D95 | strikethrough |
| invalid | #A0323C | — |
| invalid.deprecated | #835170 | strikethrough |
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#34283B
- activityBar.activeBackground#34283B
- activityBar.activeBorder#916DA5
- activityBar.activeFocusBorder#916DA5
- activityBar.background#0E0D14
- activityBar.dropBorder#916DA547
- activityBar.foreground#968F9E
- activityBar.inactiveForeground#827D8B
- activityBarBadge.background#916DA5
- activityBarBadge.foreground#08060B
- activityBarTop.activeBackground#34283B
- activityBarTop.activeBorder#916DA5
- activityBarTop.background#0E0D14
- activityBarTop.dropBorder#916DA547
- activityBarTop.foreground#968F9E
- activityBarTop.inactiveForeground#827D8B
- activityErrorBadge.background#C2686C
- activityErrorBadge.foreground#08060B
- activityWarningBadge.background#AB8247
- activityWarningBadge.foreground#08060B
- agentSessionReadIndicator.foreground#6386B4
- agentSessionSelectedBadge.border#3B3243
- agentSessionSelectedUnfocusedBadge.border#3B3243
- agentStatusIndicator.background#34283B
- aiCustomizationManagement.sashBorder#3B3243
- badge.background#916DA5
- badge.foreground#08060B
- breadcrumb.activeSelectionForeground#A78AB4
- breadcrumb.background#12111A
- breadcrumb.focusForeground#B8B3BE
- breadcrumb.foreground#827D8B
- breadcrumbPicker.background#211F2D
- button.background#352B3D
- button.border#3B3243
- button.foreground#B8B3BE
- button.hoverBackground#42374C
- button.secondaryBackground#28212F
- button.secondaryBorder#3B3243
- button.secondaryForeground#B8B3BE
- button.secondaryHoverBackground#362A3E
- button.separator#3B3243
- charts.blue#6386B4
- charts.foreground#B8B3BE
- charts.green#5F8C62
- charts.orange#AB8247
- charts.purple#6386B4
- charts.red#C2686C
- charts.yellow#AB8247
- chat.avatarBackground#916DA5
- chat.avatarForeground#08060B
- chat.checkpointSeparator#3B3243
- chat.editedFileForeground#6386B4
- chat.linesAddedForeground#5F8C62
- chat.linesRemovedForeground#C2686C
- chat.requestBackground#211F2D
- chat.requestBubbleBackground#28212F
- chat.requestBubbleHoverBackground#2B2838
- chat.requestCodeBorder#3B3243
- chat.slashCommandBackground#28212F
- chat.slashCommandForeground#A78AB4
- chat.thinkingShimmer#A78AB4
- chatManagement.sashBorder#3B3243
- checkbox.background#1C1A25
- checkbox.border#3B3243
- checkbox.disabled.background#1C1A25
- checkbox.disabled.foreground#827D8B
- checkbox.foreground#916DA5
- checkbox.selectBackground#34283B
- checkbox.selectBorder#3B3243
- commandCenter.activeBackground#47384F
- commandCenter.activeBorder#916DA5
- commandCenter.activeForeground#B8B3BE
- commandCenter.background#12111A
- commandCenter.border#3B3243
- commandCenter.debuggingBackground#362A3E
- commandCenter.foreground#9F9AA8
- commandCenter.inactiveBorder#3B3243
- commandCenter.inactiveForeground#827D8B
- commentsView.resolvedIcon#5F8C62
- commentsView.unresolvedIcon#C2686C
- debugConsole.errorForeground#C2686C
- debugConsole.infoForeground#6386B4
- debugConsole.warningForeground#AB8247
- debugIcon.breakpointCurrentStackframeForeground#C2686C
- debugIcon.breakpointDisabledForeground#827D8B
- debugIcon.breakpointForeground#C2686C
- debugIcon.breakpointStackframeForeground#C2686C
- debugIcon.breakpointUnverifiedForeground#C2686C
- debugIcon.continueForeground#5F8C62
- debugIcon.pauseForeground#AB8247
- debugIcon.restartForeground#5F8C62
- debugIcon.startForeground#5F8C62
- debugIcon.stepBackForeground#5F8C62
- debugIcon.stepIntoForeground#5F8C62
- debugIcon.stepOutForeground#5F8C62
- debugIcon.stepOverForeground#5F8C62
- debugIcon.stopForeground#C2686C
- debugTokenExpression.boolean#A46A8F
- debugTokenExpression.error#C2686C
- debugTokenExpression.name#B8B3BE
- debugTokenExpression.number#A46A8F
- debugTokenExpression.string#5F8662
- debugTokenExpression.type#7F7DC5
- debugTokenExpression.value#9F9AA8
- debugToolBar.background#211F2D
- debugToolBar.border#3B3243
- debugView.stateLabelBackground#1C1A25
- descriptionForeground#9F9AA8
- diffEditor.insertedLineBackground#5F8C6214
- diffEditor.insertedTextBackground#5F8C6226
- diffEditor.removedLineBackground#C2686C14
- diffEditor.removedTextBackground#C2686C26
- diffEditorGutter.insertedLineBackground#5F8C6214
- diffEditorGutter.removedLineBackground#C2686C14
- diffEditorOverview.insertedForeground#5F8C628C
- diffEditorOverview.removedForeground#C2686C8C
- disabledForeground#827D8B
- dropdown.background#1C1A25
- dropdown.border#3B3243
- dropdown.foreground#B8B3BE
- dropdown.listBackground#211F2D
- editor.background#08070D
- editor.compositionBorder#916DA5
- editor.findMatchBackground#916DA560
- editor.findMatchBorder#916DA5
- editor.findMatchForeground#B8B3BE
- editor.findMatchHighlightBackground#916DA533
- editor.findMatchHighlightForeground#B8B3BE
- editor.foreground#B8B3BE
- editor.hoverHighlightBackground#916DA522
- editor.inactiveSelectionBackground#916DA530
- editor.lineHighlightBackground#2B2838
- editor.lineHighlightBorder#4B3F55
- editor.placeholder.foreground#827D8B
- editor.rangeHighlightBackground#916DA51F
- editor.selectionBackground#916DA547
- editor.selectionForeground#B8B3BE
- editor.wordHighlightBackground#916DA52B
- editor.wordHighlightBorder#916DA550
- editor.wordHighlightStrongBackground#916DA542
- editorActionList.background#211F2D
- editorActionList.focusBackground#3D3046
- editorActionList.focusForeground#B8B3BE
- editorActionList.foreground#B8B3BE
- editorBracketHighlight.foreground1#887995
- editorBracketHighlight.foreground2#8E715B
- editorBracketHighlight.foreground3#6F7EA1
- editorBracketHighlight.foreground4#936A80
- editorBracketHighlight.foreground5#5982A0
- editorBracketHighlight.foreground6#936863
- editorBracketMatch.background#916DA522
- editorBracketMatch.border#6A5475D9
- editorCommentsWidget.rangeActiveBackground#2B2838
- editorCommentsWidget.rangeBackground#916DA52B
- editorCommentsWidget.replyInputBackground#1C1A25
- editorCommentsWidget.resolvedBorder#5F8C62
- editorCommentsWidget.unresolvedBorder#C2686C
- editorCursor.background#08070D
- editorCursor.foreground#9A7BAE
- editorError.border#C2686C00
- editorError.foreground#C2686C
- editorGhostText.background#2B283880
- editorGhostText.border#6386B4
- editorGhostText.foreground#827D8B
- editorGroup.border#3B3243
- editorGroup.dropBackground#916DA547
- editorGroup.dropIntoPromptBackground#3D3046
- editorGroup.dropIntoPromptBorder#916DA5
- editorGroup.focusedEmptyBorder#916DA5
- editorGroupHeader.border#3B3243
- editorGroupHeader.noTabsBackground#12111A
- editorGroupHeader.tabsBackground#12111A
- editorGroupHeader.tabsBorder#3B3243
- editorGutter.addedBackground#5F8C62
- editorGutter.background#07060A
- editorGutter.deletedBackground#C2686C
- editorGutter.modifiedBackground#6386B4
- editorHint.border#5F8C6200
- editorHint.foreground#5F8C62
- editorHoverWidget.background#211F2D
- editorHoverWidget.border#3B3243
- editorHoverWidget.foreground#A9A5B2
- editorHoverWidget.highlightForeground#A78AB4
- editorHoverWidget.statusBarBackground#211F2D
- editorIndentGuide.activeBackground1#4D4056
- editorIndentGuide.background1#2A2430
- editorInfo.border#6386B400
- editorInfo.foreground#6386B4
- editorInlayHint.background#2B283880
- editorInlayHint.foreground#827D8B
- editorInlayHint.parameterBackground#2B283880
- editorInlayHint.parameterForeground#827D8B
- editorInlayHint.typeBackground#2B283880
- editorInlayHint.typeForeground#827D8B
- editorLineNumber.activeForeground#A39EAA
- editorLineNumber.dimmedForeground#787380
- editorLineNumber.foreground#787380
- editorMultiCursor.primary.background#08070D
- editorMultiCursor.primary.foreground#9A7BAE
- editorMultiCursor.secondary.background#08070D
- editorMultiCursor.secondary.foreground#9A7BAE
- editorOverviewRuler.addedForeground#5F8C628C
- editorOverviewRuler.border#3B3243
- editorOverviewRuler.bracketMatchForeground#6A5475BF
- editorOverviewRuler.commonContentForeground#827D8B
- editorOverviewRuler.currentContentForeground#6386B4
- editorOverviewRuler.deletedForeground#C2686C8C
- editorOverviewRuler.errorForeground#C2686C8C
- editorOverviewRuler.findMatchForeground#916DA560
- editorOverviewRuler.incomingContentForeground#5F8C62
- editorOverviewRuler.infoForeground#6386B48C
- editorOverviewRuler.modifiedForeground#6386B48C
- editorOverviewRuler.selectionHighlightForeground#916DA578
- editorOverviewRuler.warningForeground#AB82478C
- editorPane.background#12111A
- editorRuler.foreground#3B3243
- editorStickyScroll.background#12111A
- editorStickyScrollGutter.background#07060A
- editorStickyScrollHover.background#2B2838
- editorSuggestWidget.background#211F2D
- editorSuggestWidget.border#3B3243
- editorSuggestWidget.focusHighlightForeground#A78AB4
- editorSuggestWidget.foreground#A9A5B2
- editorSuggestWidget.highlightForeground#916DA5
- editorSuggestWidget.selectedBackground#362A3E
- editorSuggestWidget.selectedForeground#B8B3BE
- editorSuggestWidget.selectedIconForeground#B8B3BE
- editorSuggestWidgetStatus.foreground#9F9AA8
- editorWarning.border#AB824700
- editorWarning.foreground#AB8247
- editorWhitespace.foreground#3B3243
- editorWidget.background#211F2D
- editorWidget.border#3B3243
- editorWidget.foreground#B8B3BE
- errorForeground#C2686C
- extensionBadge.remoteBackground#916DA5
- extensionBadge.remoteForeground#08060B
- extensionButton.background#352B3D
- extensionButton.border#3B3243
- extensionButton.foreground#B8B3BE
- extensionButton.hoverBackground#42374C
- extensionButton.prominentBackground#352B3D
- extensionButton.prominentForeground#B8B3BE
- extensionButton.prominentHoverBackground#42374C
- extensionButton.separator#3B3243
- focusBorder#916DA5
- foreground#B8B3BE
- gauge.background#1C1A25
- gauge.border#3B3243
- gauge.errorBackground#C2686C24
- gauge.errorForeground#B8B3BE
- gauge.foreground#B8B3BE
- gauge.warningBackground#AB824724
- gauge.warningForeground#B8B3BE
- icon.foreground#9F9AA8
- inlineChat.background#211F2D
- inlineChat.border#3B3243
- inlineChat.foreground#B8B3BE
- inlineChatDiff.inserted#5F8C621C
- inlineChatDiff.removed#C2686C24
- inlineChatInput.background#1C1A25
- inlineChatInput.border#3B3243
- inlineChatInput.focusBorder#916DA5
- inlineChatInput.placeholderForeground#827D8B
- inlineEdit.gutterIndicator.background#211F2D
- inlineEdit.gutterIndicator.primaryBorder#916DA5
- inlineEdit.gutterIndicator.secondaryBorder#3B3243
- inlineEdit.gutterIndicator.successfulBackground#5F8C621C
- inlineEdit.gutterIndicator.successfulBorder#5F8C62
- inlineEdit.gutterIndicator.successfulForeground#5F8C62
- inlineEdit.modifiedBackground#5F8C621C
- inlineEdit.originalBackground#C2686C24
- input.background#1C1A25
- input.border#3B3243
- input.foreground#B8B3BE
- input.placeholderForeground#827D8B
- inputOption.activeBackground#34283B
- inputOption.activeBorder#916DA5
- inputOption.activeForeground#A78AB4
- inputOption.hoverBackground#2B2838
- inputValidation.errorBackground#C2686C24
- inputValidation.errorBorder#C2686C
- inputValidation.errorForeground#B8B3BE
- inputValidation.infoBackground#6386B424
- inputValidation.infoBorder#6386B4
- inputValidation.infoForeground#B8B3BE
- inputValidation.warningBackground#AB824724
- inputValidation.warningBorder#AB8247
- inputValidation.warningForeground#B8B3BE
- interactive.activeCodeBorder#916DA5
- interactive.inactiveCodeBorder#3B3243
- keybindingLabel.background#1C1A25
- keybindingLabel.border#3B3243
- keybindingLabel.bottomBorder#3B3243
- keybindingLabel.foreground#9F9AA8
- keybindingTable.headerBackground#12111A
- keybindingTable.rowsBackground#28212F
- list.activeSelectionBackground#362A3E
- list.activeSelectionForeground#B8B3BE
- list.activeSelectionIconForeground#B8B3BE
- list.deemphasizedForeground#827D8B
- list.dropBackground#916DA547
- list.dropBetweenBackground#916DA547
- list.errorForeground#C2686C
- list.focusAndSelectionOutline#916DA5
- list.focusBackground#3D3046
- list.focusForeground#B8B3BE
- list.focusHighlightForeground#A78AB4
- list.focusOutline#916DA5
- list.highlightForeground#916DA5
- list.hoverBackground#2B2838
- list.hoverForeground#B8B3BE
- list.inactiveFocusBackground#3D3046
- list.inactiveFocusOutline#3B3243
- list.inactiveSelectionBackground#28212F
- list.inactiveSelectionForeground#A9A5B2
- list.inactiveSelectionIconForeground#A9A5B2
- list.invalidItemForeground#C2686C
- list.warningForeground#AB8247
- listFilterWidget.background#1C1A25
- listFilterWidget.noMatchesOutline#C2686C
- listFilterWidget.outline#916DA5
- markdownAlert.caution.foreground#C2686C
- markdownAlert.important.foreground#AB8247
- markdownAlert.note.foreground#6386B4
- markdownAlert.tip.foreground#5F8C62
- markdownAlert.warning.foreground#AB8247
- menu.background#211F2D
- menu.border#3B3243
- menu.foreground#A9A5B2
- menu.selectionBackground#362A3E
- menu.selectionBorder#916DA5
- menu.selectionForeground#B8B3BE
- menu.separatorBackground#3B3243
- menubar.selectionBackground#362A3E
- menubar.selectionBorder#916DA5
- menubar.selectionForeground#B8B3BE
- merge.border#3B3243
- merge.commonContentBackground#827D8B1A
- merge.commonHeaderBackground#827D8B33
- merge.currentContentBackground#6386B41C
- merge.currentHeaderBackground#6386B433
- merge.incomingContentBackground#5F8C621C
- merge.incomingHeaderBackground#5F8C6233
- minimap.background#08070D
- minimap.chatEditHighlight#6386B4
- minimap.errorHighlight#C2686C
- minimap.infoHighlight#6386B4
- minimap.selectionHighlight#916DA547
- minimap.selectionOccurrenceHighlight#916DA547
- minimap.warningHighlight#AB8247
- minimapSlider.activeBackground#916DA560
- minimapSlider.background#827D8B40
- minimapSlider.hoverBackground#916DA555
- multiDiffEditor.background#08070D
- multiDiffEditor.border#3B3243
- multiDiffEditor.headerBackground#12111A
- notebook.cellBorderColor#3B3243
- notebook.cellEditorBackground#12111A
- notebook.cellHoverBackground#2B2838
- notebook.cellInsertionIndicator#916DA5
- notebook.cellStatusBarItemHoverBackground#2B2838
- notebook.cellToolbarSeparator#3B3243
- notebook.editorBackground#08070D
- notebook.focusedCellBackground#34283B
- notebook.focusedCellBorder#916DA5
- notebook.focusedEditorBorder#916DA5
- notebook.inactiveFocusedCellBorder#3B3243
- notebook.inactiveSelectedCellBorder#3B3243
- notebook.outputContainerBackgroundColor#211F2D
- notebook.outputContainerBorderColor#3B3243
- notebook.selectedCellBackground#362A3E
- notebook.selectedCellBorder#3B3243
- notebook.symbolHighlightBackground#916DA51F
- notebookEditorOverviewRuler.runningCellForeground#6386B4
- notebookScrollbarSlider.activeBackground#916DA560
- notebookScrollbarSlider.background#827D8B50
- notebookScrollbarSlider.hoverBackground#827D8B7A
- notebookStatusErrorIcon.foreground#C2686C
- notebookStatusRunningIcon.foreground#AB8247
- notebookStatusSuccessIcon.foreground#5F8C62
- notificationCenter.border#3B3243
- notificationCenterHeader.background#211F2D
- notificationCenterHeader.foreground#B8B3BE
- notificationLink.foreground#6386B4
- notifications.background#211F2D
- notifications.border#3B3243
- notifications.foreground#A9A5B2
- notificationsErrorIcon.foreground#C2686C
- notificationsInfoIcon.foreground#5F8C62
- notificationsWarningIcon.foreground#AB8247
- notificationToast.border#3B3243
- outputView.background#08070D
- outputViewStickyScroll.background#12111A
- panel.background#12111A
- panel.border#3B3243
- panel.dropBorder#916DA5
- panel.foreground#B8B3BE
- panelInput.border#3B3243
- panelSection.border#3B3243
- panelSection.dropBackground#916DA547
- panelSectionHeader.background#12111A
- panelSectionHeader.border#3B3243
- panelStickyScroll.background#12111A
- panelStickyScroll.border#3B3243
- panelTitle.activeBorder#916DA5
- panelTitle.activeForeground#B8B3BE
- panelTitle.inactiveForeground#827D8B
- peekView.border#916DA5
- peekViewEditor.background#211F2D
- peekViewEditor.matchHighlightBackground#916DA542
- peekViewEditorGutter.background#12111A
- peekViewResult.background#12111A
- peekViewResult.fileForeground#A9A5B2
- peekViewResult.lineForeground#827D8B
- peekViewResult.matchHighlightBackground#916DA542
- peekViewResult.selectionBackground#362A3E
- peekViewResult.selectionForeground#B8B3BE
- peekViewTitle.background#211F2D
- peekViewTitleDescription.foreground#827D8B
- peekViewTitleLabel.foreground#B8B3BE
- pickerGroup.border#3B3243
- ports.iconRunningProcessForeground#5F8C62
- problemsErrorIcon.foreground#C2686C
- problemsInfoIcon.foreground#6386B4
- problemsWarningIcon.foreground#AB8247
- profileBadge.background#916DA5
- profileBadge.foreground#08060B
- profiles.sashBorder#3B3243
- progressBar.background#916DA5
- quickInput.background#211F2D
- quickInput.foreground#B8B3BE
- quickInputList.focusBackground#3D3046
- quickInputList.focusForeground#B8B3BE
- quickInputList.focusIconForeground#B8B3BE
- quickInputTitle.background#12111A
- radio.activeBackground#34283B
- radio.activeBorder#3B3243
- radio.activeForeground#916DA5
- radio.inactiveBackground#1C1A25
- radio.inactiveBorder#3B3243
- radio.inactiveForeground#9F9AA8
- radio.inactiveHoverBackground#2B2838
- sash.hoverBorder#5F5168
- scrollbarSlider.activeBackground#827D8B9F
- scrollbarSlider.background#827D8B50
- scrollbarSlider.hoverBackground#827D8B7A
- selection.background#916DA547
- settings.checkboxBackground#1C1A25
- settings.checkboxBorder#3B3243
- settings.checkboxForeground#916DA5
- settings.dropdownBackground#1C1A25
- settings.dropdownBorder#3B3243
- settings.dropdownForeground#B8B3BE
- settings.dropdownListBorder#3B3243
- settings.focusedRowBackground#34283B
- settings.focusedRowBorder#916DA5
- settings.headerBorder#3B3243
- settings.headerForeground#B8B3BE
- settings.modifiedItemIndicator#916DA5
- settings.numberInputBackground#1C1A25
- settings.numberInputBorder#3B3243
- settings.numberInputForeground#B8B3BE
- settings.rowHoverBackground#2B2838
- settings.sashBorder#3B3243
- settings.settingsHeaderHoverForeground#9F9AA8
- settings.textInputBackground#1C1A25
- settings.textInputBorder#3B3243
- settings.textInputForeground#B8B3BE
- sideBar.background#181622
- sideBar.border#3B3243
- sideBar.dropBackground#916DA547
- sideBar.foreground#A9A5B2
- sideBarActivityBarTop.border#3B3243
- sideBarSectionHeader.background#2B2838
- sideBarSectionHeader.border#3B3243
- sideBarSectionHeader.foreground#B8B3BE
- sideBarStickyScroll.background#12111A
- sideBarStickyScroll.border#3B3243
- sideBarTitle.background#12111A
- sideBarTitle.border#3B3243
- sideBarTitle.foreground#9F9AA8
- simpleFindWidget.sashBorder#3B3243
- statusBar.background#0E0D14
- statusBar.border#3B3243
- statusBar.debuggingBackground#362A3E
- statusBar.debuggingBorder#3B3243
- statusBar.debuggingForeground#B8B3BE
- statusBar.focusBorder#916DA5
- statusBar.foreground#908A97
- statusBar.noFolderBackground#0E0D14
- statusBar.noFolderBorder#3B3243
- statusBar.noFolderForeground#908A97
- statusBarItem.activeBackground#47384F
- statusBarItem.compactHoverBackground#2B2838
- statusBarItem.errorBackground#C2686C
- statusBarItem.errorForeground#08060B
- statusBarItem.focusBorder#916DA5
- statusBarItem.hoverBackground#2B2838
- statusBarItem.hoverForeground#908A97
- statusBarItem.offlineBackground#AB824724
- statusBarItem.offlineForeground#B8B3BE
- statusBarItem.prominentBackground#34283B
- statusBarItem.prominentForeground#B8B3BE
- statusBarItem.prominentHoverBackground#A78AB4
- statusBarItem.prominentHoverForeground#08060B
- statusBarItem.remoteBackground#916DA5
- statusBarItem.remoteForeground#08060B
- statusBarItem.remoteHoverBackground#A78AB4
- statusBarItem.remoteHoverForeground#08060B
- statusBarItem.warningBackground#AB8247
- statusBarItem.warningForeground#08060B
- symbolIcon.arrayForeground#9F82AB
- symbolIcon.booleanForeground#A46A8F
- symbolIcon.classForeground#7F7DC5
- symbolIcon.colorForeground#9F82AB
- symbolIcon.constantForeground#A46A8F
- symbolIcon.constructorForeground#7F7DC5
- symbolIcon.enumeratorForeground#7F7DC5
- symbolIcon.enumeratorMemberForeground#A46A8F
- symbolIcon.eventForeground#986C9F
- symbolIcon.fieldForeground#B8B3BE
- symbolIcon.fileForeground#9387A4
- symbolIcon.folderForeground#7F7DC5
- symbolIcon.functionForeground#718CBD
- symbolIcon.interfaceForeground#7F7DC5
- symbolIcon.keyForeground#A46A8F
- symbolIcon.keywordForeground#986C9F
- symbolIcon.methodForeground#718CBD
- symbolIcon.moduleForeground#7F7DC5
- symbolIcon.namespaceForeground#7F7DC5
- symbolIcon.nullForeground#827D8B
- symbolIcon.numberForeground#A46A8F
- symbolIcon.objectForeground#7F7DC5
- symbolIcon.operatorForeground#986C9F
- symbolIcon.packageForeground#7F7DC5
- symbolIcon.propertyForeground#B8B3BE
- symbolIcon.referenceForeground#7F7DC5
- symbolIcon.snippetForeground#5F8662
- symbolIcon.stringForeground#5F8662
- symbolIcon.structForeground#7F7DC5
- symbolIcon.textForeground#B8B3BE
- symbolIcon.typeParameterForeground#7F7DC5
- symbolIcon.unitForeground#A46A8F
- symbolIcon.variableForeground#B8B3BE
- tab.activeBackground#1C1A25
- tab.activeBorder#916DA5
- tab.activeBorderTop#916DA5
- tab.activeForeground#B8B3BE
- tab.border#3B3243
- tab.dragAndDropBorder#3B3243
- tab.hoverBackground#2B2838
- tab.hoverBorder#5F5168
- tab.hoverForeground#B8B3BE
- tab.inactiveBackground#0D0B12
- tab.inactiveForeground#827D8B
- tab.lastPinnedBorder#3B3243
- tab.selectedBackground#1C1A25
- tab.selectedBorderTop#916DA5
- tab.selectedForeground#B8B3BE
- tab.unfocusedActiveBackground#1C1A25
- tab.unfocusedActiveBorder#3B3243
- tab.unfocusedActiveBorderTop#3B3243
- tab.unfocusedActiveForeground#827D8B
- tab.unfocusedHoverBackground#2B2838
- tab.unfocusedHoverBorder#5F5168
- tab.unfocusedHoverForeground#B8B3BE
- tab.unfocusedInactiveBackground#0D0B12
- tab.unfocusedInactiveForeground#827D8B
- terminal.ansiBlack#3B3243
- terminal.ansiBlue#6386B4
- terminal.ansiBrightBlack#827D8B
- terminal.ansiBrightBlue#96ABD5
- terminal.ansiBrightCyan#9A9CC2
- terminal.ansiBrightGreen#7DA57F
- terminal.ansiBrightMagenta#B295C0
- terminal.ansiBrightRed#D38588
- terminal.ansiBrightWhite#D8D5DB
- terminal.ansiBrightYellow#C19D65
- terminal.ansiCyan#7879B5
- terminal.ansiGreen#5F8C62
- terminal.ansiMagenta#916DA5
- terminal.ansiRed#C2686C
- terminal.ansiWhite#B8B3BE
- terminal.ansiYellow#AB8247
- terminal.background#08070D
- terminal.border#3B3243
- terminal.dropBackground#916DA547
- terminal.findMatchBackground#916DA560
- terminal.findMatchHighlightBackground#916DA533
- terminal.foreground#B8B3BE
- terminal.hoverHighlightBackground#916DA522
- terminal.initialHintForeground#827D8B
- terminal.selectionBackground#916DA555
- terminal.tab.activeBorder#916DA5
- terminalCommandGuide.foreground#3B3243
- terminalCursor.foreground#9A7BAE
- terminalOverviewRuler.border#3B3243
- terminalOverviewRuler.findMatchForeground#916DA560
- terminalStickyScroll.background#12111A
- terminalStickyScroll.border#3B3243
- terminalSymbolIcon.aliasForeground#718CBD
- terminalSymbolIcon.argumentForeground#A46A8F
- terminalSymbolIcon.branchForeground#6386B4
- terminalSymbolIcon.commitForeground#6386B4
- terminalSymbolIcon.fileForeground#9387A4
- terminalSymbolIcon.flagForeground#AB8247
- terminalSymbolIcon.folderForeground#7F7DC5
- terminalSymbolIcon.inlineSuggestionForeground#9F82AB
- terminalSymbolIcon.methodForeground#718CBD
- terminalSymbolIcon.optionForeground#A46A8F
- terminalSymbolIcon.optionValueForeground#A46A8F
- terminalSymbolIcon.pullRequestDoneForeground#5F8C62
- terminalSymbolIcon.pullRequestForeground#6386B4
- terminalSymbolIcon.remoteForeground#6386B4
- terminalSymbolIcon.stashForeground#6386B4
- terminalSymbolIcon.symbolicLinkFileForeground#9387A4
- terminalSymbolIcon.symbolicLinkFolderForeground#7F7DC5
- terminalSymbolIcon.symbolText#B8B3BE
- terminalSymbolIcon.tagForeground#A46A8F
- testing.coverCountBadgeBackground#916DA5
- testing.coverCountBadgeForeground#08060B
- testing.coveredBackground#5F8C621C
- testing.coveredBorder#5F8C621C
- testing.coveredGutterBackground#5F8C621C
- testing.iconErrored#C2686C
- testing.iconErrored.retired#827D8B
- testing.iconFailed#C2686C
- testing.iconFailed.retired#827D8B
- testing.iconPassed#5F8C62
- testing.iconPassed.retired#827D8B
- testing.iconQueued#AB8247
- testing.iconQueued.retired#827D8B
- testing.iconSkipped#827D8B
- testing.iconSkipped.retired#827D8B
- testing.iconUnset#6386B4
- testing.iconUnset.retired#827D8B
- testing.message.error.badgeBackground#C2686C24
- testing.message.error.badgeBorder#C2686C
- testing.message.error.badgeForeground#B8B3BE
- testing.message.error.lineBackground#C2686C24
- testing.message.info.decorationForeground#6386B4
- testing.message.info.lineBackground#6386B424
- testing.messagePeekBorder#6386B4
- testing.messagePeekHeaderBackground#6386B424
- testing.peekBorder#6386B4
- testing.peekHeaderBackground#6386B424
- testing.runAction#5F8C62
- testing.uncoveredBackground#AB824724
- testing.uncoveredBorder#AB824724
- testing.uncoveredBranchBackground#AB824724
- testing.uncoveredGutterBackground#AB824724
- textBlockQuote.background#211F2D
- textBlockQuote.border#3B3243
- textLink.activeForeground#6386B4
- textLink.foreground#6386B4
- textPreformat.border#3B3243
- textSeparator.foreground#3B3243
- titleBar.activeBackground#12111A
- titleBar.activeForeground#968F9E
- titleBar.border#3B3243
- titleBar.inactiveBackground#08070D
- titleBar.inactiveForeground#827D8B
- toolbar.activeBackground#47384F
- toolbar.hoverBackground#2B2838
- toolbar.hoverOutline#5F5168
- tree.inactiveIndentGuidesStroke#2A2430
- tree.indentGuidesStroke#4D4056
- walkThrough.embeddedEditorBackground#12111A
- walkthrough.stepTitle.foreground#9F9AA8
- welcomePage.background#08070D
- welcomePage.tileBackground#211F2D
- welcomePage.tileBorder#3B3243
- welcomePage.tileHoverBackground#2B2838
- widget.border#3B3243
- window.activeBorder#3B3243
- window.inactiveBorder#3B3243
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #827D8B | italic |
| comment.block.documentation, comment.line.documentation, string.quoted.docstring | #878293 | italic |
| keyword, storage.type, storage.modifier, keyword.operator, keyword.control, keyword.other.import, keyword.control.import, entity.name.tag, entity.name.tag.js, entity.name.tag.css, meta.import | #986C9F | — |
| meta.type.annotation, meta.annotation, entity.name.type.annotation | #7F7DC5 | italic |
| entity.name.type, entity.name.class, entity.name.type.class, entity.name.struct, entity.name.enum, entity.name.type.interface, entity.name.interface, support.type, support.class, support.class.component | #7F7DC5 | — |
| entity.name.function, support.function, meta.function-call, entity.name.method, variable.function | #718CBD | — |
| variable.parameter, meta.parameter, entity.other.attribute-name, meta.attribute, support.type.property-name.json, constant.character.escape, string.regexp constant.character.escape | #A46A8F | — |
| variable.language | #A46A8F | italic |
| string, string.quoted, string.template, punctuation.definition.string | #5F8662 | — |
| constant.language.null, constant.language.nil, constant.language.none | #827D8B | — |
| constant.language | #997C98 | — |
| constant.numeric, constant.character, constant.other, keyword.other.unit, variable.other.enummember, variable.other.constant, entity.name.constant, support.constant, entity.other.attribute-name.id.css | #A46A8F | — |
| variable, variable.other, variable.other.property, meta.object-literal.key, support.variable, support.constant.property-value.css | #B8B3BE | — |
| support.type.property-name.css, entity.other.attribute-name.class.css | #B8B3BE | — |
| punctuation, meta.brace, meta.delimiter, punctuation.separator, punctuation.terminator, punctuation.definition.tag | #827D8B | — |
| string.regexp | #997643 | — |
| entity.name.function.decorator, meta.decorator, punctuation.decorator | #7F7DC5 | — |
| markup.heading, entity.name.section | #986C9F | bold |
| markup.bold | #B8B3BE | bold |
| markup.italic | #9F82AB | italic |
| markup.inline.raw | #718CBD | — |
| markup.underline.link | #9387A4 | — |
| markup.quote | #5F8662 | italic |
| markup.deleted, diff.deleted | #C2686C | — |
| markup.inserted, diff.inserted | #5F8C62 | — |
| markup.changed, diff.changed | #6386B4 | — |
| markup.strikethrough | #6386B4 | strikethrough |
| invalid | #C2686C | — |
| invalid.deprecated | #A46A8F | strikethrough |
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#2B282D
- activityBar.activeBackground#2B282D
- activityBar.activeBorder#9865B3
- activityBar.activeFocusBorder#9865B3
- activityBar.background#0C0C0C
- activityBar.dropBorder#9865B347
- activityBar.foreground#998AA9
- activityBar.inactiveForeground#807494
- activityBarBadge.background#9865B3
- activityBarBadge.foreground#0C0C0C
- activityBarTop.activeBackground#2B282D
- activityBarTop.activeBorder#9865B3
- activityBarTop.background#0C0C0C
- activityBarTop.dropBorder#9865B347
- activityBarTop.foreground#998AA9
- activityBarTop.inactiveForeground#807494
- activityErrorBadge.background#C0686C
- activityErrorBadge.foreground#0C0C0C
- activityWarningBadge.background#C28F41
- activityWarningBadge.foreground#0C0C0C
- agentSessionReadIndicator.foreground#497CBF
- agentSessionSelectedBadge.border#29242E
- agentSessionSelectedUnfocusedBadge.border#29242E
- agentStatusIndicator.background#2B282D
- aiCustomizationManagement.sashBorder#29242E
- badge.background#9865B3
- badge.foreground#0C0C0C
- breadcrumb.activeSelectionForeground#A985B9
- breadcrumb.background#0C0C0C
- breadcrumb.focusForeground#D2C7DF
- breadcrumb.foreground#807494
- breadcrumbPicker.background#0F0F0F
- button.background#875EA3
- button.border#29242E
- button.foreground#FFFFFF
- button.hoverBackground#8F5FB2
- button.secondaryBackground#23172E
- button.secondaryBorder#29242E
- button.secondaryForeground#D2C7DF
- button.secondaryHoverBackground#34273E
- button.separator#29242E
- charts.blue#497CBF
- charts.foreground#D2C7DF
- charts.green#538F58
- charts.orange#C28F41
- charts.purple#497CBF
- charts.red#C0686C
- charts.yellow#C28F41
- chat.avatarBackground#9865B3
- chat.avatarForeground#0C0C0C
- chat.checkpointSeparator#29242E
- chat.editedFileForeground#497CBF
- chat.linesAddedForeground#538F58
- chat.linesRemovedForeground#C0686C
- chat.requestBackground#0F0F0F
- chat.requestBubbleBackground#23172E
- chat.requestBubbleHoverBackground#191820
- chat.requestCodeBorder#29242E
- chat.slashCommandBackground#23172E
- chat.slashCommandForeground#A985B9
- chat.thinkingShimmer#A985B9
- chatManagement.sashBorder#29242E
- checkbox.background#0F0F0F
- checkbox.border#29242E
- checkbox.disabled.background#0F0F0F
- checkbox.disabled.foreground#807494
- checkbox.foreground#9865B3
- checkbox.selectBackground#2B282D
- checkbox.selectBorder#29242E
- commandCenter.activeBackground#3A373C
- commandCenter.activeBorder#9865B3
- commandCenter.activeForeground#D2C7DF
- commandCenter.background#0C0C0C
- commandCenter.border#29242E
- commandCenter.debuggingBackground#34273E
- commandCenter.foreground#9F96AD
- commandCenter.inactiveBorder#29242E
- commandCenter.inactiveForeground#807494
- commentsView.resolvedIcon#538F58
- commentsView.unresolvedIcon#C0686C
- debugConsole.errorForeground#C0686C
- debugConsole.infoForeground#497CBF
- debugConsole.warningForeground#C28F41
- debugIcon.breakpointCurrentStackframeForeground#C0686C
- debugIcon.breakpointDisabledForeground#807494
- debugIcon.breakpointForeground#C0686C
- debugIcon.breakpointStackframeForeground#C0686C
- debugIcon.breakpointUnverifiedForeground#C0686C
- debugIcon.continueForeground#538F58
- debugIcon.pauseForeground#C28F41
- debugIcon.restartForeground#538F58
- debugIcon.startForeground#538F58
- debugIcon.stepBackForeground#538F58
- debugIcon.stepIntoForeground#538F58
- debugIcon.stepOutForeground#538F58
- debugIcon.stepOverForeground#538F58
- debugIcon.stopForeground#C0686C
- debugTokenExpression.boolean#AF789A
- debugTokenExpression.error#C0686C
- debugTokenExpression.name#D2C7DF
- debugTokenExpression.number#AF789A
- debugTokenExpression.string#5B8B5E
- debugTokenExpression.type#7574B2
- debugTokenExpression.value#9F96AD
- debugToolBar.background#0F0F0F
- debugToolBar.border#29242E
- debugView.stateLabelBackground#0F0F0F
- descriptionForeground#9F96AD
- diffEditor.insertedLineBackground#538F5814
- diffEditor.insertedTextBackground#538F5826
- diffEditor.removedLineBackground#C0686C14
- diffEditor.removedTextBackground#C0686C26
- diffEditorGutter.insertedLineBackground#538F5814
- diffEditorGutter.removedLineBackground#C0686C14
- diffEditorOverview.insertedForeground#538F588C
- diffEditorOverview.removedForeground#C0686C8C
- disabledForeground#807494
- dropdown.background#0F0F0F
- dropdown.border#29242E
- dropdown.foreground#D2C7DF
- dropdown.listBackground#0F0F0F
- editor.background#0C0C0C
- editor.compositionBorder#9865B3
- editor.findMatchBackground#9865B360
- editor.findMatchBorder#9865B3
- editor.findMatchForeground#D2C7DF
- editor.findMatchHighlightBackground#9865B333
- editor.findMatchHighlightForeground#D2C7DF
- editor.foreground#D2C7DF
- editor.hoverHighlightBackground#9865B322
- editor.inactiveSelectionBackground#9865B330
- editor.lineHighlightBackground#191820
- editor.lineHighlightBorder#3A3241
- editor.placeholder.foreground#807494
- editor.rangeHighlightBackground#9865B31F
- editor.selectionBackground#9865B347
- editor.selectionForeground#D2C7DF
- editor.wordHighlightBackground#9865B32B
- editor.wordHighlightBorder#9865B350
- editor.wordHighlightStrongBackground#9865B342
- editorActionList.background#0F0F0F
- editorActionList.focusBackground#343137
- editorActionList.focusForeground#D2C7DF
- editorActionList.foreground#D2C7DF
- editorBracketHighlight.foreground1#B9A3CC
- editorBracketHighlight.foreground2#C0A38C
- editorBracketHighlight.foreground3#A3ABBF
- editorBracketHighlight.foreground4#BEA0AF
- editorBracketHighlight.foreground5#97B0C4
- editorBracketHighlight.foreground6#C1A39F
- editorBracketMatch.background#9865B322
- editorBracketMatch.border#9965B2D9
- editorCommentsWidget.rangeActiveBackground#191820
- editorCommentsWidget.rangeBackground#9865B32B
- editorCommentsWidget.replyInputBackground#0F0F0F
- editorCommentsWidget.resolvedBorder#538F58
- editorCommentsWidget.unresolvedBorder#C0686C
- editorCursor.background#0C0C0C
- editorCursor.foreground#A57EBC
- editorError.border#C0686C00
- editorError.foreground#C0686C
- editorGhostText.background#19182080
- editorGhostText.border#497CBF
- editorGhostText.foreground#807494
- editorGroup.border#29242E
- editorGroup.dropBackground#9865B347
- editorGroup.dropIntoPromptBackground#343137
- editorGroup.dropIntoPromptBorder#9865B3
- editorGroup.focusedEmptyBorder#9865B3
- editorGroupHeader.border#29242E
- editorGroupHeader.noTabsBackground#0C0C0C
- editorGroupHeader.tabsBackground#0C0C0C
- editorGroupHeader.tabsBorder#29242E
- editorGutter.addedBackground#538F58
- editorGutter.background#0B0B0B
- editorGutter.deletedBackground#C0686C
- editorGutter.modifiedBackground#497CBF
- editorHint.border#538F5800
- editorHint.foreground#538F58
- editorHoverWidget.background#0F0F0F
- editorHoverWidget.border#29242E
- editorHoverWidget.foreground#9E96AD
- editorHoverWidget.highlightForeground#A985B9
- editorHoverWidget.statusBarBackground#0F0F0F
- editorIndentGuide.activeBackground1#34273D
- editorIndentGuide.background1#2B1E36
- editorInfo.border#497CBF00
- editorInfo.foreground#497CBF
- editorInlayHint.background#19182080
- editorInlayHint.foreground#807494
- editorInlayHint.parameterBackground#19182080
- editorInlayHint.parameterForeground#807494
- editorInlayHint.typeBackground#19182080
- editorInlayHint.typeForeground#807494
- editorLineNumber.activeForeground#90859C
- editorLineNumber.dimmedForeground#5D5666
- editorLineNumber.foreground#5D5666
- editorMultiCursor.primary.background#0C0C0C
- editorMultiCursor.primary.foreground#A57EBC
- editorMultiCursor.secondary.background#0C0C0C
- editorMultiCursor.secondary.foreground#A57EBC
- editorOverviewRuler.addedForeground#538F588C
- editorOverviewRuler.border#29242E
- editorOverviewRuler.bracketMatchForeground#9965B2BF
- editorOverviewRuler.commonContentForeground#807494
- editorOverviewRuler.currentContentForeground#497CBF
- editorOverviewRuler.deletedForeground#C0686C8C
- editorOverviewRuler.errorForeground#C0686C8C
- editorOverviewRuler.findMatchForeground#9865B360
- editorOverviewRuler.incomingContentForeground#538F58
- editorOverviewRuler.infoForeground#497CBF8C
- editorOverviewRuler.modifiedForeground#497CBF8C
- editorOverviewRuler.selectionHighlightForeground#9865B378
- editorOverviewRuler.warningForeground#C28F418C
- editorPane.background#0C0C0C
- editorRuler.foreground#29242E
- editorStickyScroll.background#0C0C0C
- editorStickyScrollGutter.background#0B0B0B
- editorStickyScrollHover.background#191820
- editorSuggestWidget.background#0F0F0F
- editorSuggestWidget.border#29242E
- editorSuggestWidget.focusHighlightForeground#A985B9
- editorSuggestWidget.foreground#9E96AD
- editorSuggestWidget.highlightForeground#9865B3
- editorSuggestWidget.selectedBackground#34273E
- editorSuggestWidget.selectedForeground#D2C7DF
- editorSuggestWidget.selectedIconForeground#D2C7DF
- editorSuggestWidgetStatus.foreground#9F96AD
- editorWarning.border#C28F4100
- editorWarning.foreground#C28F41
- editorWhitespace.foreground#29242E
- editorWidget.background#0F0F0F
- editorWidget.border#29242E
- editorWidget.foreground#D2C7DF
- errorForeground#C0686C
- extensionBadge.remoteBackground#9865B3
- extensionBadge.remoteForeground#0C0C0C
- extensionButton.background#875EA3
- extensionButton.border#29242E
- extensionButton.foreground#FFFFFF
- extensionButton.hoverBackground#8F5FB2
- extensionButton.prominentBackground#875EA3
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#8F5FB2
- extensionButton.separator#29242E
- focusBorder#9865B3
- foreground#D2C7DF
- gauge.background#0F0F0F
- gauge.border#29242E
- gauge.errorBackground#C0686C24
- gauge.errorForeground#D2C7DF
- gauge.foreground#D2C7DF
- gauge.warningBackground#C28F4124
- gauge.warningForeground#D2C7DF
- icon.foreground#9F96AD
- inlineChat.background#0F0F0F
- inlineChat.border#29242E
- inlineChat.foreground#D2C7DF
- inlineChatDiff.inserted#538F581C
- inlineChatDiff.removed#C0686C24
- inlineChatInput.background#0F0F0F
- inlineChatInput.border#29242E
- inlineChatInput.focusBorder#9865B3
- inlineChatInput.placeholderForeground#807494
- inlineEdit.gutterIndicator.background#0F0F0F
- inlineEdit.gutterIndicator.primaryBorder#9865B3
- inlineEdit.gutterIndicator.secondaryBorder#29242E
- inlineEdit.gutterIndicator.successfulBackground#538F581C
- inlineEdit.gutterIndicator.successfulBorder#538F58
- inlineEdit.gutterIndicator.successfulForeground#538F58
- inlineEdit.modifiedBackground#538F581C
- inlineEdit.originalBackground#C0686C24
- input.background#0F0F0F
- input.border#29242E
- input.foreground#D2C7DF
- input.placeholderForeground#807494
- inputOption.activeBackground#2B282D
- inputOption.activeBorder#9865B3
- inputOption.activeForeground#A985B9
- inputOption.hoverBackground#191820
- inputValidation.errorBackground#C0686C24
- inputValidation.errorBorder#C0686C
- inputValidation.errorForeground#D2C7DF
- inputValidation.infoBackground#497CBF24
- inputValidation.infoBorder#497CBF
- inputValidation.infoForeground#D2C7DF
- inputValidation.warningBackground#C28F4124
- inputValidation.warningBorder#C28F41
- inputValidation.warningForeground#D2C7DF
- interactive.activeCodeBorder#9865B3
- interactive.inactiveCodeBorder#29242E
- keybindingLabel.background#0F0F0F
- keybindingLabel.border#29242E
- keybindingLabel.bottomBorder#29242E
- keybindingLabel.foreground#9F96AD
- keybindingTable.headerBackground#0C0C0C
- keybindingTable.rowsBackground#23172E
- list.activeSelectionBackground#34273E
- list.activeSelectionForeground#D2C7DF
- list.activeSelectionIconForeground#D2C7DF
- list.deemphasizedForeground#807494
- list.dropBackground#9865B347
- list.dropBetweenBackground#9865B347
- list.errorForeground#C0686C
- list.focusAndSelectionOutline#9865B3
- list.focusBackground#343137
- list.focusForeground#D2C7DF
- list.focusHighlightForeground#A985B9
- list.focusOutline#9865B3
- list.highlightForeground#9865B3
- list.hoverBackground#191820
- list.hoverForeground#D2C7DF
- list.inactiveFocusBackground#343137
- list.inactiveFocusOutline#29242E
- list.inactiveSelectionBackground#23172E
- list.inactiveSelectionForeground#9E96AD
- list.inactiveSelectionIconForeground#9E96AD
- list.invalidItemForeground#C0686C
- list.warningForeground#C28F41
- listFilterWidget.background#0F0F0F
- listFilterWidget.noMatchesOutline#C0686C
- listFilterWidget.outline#9865B3
- markdownAlert.caution.foreground#C0686C
- markdownAlert.important.foreground#C28F41
- markdownAlert.note.foreground#497CBF
- markdownAlert.tip.foreground#538F58
- markdownAlert.warning.foreground#C28F41
- menu.background#0F0F0F
- menu.border#29242E
- menu.foreground#9E96AD
- menu.selectionBackground#34273E
- menu.selectionBorder#9865B3
- menu.selectionForeground#D2C7DF
- menu.separatorBackground#29242E
- menubar.selectionBackground#34273E
- menubar.selectionBorder#9865B3
- menubar.selectionForeground#D2C7DF
- merge.border#29242E
- merge.commonContentBackground#8074941A
- merge.commonHeaderBackground#80749433
- merge.currentContentBackground#497CBF1C
- merge.currentHeaderBackground#497CBF33
- merge.incomingContentBackground#538F581C
- merge.incomingHeaderBackground#538F5833
- minimap.background#0C0C0C
- minimap.chatEditHighlight#497CBF
- minimap.errorHighlight#C0686C
- minimap.infoHighlight#497CBF
- minimap.selectionHighlight#9865B347
- minimap.selectionOccurrenceHighlight#9865B347
- minimap.warningHighlight#C28F41
- minimapSlider.activeBackground#9865B360
- minimapSlider.background#80749440
- minimapSlider.hoverBackground#9865B355
- multiDiffEditor.background#0C0C0C
- multiDiffEditor.border#29242E
- multiDiffEditor.headerBackground#0C0C0C
- notebook.cellBorderColor#29242E
- notebook.cellEditorBackground#0C0C0C
- notebook.cellHoverBackground#191820
- notebook.cellInsertionIndicator#9865B3
- notebook.cellStatusBarItemHoverBackground#191820
- notebook.cellToolbarSeparator#29242E
- notebook.editorBackground#0C0C0C
- notebook.focusedCellBackground#2B282D
- notebook.focusedCellBorder#9865B3
- notebook.focusedEditorBorder#9865B3
- notebook.inactiveFocusedCellBorder#29242E
- notebook.inactiveSelectedCellBorder#29242E
- notebook.outputContainerBackgroundColor#0F0F0F
- notebook.outputContainerBorderColor#29242E
- notebook.selectedCellBackground#34273E
- notebook.selectedCellBorder#29242E
- notebook.symbolHighlightBackground#9865B31F
- notebookEditorOverviewRuler.runningCellForeground#497CBF
- notebookScrollbarSlider.activeBackground#9865B360
- notebookScrollbarSlider.background#80749450
- notebookScrollbarSlider.hoverBackground#8074947A
- notebookStatusErrorIcon.foreground#C0686C
- notebookStatusRunningIcon.foreground#C28F41
- notebookStatusSuccessIcon.foreground#538F58
- notificationCenter.border#29242E
- notificationCenterHeader.background#0F0F0F
- notificationCenterHeader.foreground#D2C7DF
- notificationLink.foreground#497CBF
- notifications.background#0F0F0F
- notifications.border#29242E
- notifications.foreground#9E96AD
- notificationsErrorIcon.foreground#C0686C
- notificationsInfoIcon.foreground#538F58
- notificationsWarningIcon.foreground#C28F41
- notificationToast.border#29242E
- outputView.background#0C0C0C
- outputViewStickyScroll.background#0C0C0C
- panel.background#0C0C0C
- panel.border#29242E
- panel.dropBorder#9865B3
- panel.foreground#D2C7DF
- panelInput.border#29242E
- panelSection.border#29242E
- panelSection.dropBackground#9865B347
- panelSectionHeader.background#0C0C0C
- panelSectionHeader.border#29242E
- panelStickyScroll.background#0C0C0C
- panelStickyScroll.border#29242E
- panelTitle.activeBorder#9865B3
- panelTitle.activeForeground#D2C7DF
- panelTitle.inactiveForeground#807494
- peekView.border#9865B3
- peekViewEditor.background#0F0F0F
- peekViewEditor.matchHighlightBackground#9865B342
- peekViewEditorGutter.background#0C0C0C
- peekViewResult.background#0C0C0C
- peekViewResult.fileForeground#9E96AD
- peekViewResult.lineForeground#807494
- peekViewResult.matchHighlightBackground#9865B342
- peekViewResult.selectionBackground#34273E
- peekViewResult.selectionForeground#D2C7DF
- peekViewTitle.background#0F0F0F
- peekViewTitleDescription.foreground#807494
- peekViewTitleLabel.foreground#D2C7DF
- pickerGroup.border#29242E
- ports.iconRunningProcessForeground#538F58
- problemsErrorIcon.foreground#C0686C
- problemsInfoIcon.foreground#497CBF
- problemsWarningIcon.foreground#C28F41
- profileBadge.background#9865B3
- profileBadge.foreground#0C0C0C
- profiles.sashBorder#29242E
- progressBar.background#9865B3
- quickInput.background#0F0F0F
- quickInput.foreground#D2C7DF
- quickInputList.focusBackground#343137
- quickInputList.focusForeground#D2C7DF
- quickInputList.focusIconForeground#D2C7DF
- quickInputTitle.background#0C0C0C
- radio.activeBackground#2B282D
- radio.activeBorder#29242E
- radio.activeForeground#9865B3
- radio.inactiveBackground#0F0F0F
- radio.inactiveBorder#29242E
- radio.inactiveForeground#9F96AD
- radio.inactiveHoverBackground#191820
- sash.hoverBorder#925EB0
- scrollbarSlider.activeBackground#8074949F
- scrollbarSlider.background#80749450
- scrollbarSlider.hoverBackground#8074947A
- selection.background#9865B347
- settings.checkboxBackground#0F0F0F
- settings.checkboxBorder#29242E
- settings.checkboxForeground#9865B3
- settings.dropdownBackground#0F0F0F
- settings.dropdownBorder#29242E
- settings.dropdownForeground#D2C7DF
- settings.dropdownListBorder#29242E
- settings.focusedRowBackground#2B282D
- settings.focusedRowBorder#9865B3
- settings.headerBorder#29242E
- settings.headerForeground#D2C7DF
- settings.modifiedItemIndicator#9865B3
- settings.numberInputBackground#0F0F0F
- settings.numberInputBorder#29242E
- settings.numberInputForeground#D2C7DF
- settings.rowHoverBackground#191820
- settings.sashBorder#29242E
- settings.settingsHeaderHoverForeground#9F96AD
- settings.textInputBackground#0F0F0F
- settings.textInputBorder#29242E
- settings.textInputForeground#D2C7DF
- sideBar.background#0F0F0F
- sideBar.border#29242E
- sideBar.dropBackground#9865B347
- sideBar.foreground#9E96AD
- sideBarActivityBarTop.border#29242E
- sideBarSectionHeader.background#191820
- sideBarSectionHeader.border#29242E
- sideBarSectionHeader.foreground#D2C7DF
- sideBarStickyScroll.background#0C0C0C
- sideBarStickyScroll.border#29242E
- sideBarTitle.background#0C0C0C
- sideBarTitle.border#29242E
- sideBarTitle.foreground#9F96AD
- simpleFindWidget.sashBorder#29242E
- statusBar.background#0C0C0C
- statusBar.border#29242E
- statusBar.debuggingBackground#34273E
- statusBar.debuggingBorder#29242E
- statusBar.debuggingForeground#D2C7DF
- statusBar.focusBorder#9865B3
- statusBar.foreground#897A9A
- statusBar.noFolderBackground#0C0C0C
- statusBar.noFolderBorder#29242E
- statusBar.noFolderForeground#897A9A
- statusBarItem.activeBackground#3A373C
- statusBarItem.compactHoverBackground#191820
- statusBarItem.errorBackground#C0686C
- statusBarItem.errorForeground#0C0C0C
- statusBarItem.focusBorder#9865B3
- statusBarItem.hoverBackground#191820
- statusBarItem.hoverForeground#897A9A
- statusBarItem.offlineBackground#C28F4124
- statusBarItem.offlineForeground#D2C7DF
- statusBarItem.prominentBackground#2B282D
- statusBarItem.prominentForeground#D2C7DF
- statusBarItem.prominentHoverBackground#A985B9
- statusBarItem.prominentHoverForeground#0C0C0C
- statusBarItem.remoteBackground#9865B3
- statusBarItem.remoteForeground#0C0C0C
- statusBarItem.remoteHoverBackground#A985B9
- statusBarItem.remoteHoverForeground#0C0C0C
- statusBarItem.warningBackground#C28F41
- statusBarItem.warningForeground#0C0C0C
- symbolIcon.arrayForeground#B27AC9
- symbolIcon.booleanForeground#AF789A
- symbolIcon.classForeground#7574B2
- symbolIcon.colorForeground#B27AC9
- symbolIcon.constantForeground#AF789A
- symbolIcon.constructorForeground#7574B2
- symbolIcon.enumeratorForeground#7574B2
- symbolIcon.enumeratorMemberForeground#AF789A
- symbolIcon.eventForeground#98699F
- symbolIcon.fieldForeground#D2C7DF
- symbolIcon.fileForeground#A088C0
- symbolIcon.folderForeground#7574B2
- symbolIcon.functionForeground#7B93BF
- symbolIcon.interfaceForeground#7574B2
- symbolIcon.keyForeground#AF789A
- symbolIcon.keywordForeground#98699F
- symbolIcon.methodForeground#7B93BF
- symbolIcon.moduleForeground#7574B2
- symbolIcon.namespaceForeground#7574B2
- symbolIcon.nullForeground#807494
- symbolIcon.numberForeground#AF789A
- symbolIcon.objectForeground#7574B2
- symbolIcon.operatorForeground#98699F
- symbolIcon.packageForeground#7574B2
- symbolIcon.propertyForeground#D2C7DF
- symbolIcon.referenceForeground#7574B2
- symbolIcon.snippetForeground#5B8B5E
- symbolIcon.stringForeground#5B8B5E
- symbolIcon.structForeground#7574B2
- symbolIcon.textForeground#D2C7DF
- symbolIcon.typeParameterForeground#7574B2
- symbolIcon.unitForeground#AF789A
- symbolIcon.variableForeground#D2C7DF
- tab.activeBackground#0F0F0F
- tab.activeBorder#9865B3
- tab.activeBorderTop#9865B3
- tab.activeForeground#D2C7DF
- tab.border#29242E
- tab.dragAndDropBorder#29242E
- tab.hoverBackground#191820
- tab.hoverBorder#925EB0
- tab.hoverForeground#D2C7DF
- tab.inactiveBackground#0C0C0C
- tab.inactiveForeground#807494
- tab.lastPinnedBorder#29242E
- tab.selectedBackground#0F0F0F
- tab.selectedBorderTop#9865B3
- tab.selectedForeground#D2C7DF
- tab.unfocusedActiveBackground#0F0F0F
- tab.unfocusedActiveBorder#29242E
- tab.unfocusedActiveBorderTop#29242E
- tab.unfocusedActiveForeground#807494
- tab.unfocusedHoverBackground#191820
- tab.unfocusedHoverBorder#925EB0
- tab.unfocusedHoverForeground#D2C7DF
- tab.unfocusedInactiveBackground#0C0C0C
- tab.unfocusedInactiveForeground#807494
- terminal.ansiBlack#29242E
- terminal.ansiBlue#497CBF
- terminal.ansiBrightBlack#443F4E
- terminal.ansiBrightBlue#7C97D0
- terminal.ansiBrightCyan#9798D3
- terminal.ansiBrightGreen#73AE76
- terminal.ansiBrightMagenta#AF85C2
- terminal.ansiBrightRed#D0888B
- terminal.ansiBrightWhite#E3D7EE
- terminal.ansiBrightYellow#D9AB62
- terminal.ansiCyan#7D7FB8
- terminal.ansiGreen#538F58
- terminal.ansiMagenta#9865B3
- terminal.ansiRed#C0686C
- terminal.ansiWhite#D2C7DF
- terminal.ansiYellow#C28F41
- terminal.background#0C0C0C
- terminal.border#29242E
- terminal.dropBackground#9865B347
- terminal.findMatchBackground#9865B360
- terminal.findMatchHighlightBackground#9865B333
- terminal.foreground#D2C7DF
- terminal.hoverHighlightBackground#9865B322
- terminal.initialHintForeground#807494
- terminal.selectionBackground#9865B355
- terminal.tab.activeBorder#9865B3
- terminalCommandGuide.foreground#29242E
- terminalCursor.foreground#A57EBC
- terminalOverviewRuler.border#29242E
- terminalOverviewRuler.findMatchForeground#9865B360
- terminalStickyScroll.background#0C0C0C
- terminalStickyScroll.border#29242E
- terminalSymbolIcon.aliasForeground#7B93BF
- terminalSymbolIcon.argumentForeground#AF789A
- terminalSymbolIcon.branchForeground#497CBF
- terminalSymbolIcon.commitForeground#497CBF
- terminalSymbolIcon.fileForeground#A088C0
- terminalSymbolIcon.flagForeground#C28F41
- terminalSymbolIcon.folderForeground#7574B2
- terminalSymbolIcon.inlineSuggestionForeground#B27AC9
- terminalSymbolIcon.methodForeground#7B93BF
- terminalSymbolIcon.optionForeground#AF789A
- terminalSymbolIcon.optionValueForeground#AF789A
- terminalSymbolIcon.pullRequestDoneForeground#538F58
- terminalSymbolIcon.pullRequestForeground#497CBF
- terminalSymbolIcon.remoteForeground#497CBF
- terminalSymbolIcon.stashForeground#497CBF
- terminalSymbolIcon.symbolicLinkFileForeground#A088C0
- terminalSymbolIcon.symbolicLinkFolderForeground#7574B2
- terminalSymbolIcon.symbolText#D2C7DF
- terminalSymbolIcon.tagForeground#AF789A
- testing.coverCountBadgeBackground#9865B3
- testing.coverCountBadgeForeground#0C0C0C
- testing.coveredBackground#538F581C
- testing.coveredBorder#538F581C
- testing.coveredGutterBackground#538F581C
- testing.iconErrored#C0686C
- testing.iconErrored.retired#807494
- testing.iconFailed#C0686C
- testing.iconFailed.retired#807494
- testing.iconPassed#538F58
- testing.iconPassed.retired#807494
- testing.iconQueued#C28F41
- testing.iconQueued.retired#807494
- testing.iconSkipped#807494
- testing.iconSkipped.retired#807494
- testing.iconUnset#497CBF
- testing.iconUnset.retired#807494
- testing.message.error.badgeBackground#C0686C24
- testing.message.error.badgeBorder#C0686C
- testing.message.error.badgeForeground#D2C7DF
- testing.message.error.lineBackground#C0686C24
- testing.message.info.decorationForeground#497CBF
- testing.message.info.lineBackground#497CBF24
- testing.messagePeekBorder#497CBF
- testing.messagePeekHeaderBackground#497CBF24
- testing.peekBorder#497CBF
- testing.peekHeaderBackground#497CBF24
- testing.runAction#538F58
- testing.uncoveredBackground#C28F4124
- testing.uncoveredBorder#C28F4124
- testing.uncoveredBranchBackground#C28F4124
- testing.uncoveredGutterBackground#C28F4124
- textBlockQuote.background#0F0F0F
- textBlockQuote.border#29242E
- textLink.activeForeground#497CBF
- textLink.foreground#497CBF
- textPreformat.border#29242E
- textSeparator.foreground#29242E
- titleBar.activeBackground#0C0C0C
- titleBar.activeForeground#998AA9
- titleBar.border#29242E
- titleBar.inactiveBackground#0C0C0C
- titleBar.inactiveForeground#807494
- toolbar.activeBackground#3A373C
- toolbar.hoverBackground#191820
- toolbar.hoverOutline#925EB0
- tree.inactiveIndentGuidesStroke#2B1E36
- tree.indentGuidesStroke#34273D
- walkThrough.embeddedEditorBackground#0C0C0C
- walkthrough.stepTitle.foreground#9F96AD
- welcomePage.background#0C0C0C
- welcomePage.tileBackground#0F0F0F
- welcomePage.tileBorder#29242E
- welcomePage.tileHoverBackground#191820
- widget.border#29242E
- window.activeBorder#29242E
- window.inactiveBorder#29242E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #867B9B | italic |
| comment.block.documentation, comment.line.documentation, string.quoted.docstring | #968BAB | italic |
| keyword, storage.type, storage.modifier, keyword.operator, keyword.control, keyword.other.import, keyword.control.import, entity.name.tag, entity.name.tag.js, entity.name.tag.css, meta.import | #98699F | — |
| meta.type.annotation, meta.annotation, entity.name.type.annotation | #7574B2 | italic |
| entity.name.type, entity.name.class, entity.name.type.class, entity.name.struct, entity.name.enum, entity.name.type.interface, entity.name.interface, support.type, support.class, support.class.component | #7574B2 | — |
| entity.name.function, support.function, meta.function-call, entity.name.method, variable.function | #7B93BF | — |
| variable.parameter, meta.parameter, entity.other.attribute-name, meta.attribute, support.type.property-name.json, constant.character.escape, string.regexp constant.character.escape | #AF789A | — |
| variable.language | #AF789A | italic |
| string, string.quoted, string.template, punctuation.definition.string | #5B8B5E | — |
| constant.language.null, constant.language.nil, constant.language.none | #807494 | — |
| constant.language | #AE8EAD | — |
| constant.numeric, constant.character, constant.other, keyword.other.unit, variable.other.enummember, variable.other.constant, entity.name.constant, support.constant, entity.other.attribute-name.id.css | #AF789A | — |
| variable, variable.other, variable.other.property, meta.object-literal.key, support.variable, support.constant.property-value.css | #D2C7DF | — |
| support.type.property-name.css, entity.other.attribute-name.class.css | #D2C7DF | — |
| punctuation, meta.brace, meta.delimiter, punctuation.separator, punctuation.terminator, punctuation.definition.tag | #807494 | — |
| string.regexp | #B18339 | — |
| entity.name.function.decorator, meta.decorator, punctuation.decorator | #7574B2 | — |
| markup.heading, entity.name.section | #98699F | bold |
| markup.bold | #D2C7DF | bold |
| markup.italic | #B27AC9 | italic |
| markup.inline.raw | #7B93BF | — |
| markup.underline.link | #A088C0 | — |
| markup.quote | #5B8B5E | italic |
| markup.deleted, diff.deleted | #C0686C | — |
| markup.inserted, diff.inserted | #538F58 | — |
| markup.changed, diff.changed | #497CBF | — |
| markup.strikethrough | #497CBF | strikethrough |
| invalid | #C0686C | — |
| invalid.deprecated | #AF789A | strikethrough |