Nightcall
Publisher: Robert PattersonThemes in package: 6
A mellow yet colorful Visual Studio Code theme built around vibrant shades of pink, purple, and blue.
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#373758
- activityBar.activeBorder#FF99D3
- activityBar.activeFocusBorder#FF99D3
- activityBar.background#1C1D2D
- activityBar.border#27283F
- activityBar.foreground#7F7FAC
- activityBar.inactiveForeground#7F7FAC
- activityBarBadge.background#1C1D2D
- activityBarBadge.foreground#A0A0C2
- activityBarTop.activeBorder#FF99D3
- activityBarTop.activeFocusBorder#FF99D3
- activityBarTop.background#1C1D2D
- activityBarTop.border#27283F
- activityBarTop.foreground#7F7FAC
- activityBarTop.inactiveForeground#7F7FAC
- activityErrorBadge.background#F76478
- activityErrorBadge.foreground#1C1D2D
- activityWarningBadge.background#B9773E
- activityWarningBadge.foreground#1C1D2D
- agents.background#202133
- agentsBadge.background#FF99D3
- agentsBadge.foreground#1C1D2D
- agentsChatInput.background#27283F
- agentsChatInput.border#2F2F4B
- agentsChatInput.focusBorder#FF99D3
- agentsChatInput.foreground#C1C1D7
- agentsChatInput.placeholderForeground#7F7FAC
- agentsGradient.tintColor#FF99D3
- agentsNewSessionButton.background#20213300
- agentsNewSessionButton.border#2F2F4B
- agentsNewSessionButton.foreground#C1C1D7
- agentsNewSessionButton.hoverBackground#373758
- agentsPanel.background#1C1D2D
- agentsPanel.border#27283F
- agentsPanel.foreground#C1C1D7
- agentsUnreadBadge.background#FF99D3
- agentsUnreadBadge.foreground#1C1D2D
- badge.background#1C1D2D
- badge.foreground#A0A0C2
- breadcrumb.activeSelectionForeground#E2E2EC
- breadcrumb.background#202133
- breadcrumb.focusForeground#C1C1D7
- breadcrumb.foreground#C1C1D7
- breadcrumbPicker.background#202133
- button.background#FF99D3
- button.border#FF99D3
- button.foreground#202133
- button.hoverBackground#FF99D3
- button.secondaryBackground#2F2F4B
- button.secondaryForeground#C1C1D7
- button.secondaryHoverBackground#2F2F4B
- charts.blue#8FAAFB
- charts.foreground#C1C1D7
- charts.green#85D483
- charts.lines#c1c1d780
- charts.orange#FFC799
- charts.purple#9968F3
- charts.red#F87788
- charts.yellow#B9773E
- chat.avatarBackground#27283F
- chat.avatarForeground#E2E2EC
- chat.checkpointSeparator#27283F
- chat.editedFileForeground#8FAAFB
- chat.inputWorkingBorderColor1#FF99D3
- chat.inputWorkingBorderColor2#9968F3
- chat.inputWorkingBorderColor3#8FAAFB
- chat.linesAddedForeground#85d48399
- chat.linesRemovedForeground#f7647899
- chat.requestBackground#20213300
- chat.requestBorder#2F2F4B
- chat.requestBubbleBackground#1c1d2d99
- chat.requestBubbleHoverBackground#20213399
- chat.requestCodeBorder#3f3f6499
- chat.slashCommandBackground#27283F
- chat.slashCommandForeground#E2E2EC
- chat.thinkingShimmer#ff99d399
- chatManagement.sashBorder#27283F
- checkbox.background#1C1D2D
- checkbox.border#27283F
- checkbox.foreground#C1C1D7
- commandCenter.activeBackground#202133
- commandCenter.activeBorder#FF99D3
- commandCenter.activeForeground#A0A0C2
- commandCenter.background#1C1D2D
- commandCenter.border#27283F
- commandCenter.foreground#A0A0C2
- commandCenter.inactiveBorder#27283F
- commandCenter.inactiveForeground#A0A0C2
- debugConsole.errorForeground#F87788
- debugConsole.infoForeground#7F7FAC
- debugConsole.sourceForeground#FFC799
- debugConsole.warningForeground#B9773E
- debugConsoleInputIcon.foreground#9968F3
- debugExceptionWidget.background#202133
- debugExceptionWidget.border#27283F
- debugIcon.breakpointForeground#F87788
- debugTokenExpression.boolean#85D483
- debugTokenExpression.error#F87788
- debugTokenExpression.name#8FAAFB
- debugTokenExpression.number#85D483
- debugTokenExpression.string#FFADDC
- debugTokenExpression.value#FFADDC
- debugToolBar.background#202133
- debugToolBar.border#27283F
- descriptionForeground#A0A0C2
- diffEditor.border#27283F
- diffEditor.insertedLineBackground#85d48326
- diffEditor.insertedTextBackground#85d4831a
- diffEditor.removedLineBackground#f7647826
- diffEditor.removedTextBackground#f764781a
- disabledForeground#7f7facbf
- dropdown.background#2F2F4B
- dropdown.border#27283F
- dropdown.foreground#E2E2EC
- dropdown.listBackground#2F2F4B
- editor.background#202133
- editor.border#2F2F4B
- editor.findMatchBackground#27283F
- editor.findMatchBorder#2F2F4B
- editor.findMatchHighlightBackground#27283f80
- editor.findRangeHighlightBackground#bb9af733
- editor.focusedStackFrameHighlightBackground#1C1D2D
- editor.foldBackground#27283f1a
- editor.foreground#E2E2EC
- editor.hoverHighlightBackground#9968f340
- editor.inactiveSelectionBackground#bb9af720
- editor.lineHighlightBackground#47477173
- editor.linkedEditingBackground#9968f340
- editor.rangeHighlightBackground#9968f340
- editor.selectionBackground#9968f340
- editor.selectionForeground#E2E2EC
- editor.selectionHighlightBackground#9968f340
- editor.snippetFinalTabstopHighlightBackground#bb9af740
- editor.snippetFinalTabstopHighlightBorder#bb9af740
- editor.snippetTabstopHighlightBackground#bb9af740
- editor.snippetTabstopHighlightBorder#9968f340
- editor.stackFrameHighlightBackground#202133
- editor.symbolHighlightBackground#9968f340
- editor.wordHighlightBackground#47477180
- editor.wordHighlightBorder#47477199
- editor.wordHighlightStrongBackground#47477180
- editor.wordHighlightStrongBorder#47477199
- editor.wordHighlightTextBackground#9968f340
- editorBracketHighlight.foreground1#BB9AF7
- editorBracketHighlight.foreground2#FF99D3
- editorBracketHighlight.foreground3#8FAAFB
- editorBracketHighlight.foreground4#C1C1D7
- editorBracketHighlight.foreground5#9968F3
- editorBracketHighlight.foreground6#FFADDC
- editorBracketHighlight.unexpectedBracket.foreground#F87788
- editorBracketMatch.background#27283fe6
- editorBracketMatch.border#3f3f64e6
- editorBracketPairGuide.activeBackground1#bb9af7bf
- editorBracketPairGuide.activeBackground2#ff99d3bf
- editorBracketPairGuide.activeBackground3#8faafbbf
- editorBracketPairGuide.activeBackground4#c1c1d7bf
- editorBracketPairGuide.activeBackground5#9968f3bf
- editorBracketPairGuide.activeBackground6#ffaddcbf
- editorBracketPairGuide.background1#bb9af799
- editorBracketPairGuide.background2#ff99d399
- editorBracketPairGuide.background3#8faafb99
- editorBracketPairGuide.background4#c1c1d799
- editorBracketPairGuide.background5#9968f399
- editorBracketPairGuide.background6#ffaddc99
- editorCodeLens.foreground#C1C1D7
- editorCommentsWidget.rangeActiveBackground#8faafb40
- editorCommentsWidget.rangeBackground#8faafb26
- editorCursor.background#B9773E
- editorCursor.foreground#E2E2EC
- editorError.foreground#F87788
- editorGhostText.foreground#E2E2EC
- editorGroup.border#2F2F4B
- editorGroup.dropBackground#1c1d2dcc
- editorGroup.emptyBackground#202133
- editorGroup.focusedEmptyBorder#2F2F4B
- editorGroupHeader.noTabsBackground#202133
- editorGroupHeader.tabsBackground#202133
- editorGroupHeader.tabsBorder#2F2F4B
- editorGutter.addedBackground#85D483
- editorGutter.background#202133
- editorGutter.commentRangeForeground#A0A0C2
- editorGutter.deletedBackground#F87788
- editorGutter.modifiedBackground#8FAAFB
- editorHint.foreground#9968F3
- editorHoverWidget.background#27283F
- editorHoverWidget.border#3F3F64
- editorHoverWidget.foreground#C1C1D7
- editorIndentGuide.activeBackground#C1C1D7
- editorIndentGuide.activeBackground1#C1C1D7
- editorIndentGuide.background#27283F
- editorIndentGuide.background1#27283F
- editorInfo.foreground#67E8F9
- editorInlayHint.background#27283f80
- editorInlayHint.foreground#A0A0C2
- editorInlayHint.parameterBackground#27283f80
- editorInlayHint.parameterForeground#A0A0C2
- editorInlayHint.typeBackground#27283f80
- editorInlayHint.typeForeground#A0A0C2
- editorLineNumber.activeForeground#C1C1D7
- editorLineNumber.foreground#7F7FAC
- editorLink.activeForeground#C1C1D7
- editorMarkerNavigation.background#202133
- editorMarkerNavigationError.background#f7647833
- editorMarkerNavigationInfo.background#67e8f933
- editorMarkerNavigationWarning.background#ffc79933
- editorMinimap.inlineChatInserted#85D483
- editorOverviewRuler.addedForeground#85D483
- editorOverviewRuler.border#27283F
- editorOverviewRuler.bracketMatchForeground#9968F3
- editorOverviewRuler.commonContentForeground#C1C1D7
- editorOverviewRuler.currentContentForeground#8FAAFB
- editorOverviewRuler.deletedForeground#F87788
- editorOverviewRuler.errorForeground#F87788
- editorOverviewRuler.findMatchForeground#c1c1d799
- editorOverviewRuler.incomingContentForeground#85D483
- editorOverviewRuler.infoForeground#67E8F9
- editorOverviewRuler.inlineChatInserted#85D483
- editorOverviewRuler.inlineChatRemoved#F87788
- editorOverviewRuler.modifiedForeground#8FAAFB
- editorOverviewRuler.rangeHighlightForeground#bb9af740
- editorOverviewRuler.selectionHighlightForeground#bb9af740
- editorOverviewRuler.warningForeground#B9773E
- editorOverviewRuler.wordHighlightForeground#ff99d399
- editorOverviewRuler.wordHighlightStrongForeground#ff99d399
- editorOverviewRuler.wordHighlightTextForeground#bb9af740
- editorPane.background#202133
- editorRuler.foreground#1C1D2D
- editorStickyScroll.background#202133
- editorStickyScroll.border#27283F
- editorStickyScroll.shadow#1c1d2d40
- editorStickyScrollHover.background#47477173
- editorSuggestWidget.background#27283F
- editorSuggestWidget.border#27283F
- editorSuggestWidget.foreground#C1C1D7
- editorSuggestWidget.highlightForeground#C1C1D7
- editorSuggestWidget.selectedBackground#27283F
- editorUnnecessaryCode.opacity#e2e2eccc
- editorWarning.foreground#B9773E
- editorWhitespace.foreground#7F7FAC
- editorWidget.background#27283F
- editorWidget.border#2F2F4B
- editorWidget.foreground#C1C1D7
- editorWidget.resizeBorder#2F2F4B
- errorForeground#F87788
- extensionButton.prominentBackground#8FAAFB
- extensionButton.prominentForeground#1C1D2D
- extensionButton.prominentHoverBackground#FFADDC
- focusBorder#FF99D3
- foreground#C1C1D7
- gauge.background#67e8f94d
- gauge.border#2F2F4B
- gauge.errorBackground#f764784d
- gauge.errorForeground#F87788
- gauge.foreground#67E8F9
- gauge.warningBackground#ffc7994d
- gauge.warningForeground#B9773E
- gitDecoration.addedResourceForeground#85D483
- gitDecoration.conflictingResourceForeground#F87788
- gitDecoration.deletedResourceForeground#F87788
- gitDecoration.ignoredResourceForeground#7f7facbf
- gitDecoration.modifiedResourceForeground#8FAAFB
- gitDecoration.stageDeletedResourceForeground#F87788
- gitDecoration.stageModifiedResourceForeground#8FAAFB
- gitDecoration.submoduleResourceForeground#A0A0C2
- gitDecoration.untrackedResourceForeground#85D483
- icon.foreground#A0A0C2
- inlineChat.background#202133
- inlineChat.border#27283F
- inlineChat.foreground#C1C1D7
- inlineChat.shadow#1c1d2d80
- inlineChatDiff.inserted#85d48333
- inlineChatDiff.removed#f7647833
- inlineChatInput.background#202133
- inlineChatInput.border#2F2F4B
- inlineChatInput.focusBorder#8FAAFB
- inlineChatInput.placeholderForeground#A0A0C2
- input.background#202133
- input.border#2F2F4B
- input.foreground#C1C1D7
- input.placeholderForeground#A0A0C2
- inputOption.activeBackground#8faafb80
- inputOption.activeBorder#8FAAFB
- inputOption.activeForeground#E2E2EC
- inputValidation.errorBackground#F76478
- inputValidation.errorBorder#F76478
- inputValidation.errorForeground#1C1D2D
- inputValidation.infoBackground#67E8F9
- inputValidation.infoBorder#67E8F9
- inputValidation.infoForeground#1C1D2D
- inputValidation.warningBackground#B9773E
- inputValidation.warningBorder#B9773E
- inputValidation.warningForeground#1C1D2D
- interactive.activeCodeBorder#8FAAFB
- interactive.inactiveCodeBorder#2F2F4B
- keybindingLabel.foreground#C1C1D7
- list.activeSelectionBackground#373758
- list.activeSelectionForeground#E2E2EC
- list.activeSelectionIconForeground#E2E2EC
- list.dropBackground#373758
- list.errorForeground#F87788
- list.filterMatchBackground#27283F
- list.filterMatchBorder#2F2F4B
- list.focusBackground#373758
- list.focusForeground#C1C1D7
- list.focusOutline#FF99D3
- list.highlightForeground#C1C1D7
- list.hoverBackground#373758
- list.hoverForeground#C1C1D7
- list.inactiveFocusBackground#373758
- list.inactiveSelectionBackground#373758
- list.inactiveSelectionForeground#C1C1D7
- list.invalidItemForeground#F87788
- list.warningForeground#B9773E
- listFilterWidget.background#27283F
- listFilterWidget.noMatchesOutline#F87788
- listFilterWidget.outline#27283F
- menu.background#27283F
- menu.border#2F2F4B
- menu.foreground#C1C1D7
- menu.selectionBackground#373758
- menu.selectionBorder#27283F
- menu.selectionForeground#E2E2EC
- menu.separatorBackground#C1C1D7
- menubar.selectionBackground#373758
- menubar.selectionBorder#27283F
- menubar.selectionForeground#C1C1D7
- merge.border#2F2F4B
- merge.commonContentBackground#1c1d2d1a
- merge.commonHeaderBackground#1c1d2d33
- merge.currentContentBackground#bb9af733
- merge.currentHeaderBackground#8faafb33
- merge.incomingContentBackground#85d4831a
- merge.incomingHeaderBackground#85d48333
- minimap.chatEditHighlight#8FAAFB
- minimap.errorHighlight#F87788
- minimap.findMatchHighlight#c1c1d799
- minimap.infoHighlight#67E8F9
- minimap.selectionHighlight#9968f340
- minimap.selectionOccurrenceHighlight#9968f340
- minimap.warningHighlight#B9773E
- minimapGutter.addedBackground#85D483
- minimapGutter.deletedBackground#F87788
- minimapGutter.modifiedBackground#8FAAFB
- minimapSlider.activeBackground#47477180
- minimapSlider.background#47477173
- minimapSlider.hoverBackground#47477180
- notebook.symbolHighlightBackground#27283f26
- notificationCenter.border#27283F
- notificationCenterHeader.background#1C1D2D
- notificationCenterHeader.foreground#C1C1D7
- notificationLink.foreground#C1C1D7
- notifications.background#27283F
- notifications.border#27283F
- notifications.foreground#C1C1D7
- notificationsErrorIcon.foreground#F87788
- notificationsInfoIcon.foreground#67E8F9
- notificationsWarningIcon.foreground#B9773E
- notificationToast.border#27283F
- panel.background#1C1D2D
- panel.border#27283F
- panelInput.border#27283F
- panelTitle.activeBorder#2F2F4B
- panelTitle.activeForeground#E2E2EC
- panelTitle.inactiveForeground#C1C1D7
- peekView.border#FF99D3
- peekViewEditor.background#1C1D2D
- peekViewEditor.matchHighlightBackground#bb9af740
- peekViewEditor.matchHighlightBorder#bb9af708
- peekViewEditorGutter.background#1C1D2D
- peekViewResult.background#1C1D2D
- peekViewResult.fileForeground#A0A0C2
- peekViewResult.lineForeground#A0A0C2
- peekViewResult.matchHighlightBackground#bb9af740
- peekViewResult.selectionBackground#9968f340
- peekViewResult.selectionForeground#E2E2EC
- peekViewTitle.background#1C1D2D
- peekViewTitleDescription.foreground#A0A0C2
- peekViewTitleLabel.foreground#C1C1D7
- pickerGroup.border#3F3F64
- pickerGroup.foreground#7F7FAC
- ports.iconRunningProcessForeground#85D483
- progressBar.background#C1C1D7
- quickInput.background#27283F
- quickInput.border#2F2F4B
- quickInput.foreground#C1C1D7
- quickInputList.focusBackground#373758
- quickInputList.focusForeground#E2E2EC
- quickInputList.focusHighlightForeground#FFADDC
- quickInputList.focusIconForeground#E2E2EC
- quickInputList.hoverBackground#373758
- quickInputTitle.background#27283F
- scrollbar.shadow#202133
- scrollbarSlider.activeBackground#47477180
- scrollbarSlider.background#47477173
- scrollbarSlider.hoverBackground#47477180
- searchEditor.findMatchBackground#27283F
- searchEditor.findMatchBorder#2F2F4B
- selection.background#373758
- settings.checkboxBackground#1C1D2D
- settings.checkboxBorder#27283F
- settings.checkboxForeground#C1C1D7
- settings.dropdownBackground#1C1D2D
- settings.dropdownBorder#27283F
- settings.dropdownForeground#C1C1D7
- settings.dropdownListBorder#27283F
- settings.headerForeground#E2E2EC
- settings.modifiedItemIndicator#C1C1D7
- settings.numberInputBackground#1C1D2D
- settings.numberInputBorder#27283F
- settings.numberInputForeground#C1C1D7
- settings.textInputBackground#1C1D2D
- settings.textInputBorder#27283F
- settings.textInputForeground#C1C1D7
- sideBar.background#1C1D2D
- sideBar.border#27283F
- sideBar.dropBackground#1c1d2dcc
- sideBar.foreground#A0A0C2
- sideBarSectionHeader.background#1C1D2D
- sideBarSectionHeader.border#27283F
- sideBarSectionHeader.foreground#A0A0C2
- sideBarTitle.foreground#A0A0C2
- statusBar.background#202133
- statusBar.border#2F2F4B
- statusBar.debuggingBackground#202133
- statusBar.debuggingBorder#2F2F4B
- statusBar.debuggingForeground#A0A0C2
- statusBar.focusBorder#ff99d380
- statusBar.foreground#A0A0C2
- statusBar.noFolderBackground#202133
- statusBar.noFolderBorder#2F2F4B
- statusBar.noFolderForeground#A0A0C2
- statusBarItem.activeBackground#27283F
- statusBarItem.focusBorder#FF99D3
- statusBarItem.hoverBackground#27283F
- statusBarItem.hoverForeground#E2E2EC
- statusBarItem.prominentBackground#27283F
- statusBarItem.prominentForeground#1C1D2D
- statusBarItem.prominentHoverBackground#27283F
- statusBarItem.remoteBackground#27283F
- statusBarItem.remoteForeground#C1C1D7
- surface.border#2F2F4B
- symbolIcon.arrayForeground#FFC799
- symbolIcon.booleanForeground#8FAAFB
- symbolIcon.classForeground#FFC799
- symbolIcon.colorForeground#FFADDC
- symbolIcon.constantForeground#85D483
- symbolIcon.constructorForeground#9968F3
- symbolIcon.enumeratorForeground#FFC799
- symbolIcon.enumeratorMemberForeground#8FAAFB
- symbolIcon.eventForeground#7F7FAC
- symbolIcon.fieldForeground#FFC799
- symbolIcon.fileForeground#FFC799
- symbolIcon.folderForeground#FFC799
- symbolIcon.functionForeground#9968F3
- symbolIcon.interfaceForeground#FFC799
- symbolIcon.keyForeground#8FAAFB
- symbolIcon.keywordForeground#BB9AF7
- symbolIcon.methodForeground#9968F3
- symbolIcon.moduleForeground#E2E2EC
- symbolIcon.namespaceForeground#E2E2EC
- symbolIcon.nullForeground#8FAAFB
- symbolIcon.numberForeground#85D483
- symbolIcon.objectForeground#FFC799
- symbolIcon.operatorForeground#FFADDC
- symbolIcon.packageForeground#FFC799
- symbolIcon.propertyForeground#FFC799
- symbolIcon.referenceForeground#8FAAFB
- symbolIcon.snippetForeground#8FAAFB
- symbolIcon.stringForeground#FFADDC
- symbolIcon.structForeground#FFC799
- symbolIcon.textForeground#FFADDC
- symbolIcon.typeParameterForeground#FFADDC
- symbolIcon.unitForeground#8FAAFB
- symbolIcon.variableForeground#FFC799
- tab.activeBackground#202133
- tab.activeBorder#2F2F4B
- tab.activeBorderTop#2F2F4B
- tab.activeForeground#E2E2EC
- tab.activeModifiedBorder#2F2F4B
- tab.border#2F2F4B
- tab.hoverBackground#202133
- tab.hoverForeground#E2E2EC
- tab.inactiveBackground#202133
- tab.inactiveForeground#C1C1D7
- tab.inactiveModifiedBorder#2F2F4B
- tab.lastPinnedBorder#2F2F4B
- tab.selectedBackground#27283F
- tab.selectedBorderTop#FF99D3
- tab.selectedForeground#E2E2EC
- tab.unfocusedActiveBackground#202133
- tab.unfocusedActiveBorder#2F2F4B
- tab.unfocusedActiveBorderTop#2F2F4B
- tab.unfocusedActiveForeground#C1C1D7
- tab.unfocusedActiveModifiedBorder#2F2F4B
- tab.unfocusedHoverBackground#202133
- tab.unfocusedHoverBorder#2F2F4B
- tab.unfocusedInactiveBackground#202133
- tab.unfocusedInactiveForeground#A0A0C2
- tab.unfocusedInactiveModifiedBorder#2F2F4B
- terminal.ansiBlack#2F2F4B
- terminal.ansiBlue#8FAAFB
- terminal.ansiBrightBlack#5E5E97
- terminal.ansiBrightBlue#8FAAFB
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#85D483
- terminal.ansiBrightMagenta#9968F3
- terminal.ansiBrightRed#FDD8DD
- terminal.ansiBrightWhite#E2E2EC
- terminal.ansiBrightYellow#FFC799
- terminal.ansiCyan#67E8F9
- terminal.ansiGreen#85D483
- terminal.ansiMagenta#9968F3
- terminal.ansiRed#F87788
- terminal.ansiWhite#E2E2EC
- terminal.ansiYellow#B9773E
- terminal.background#1C1D2D
- terminal.border#27283F
- terminal.findMatchBackground#27283f80
- terminal.findMatchBorder#2F2F4B
- terminal.findMatchHighlightBackground#27283f80
- terminal.foreground#E2E2EC
- terminal.inactiveSelectionBackground#bb9af720
- terminal.selectionBackground#bb9af780
- terminal.tab.activeBorder#FF99D3
- terminalCursor.background#1C1D2D
- terminalCursor.foreground#E2E2EC
- testing.iconErrored#F87788
- testing.iconFailed#F87788
- testing.iconPassed#85D483
- testing.iconQueued#C1C1D7
- testing.iconSkipped#B9773E
- testing.iconUnset#A0A0C2
- testing.message.info.decorationForeground#67E8F9
- testing.peekBorder#27283F
- testing.peekHeaderBackground#202133
- testing.runAction#85D483
- textBlockQuote.background#1C1D2D
- textBlockQuote.border#8faafb80
- textCodeBlock.background#202133
- textLink.activeForeground#FF99D3
- textLink.foreground#FF99D3
- textPreformat.background#202133
- textPreformat.foreground#8FAAFB
- textSeparator.foreground#C1C1D7
- titleBar.activeBackground#202133
- titleBar.activeForeground#A0A0C2
- titleBar.border#27283F
- titleBar.inactiveBackground#1C1D2D
- titleBar.inactiveForeground#7F7FAC
- toolbar.activeBackground#373758
- toolbar.hoverBackground#373758
- toolbar.hoverOutline#2F2F4B
- tree.indentGuidesStroke#2F2F4B
- walkThrough.embeddedEditorBackground#202133
- welcomePage.background#202133
- welcomePage.progress.foreground#FF99D3
- welcomePage.tileBackground#27283F
- welcomePage.tileHoverBackground#27283F
- widget.border#2F2F4B
- widget.shadow#1c1d2d80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| italic, markup.italic.markdown | #BB9AF7 | italic |
| bold, markup.bold.markdown | #BB9AF7 | bold |
| comment, comment.line.double-slash | #7F7FAC | italic |
| keyword.control, storage.modifier | — | italic |
| variable.language | #FF99D3 | italic |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #8FAAFB | — |
| markup.deleted.diff | #F87788 | — |
| markup.inserted.diff | #FF99D3 | — |
| string | #FFC2E4 | — |
| string.quoted | #FFC2E4 | |
| support.constant.math | #C1C1D7 | — |
| constant.numeric, constant.character.numeric | #FF99D3 | |
| keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.em.css, keyword.other.unit.rem.css | #FF99D3 | — |
| constant.language, punctuation.definition.constant | #C1C1D7 | — |
| constant.character, constant.other | #E2E2EC | — |
| constant.language.null, constant.language.undefined | #FFC2E4 | — |
| constant.character.escape | #BB9AF7 | — |
| string.regexp, string.regexp keyword.other | #8FAAFB | — |
| meta.function punctuation.separator.comma | #BB9AF7 | — |
| variable | #C1C1D7 | — |
| punctuation.accessor | #BB9AF7 | |
| keyword | #BB9AF7 | |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #FF99D3 | |
| storage.type | #FF99D3 | |
| storage.type.function.arrow.js | — | |
| entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js | #E2E2EC | — |
| entity.other.inherited-class | #E2E2EC | — |
| punctuation.definition.tag, meta.tag | #BB9AF7 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, meta.tag.js, meta.tag.tsx, meta.tag.html | #FF99D3 | |
| entity.name.tag.custom | #C1C1D7 | — |
| support.constant.meta.property-value | #FF99D3 | — |
| support.type, support.class | #E2E2EC | — |
| entity.name.type, entity.name.namespace, entity.name.module | #E2E2EC | — |
| support.variable.dom | #C1C1D7 | — |
| invalid | #F87788 | — |
| invalid.deprecated | #F87788 | — |
| keyword.operator | #BB9AF7 | |
| keyword.operator.new | #BB9AF7 | — |
| keyword.operator.relational | #BB9AF7 | |
| keyword.operator.arithmetic | #BB9AF7 | — |
| keyword.operator.bitwise | #BB9AF7 | — |
| keyword.operator.increment | #BB9AF7 | — |
| keyword.operator.ternary | #BB9AF7 | — |
| object | #E2E2EC | — |
| meta.brace | #BB9AF7 | |
| meta.delimiter.period | #BB9AF7 | |
| constant.language.boolean | #FFC2E4 | — |
| object.comma | #BB9AF7 | — |
| variable.parameter.function | #E2E2EC | |
| support.type.vendor.property-name, support.type.property-name | #E2E2EC | |
| support.constant.vendor.property-value, meta.property-list entity.name.tag | #E2E2EC | |
| meta.property-list entity.name.tag.reference | #E2E2EC | — |
| constant.other.color.rgb-value punctuation.definition.constant | #BB9AF7 | — |
| constant.other.color | #FFC2E4 | — |
| keyword.other.unit | #FF99D3 | — |
| meta.selector | #BB9AF7 | |
| entity.other.attribute-name.id | #FF99D3 | — |
| meta.property-name | #E2E2EC | — |
| entity.name.tag.doctype, meta.tag.sgml.doctype | #BB9AF7 | |
| punctuation.definition.parameters | #BB9AF7 | — |
| punctuation.definition.string | #FFC2E4 | |
| keyword.control.operator | #BB9AF7 | — |
| keyword.operator.logical | #BB9AF7 | |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance | #C1C1D7 | — |
| entity.name.function | #8FAAFB | |
| keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx | #FF99D3 | — |
| keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts | #BB9AF7 | — |
| support.constant | #FF99D3 | — |
| keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other | #FF99D3 | — |
| support.function | #8FAAFB | — |
| invalid.broken | #F87788 | — |
| invalid.unimplemented | #F87788 | — |
| invalid.illegal | #F87788 | — |
| support.variable.property | #FF99D3 | — |
| variable.function | #8FAAFB | — |
| variable.interpolation | #FF99D3 | — |
| meta.function-call | #8FAAFB | — |
| meta.array, meta.object | #E2E2EC | — |
| punctuation.section.embedded | #BB9AF7 | — |
| punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.separator.parameter, punctuation.separator.key-value, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.destructuring | #BB9AF7 | — |
| punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list | #BB9AF7 | — |
| string.template meta.template.expression | #BB9AF7 | — |
| string.template punctuation.definition.string | #FFC2E4 | — |
| quote | #7F7FAC | |
| raw | #7F7FAC | — |
| variable.parameter.function.coffee | #C1C1D7 | — |
| variable.assignment.coffee | #C1C1D7 | — |
| variable.other.readwrite.cs | #C1C1D7 | — |
| entity.name.type.class.cs, storage.type.cs | #8FAAFB | — |
| entity.name.type.namespace.cs | #C1C1D7 | — |
| entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css | #E2E2EC | |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #FF99D3 | — |
| meta.attribute-selector.css entity.other.attribute-name.attribute | #E2E2EC | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #8FAAFB | — |
| source.elixir entity.name.function | #BB9AF7 | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #8FAAFB | — |
| source.elixir punctuation.definition.string | #FFC2E4 | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #BB9AF7 | — |
| source.elixir punctuation.binary.elixir | #BB9AF7 | |
| constant.keyword.clojure | #E2E2EC | — |
| source.go meta.function-call.go | #8FAAFB | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #BB9AF7 | — |
| source.go constant.language.go | #FFC2E4 | — |
| source.go constant.other.placeholder.go | #E2E2EC | — |
| entity.name.function.preprocessor.cpp, entity.scope.name.cpp | #FF99D3 | — |
| meta.namespace-block.cpp | #B9773E | — |
| storage.type.language.primitive.cpp | #E2E2EC | — |
| meta.preprocessor.macro.cpp | #C1C1D7 | — |
| variable.other.readwrite.powershell | #8FAAFB | — |
| support.function.powershell | #FF99D3 | — |
| entity.other.attribute-name.id.html | #BB9AF7 | — |
| punctuation.definition.tag.html | #BB9AF7 | — |
| meta.tag.sgml.doctype.html | #BB9AF7 | |
| meta.method.declaration storage.type.js | #FF99D3 | — |
| terminator.js | #BB9AF7 | — |
| meta.js punctuation.definition.js | #BB9AF7 | — |
| entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc | #E2E2EC | — |
| variable.other.jsdoc, variable.other.phpdoc | #C1C1D7 | — |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #C1C1D7 | — |
| variable.parameter.function.js | #E2E2EC | — |
| variable.other.object.jsx | #C1C1D7 | — |
| variable.object.property.jsx | #E2E2EC | — |
| variable.js, variable.other.js | #C1C1D7 | — |
| entity.name.type.js, entity.name.type.module.js | #E2E2EC | |
| support.class.js | #C1C1D7 | — |
| support.constant.json | #C1C1D7 | — |
| meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json | #FFC2E4 | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #BB9AF7 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #FFC2E4 | — |
| variable.other.object.js | #E2E2EC | — |
| variable.other.ruby | #C1C1D7 | — |
| entity.name.type.class.ruby | #E2E2EC | — |
| constant.language.symbol.hashkey.ruby | #E2E2EC | — |
| constant.language.symbol.ruby | #E2E2EC | — |
| entity.name.tag.less | #FF99D3 | — |
| keyword.other.unit.css | #FF99D3 | — |
| meta.attribute-selector.less entity.other.attribute-name.attribute | #FF99D3 | — |
| markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #8FAAFB | — |
| markup.quote.markdown | #7F7FAC | |
| markup.inline.raw.markdown | #7F7FAC | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #8FAAFB | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #C1C1D7 | — |
| punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string | #8FAAFB | — |
| punctuation.definition.metadata.markdown | #BB9AF7 | — |
| beginning.punctuation.definition.list.markdown | #8FAAFB | — |
| markup.inline.raw.string.markdown | #BB9AF7 | — |
| variable.other.php | #C1C1D7 | — |
| variable.other.property.php | #E2E2EC | — |
| support.class.php | #B9773E | — |
| meta.function-call.php punctuation | #C1C1D7 | — |
| variable.other.global.php | #BB9AF7 | — |
| variable.other.global.php punctuation.definition.variable | #BB9AF7 | — |
| constant.language.python | #FFC2E4 | — |
| variable.parameter.function.python | #E2E2EC | — |
| meta.function-call.python, meta.function-call.generic.python | #8FAAFB | — |
| punctuation.python | #BB9AF7 | — |
| entity.name.function.decorator.python | #BB9AF7 | — |
| source.python variable.language.special | #8FAAFB | — |
| variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass | #BB9AF7 | — |
| source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable | #C1C1D7 | — |
| meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute | #FF99D3 | — |
| entity.name.tag.scss, entity.name.tag.sass | #FF99D3 | — |
| keyword.other.unit.scss, keyword.other.unit.sass | #FF99D3 | — |
| constant.other.table-name.sql, constant.other.database-name.sql | #E2E2EC | — |
| entity.name.command.shell | #8FAAFB | — |
| constant.other.option.shell | #E2E2EC | — |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #E2E2EC | — |
| variable.object.property.ts, variable.object.property.tsx | #E2E2EC | — |
| punctuation.definition.binding-pattern.object | #BB9AF7 | — |
| punctuation.definition.binding-pattern.array | #BB9AF7 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts | #BB9AF7 | — |
| entity.name.type.ts | #E2E2EC | — |
| support.class.node.ts, support.class.node.tsx | #FF99D3 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #E2E2EC | — |
| meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block | #BB9AF7 | — |
| meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx | #8FAAFB | — |
| entity.name.tag.yaml | #FF99D3 | — |
| variable.other.anchor.yaml, variable.other.alias.yaml | #BB9AF7 | — |
| support.class.component, support.class.component.tsx | #FF99D3 | |
| meta.jsx.children, meta.jsx.children.tsx | #E2E2EC | — |
| meta.class entity.name.type.class.tsx | #E2E2EC | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #E2E2EC | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #8FAAFB | — |
| keyword.operator.type.annotation | #BB9AF7 | — |
| variable.parameter | #E2E2EC | — |
| variable.other.property | #E2E2EC | — |
| variable.other.object.property | #E2E2EC | — |
| variable.other.readwrite.alias | #E2E2EC | — |
| variable.other.readwrite.js | #E2E2EC | |
| meta.jsx.children.js | #E2E2EC | — |
| variable.other.constant | #E2E2EC | — |
| variable.object.property.js | #E2E2EC | — |
| constant.numeric.decimal | #FF99D3 | — |
| constant.language.boolean.true, constant.language.boolean.false | #FFC2E4 | — |
| string.quoted.single | #FFC2E4 | — |
| string.quoted.double | #FFC2E4 | — |
| entity.other.attribute-name | #BB9AF7 | — |
| keyword.control.conditional | #BB9AF7 | — |
| meta.brace.round | #BB9AF7 | — |
| meta.brace.square | #BB9AF7 | — |
| punctuation.separator.comma | #BB9AF7 | — |
| punctuation.definition.string.begin | #FFC2E4 | — |
| punctuation.definition.string.end | #FFC2E4 | — |
| punctuation.terminator.statement, punctuation.terminator.rule.scss | #BB9AF7 | — |
| keyword.operator.assignment | #BB9AF7 | |
| punctuation.section.embedded.begin | #BB9AF7 | — |
| punctuation.section.embedded.end | #BB9AF7 | — |
| support.class.console | #E2E2EC | — |
| support.class.component.js | #FF99D3 | — |
| punctuation.definition.tag.begin | #BB9AF7 | — |
| punctuation.definition.template-expression.begin | #BB9AF7 | — |
| punctuation.definition.template-expression.end | #BB9AF7 | — |
| string.template | #FFC2E4 | — |
| punctuation.definition.string.template.begin | #FFC2E4 | — |
| punctuation.definition.string.template.end | #FFC2E4 | — |
| punctuation.definition.tag.end | #BB9AF7 | — |
| entity.name.tag.js | #FF99D3 | — |
| support.type.property-name.json, support.type.property-name.json.comments | #E2E2EC | — |
| punctuation.definition.parameters.begin | #BB9AF7 | — |
| punctuation.definition.parameters.end | #BB9AF7 | — |
| punctuation.definition.block | #BB9AF7 | — |
| token.info-token | #8FAAFB | — |
| token.warn-token | #B9773E | — |
| token.error-token | #F87788 | — |
| token.debug-token | #BB9AF7 | — |
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#2E3250
- activityBar.activeBorder#E1A7F2
- activityBar.activeFocusBorder#E1A7F2
- activityBar.background#101221
- activityBar.border#23263F
- activityBar.foreground#807DA5
- activityBar.inactiveForeground#807DA5
- activityBarBadge.background#101221
- activityBarBadge.foreground#B9AEDC
- activityBarTop.activeBorder#E1A7F2
- activityBarTop.activeFocusBorder#E1A7F2
- activityBarTop.background#101221
- activityBarTop.border#23263F
- activityBarTop.foreground#807DA5
- activityBarTop.inactiveForeground#807DA5
- activityErrorBadge.background#F4598E
- activityErrorBadge.foreground#141629
- activityWarningBadge.background#F2E3BF
- activityWarningBadge.foreground#141629
- agents.background#141629
- agentsBadge.background#E1A7F2
- agentsBadge.foreground#141629
- agentsChatInput.background#23263F
- agentsChatInput.border#2E3250
- agentsChatInput.focusBorder#E1A7F2
- agentsChatInput.foreground#E4CCFF
- agentsChatInput.placeholderForeground#807DA5
- agentsGradient.tintColor#E1A7F2
- agentsNewSessionButton.background#14162900
- agentsNewSessionButton.border#2E3250
- agentsNewSessionButton.foreground#E4CCFF
- agentsNewSessionButton.hoverBackground#2E3250
- agentsPanel.background#101221
- agentsPanel.border#23263F
- agentsPanel.foreground#E4CCFF
- agentsUnreadBadge.background#E1A7F2
- agentsUnreadBadge.foreground#141629
- badge.background#101221
- badge.foreground#B9AEDC
- breadcrumb.activeSelectionForeground#F1E5FF
- breadcrumb.background#141629
- breadcrumb.focusForeground#E4CCFF
- breadcrumb.foreground#E4CCFF
- breadcrumbPicker.background#141629
- button.background#23263F
- button.border#3A3F63
- button.foreground#E4CCFF
- button.hoverBackground#2E3250
- button.secondaryBackground#2E3250
- button.secondaryForeground#E4CCFF
- button.secondaryHoverBackground#3A3F63
- charts.blue#7E90FF
- charts.foreground#E4CCFF
- charts.green#85D483
- charts.lines#e4ccff80
- charts.orange#F0D2A8
- charts.purple#9968F3
- charts.red#F4598E
- charts.yellow#F2E3BF
- chat.avatarBackground#23263F
- chat.avatarForeground#F1E5FF
- chat.checkpointSeparator#23263F
- chat.editedFileForeground#7E90FF
- chat.inputWorkingBorderColor1#E1A7F2
- chat.inputWorkingBorderColor2#9968F3
- chat.inputWorkingBorderColor3#7E90FF
- chat.linesAddedForeground#85d48399
- chat.linesRemovedForeground#f4598e99
- chat.requestBackground#14162900
- chat.requestBorder#2E3250
- chat.requestBubbleBackground#10122199
- chat.requestBubbleHoverBackground#14162999
- chat.requestCodeBorder#3a3f6399
- chat.slashCommandBackground#23263F
- chat.slashCommandForeground#F1E5FF
- chat.thinkingShimmer#e1a7f299
- chatManagement.sashBorder#23263F
- checkbox.background#101221
- checkbox.border#23263F
- checkbox.foreground#E4CCFF
- commandCenter.activeBackground#141629
- commandCenter.activeBorder#E1A7F2
- commandCenter.activeForeground#B9AEDC
- commandCenter.background#101221
- commandCenter.border#23263F
- commandCenter.foreground#B9AEDC
- commandCenter.inactiveBorder#23263F
- commandCenter.inactiveForeground#B9AEDC
- debugConsole.errorForeground#F4598E
- debugConsole.infoForeground#807DA5
- debugConsole.sourceForeground#F0D2A8
- debugConsole.warningForeground#F2E3BF
- debugConsoleInputIcon.foreground#9968F3
- debugExceptionWidget.background#141629
- debugExceptionWidget.border#23263F
- debugIcon.breakpointForeground#F4598E
- debugTokenExpression.boolean#85D483
- debugTokenExpression.error#F4598E
- debugTokenExpression.name#7E90FF
- debugTokenExpression.number#85D483
- debugTokenExpression.string#E1A7F2
- debugTokenExpression.value#E1A7F2
- debugToolBar.background#141629
- debugToolBar.border#23263F
- descriptionForeground#B9AEDC
- diffEditor.border#23263F
- diffEditor.insertedLineBackground#85d48326
- diffEditor.insertedTextBackground#85d4831a
- diffEditor.removedLineBackground#f4598e26
- diffEditor.removedTextBackground#f4598e1a
- disabledForeground#807da5bf
- dropdown.background#2E3250
- dropdown.border#23263F
- dropdown.foreground#F1E5FF
- dropdown.listBackground#2E3250
- editor.background#141629
- editor.border#2E3250
- editor.findMatchBackground#23263F
- editor.findMatchBorder#2E3250
- editor.findMatchHighlightBackground#23263f80
- editor.findRangeHighlightBackground#bb9af733
- editor.focusedStackFrameHighlightBackground#101221
- editor.foldBackground#23263f1a
- editor.foreground#F1E5FF
- editor.hoverHighlightBackground#9968f340
- editor.inactiveSelectionBackground#bb9af720
- editor.lineHighlightBackground#2e325073
- editor.linkedEditingBackground#9968f340
- editor.rangeHighlightBackground#9968f340
- editor.selectionBackground#9968f340
- editor.selectionForeground#F1E5FF
- editor.selectionHighlightBackground#9968f340
- editor.snippetFinalTabstopHighlightBackground#bb9af740
- editor.snippetFinalTabstopHighlightBorder#bb9af740
- editor.snippetTabstopHighlightBackground#bb9af740
- editor.snippetTabstopHighlightBorder#9968f340
- editor.stackFrameHighlightBackground#141629
- editor.symbolHighlightBackground#9968f340
- editor.wordHighlightBackground#2e325080
- editor.wordHighlightBorder#2e325099
- editor.wordHighlightStrongBackground#2e325080
- editor.wordHighlightStrongBorder#2e325099
- editor.wordHighlightTextBackground#9968f340
- editorBracketHighlight.foreground1#BB9AF7
- editorBracketHighlight.foreground2#E1A7F2
- editorBracketHighlight.foreground3#7E90FF
- editorBracketHighlight.foreground4#E4CCFF
- editorBracketHighlight.foreground5#9968F3
- editorBracketHighlight.foreground6#E1A7F2
- editorBracketHighlight.unexpectedBracket.foreground#F4598E
- editorBracketMatch.background#23263fe6
- editorBracketMatch.border#3a3f63e6
- editorBracketPairGuide.activeBackground1#bb9af7bf
- editorBracketPairGuide.activeBackground2#e1a7f2bf
- editorBracketPairGuide.activeBackground3#7e90ffbf
- editorBracketPairGuide.activeBackground4#e4ccffbf
- editorBracketPairGuide.activeBackground5#9968f3bf
- editorBracketPairGuide.activeBackground6#e1a7f2bf
- editorBracketPairGuide.background1#bb9af799
- editorBracketPairGuide.background2#e1a7f299
- editorBracketPairGuide.background3#7e90ff99
- editorBracketPairGuide.background4#e4ccff99
- editorBracketPairGuide.background5#9968f399
- editorBracketPairGuide.background6#e1a7f299
- editorCodeLens.foreground#E4CCFF
- editorCommentsWidget.rangeActiveBackground#7e90ff40
- editorCommentsWidget.rangeBackground#7e90ff26
- editorCursor.background#F2E3BF
- editorCursor.foreground#F1E5FF
- editorError.foreground#F4598E
- editorGhostText.foreground#F1E5FF
- editorGroup.border#2E3250
- editorGroup.dropBackground#101221cc
- editorGroup.emptyBackground#141629
- editorGroup.focusedEmptyBorder#2E3250
- editorGroupHeader.noTabsBackground#141629
- editorGroupHeader.tabsBackground#141629
- editorGroupHeader.tabsBorder#2E3250
- editorGutter.addedBackground#85D483
- editorGutter.background#141629
- editorGutter.commentRangeForeground#B9AEDC
- editorGutter.deletedBackground#F4598E
- editorGutter.modifiedBackground#7E90FF
- editorHint.foreground#9968F3
- editorHoverWidget.background#23263F
- editorHoverWidget.border#3A3F63
- editorHoverWidget.foreground#E4CCFF
- editorIndentGuide.activeBackground#E4CCFF
- editorIndentGuide.activeBackground1#E4CCFF
- editorIndentGuide.background#23263F
- editorIndentGuide.background1#23263F
- editorInfo.foreground#67E8F9
- editorInlayHint.background#23263f80
- editorInlayHint.foreground#B9AEDC
- editorInlayHint.parameterBackground#23263f80
- editorInlayHint.parameterForeground#B9AEDC
- editorInlayHint.typeBackground#23263f80
- editorInlayHint.typeForeground#B9AEDC
- editorLineNumber.activeForeground#E4CCFF
- editorLineNumber.foreground#807DA5
- editorLink.activeForeground#E4CCFF
- editorMarkerNavigation.background#141629
- editorMarkerNavigationError.background#f4598e33
- editorMarkerNavigationInfo.background#67e8f933
- editorMarkerNavigationWarning.background#f0d2a833
- editorMinimap.inlineChatInserted#85D483
- editorOverviewRuler.addedForeground#85D483
- editorOverviewRuler.border#23263F
- editorOverviewRuler.bracketMatchForeground#9968F3
- editorOverviewRuler.commonContentForeground#E4CCFF
- editorOverviewRuler.currentContentForeground#7E90FF
- editorOverviewRuler.deletedForeground#F4598E
- editorOverviewRuler.errorForeground#F4598E
- editorOverviewRuler.findMatchForeground#e4ccff99
- editorOverviewRuler.incomingContentForeground#85D483
- editorOverviewRuler.infoForeground#67E8F9
- editorOverviewRuler.inlineChatInserted#85D483
- editorOverviewRuler.inlineChatRemoved#F4598E
- editorOverviewRuler.modifiedForeground#7E90FF
- editorOverviewRuler.rangeHighlightForeground#bb9af740
- editorOverviewRuler.selectionHighlightForeground#bb9af740
- editorOverviewRuler.warningForeground#F2E3BF
- editorOverviewRuler.wordHighlightForeground#e1a7f299
- editorOverviewRuler.wordHighlightStrongForeground#e1a7f299
- editorOverviewRuler.wordHighlightTextForeground#bb9af740
- editorPane.background#141629
- editorRuler.foreground#101221
- editorStickyScroll.background#141629
- editorStickyScroll.border#23263F
- editorStickyScroll.shadow#10122140
- editorStickyScrollHover.background#2e325073
- editorSuggestWidget.background#23263F
- editorSuggestWidget.border#23263F
- editorSuggestWidget.foreground#E4CCFF
- editorSuggestWidget.highlightForeground#E4CCFF
- editorSuggestWidget.selectedBackground#23263F
- editorUnnecessaryCode.opacity#f1e5ffcc
- editorWarning.foreground#F2E3BF
- editorWhitespace.foreground#807DA5
- editorWidget.background#23263F
- editorWidget.border#2E3250
- editorWidget.foreground#E4CCFF
- editorWidget.resizeBorder#2E3250
- errorForeground#F4598E
- extensionButton.prominentBackground#7E90FF
- extensionButton.prominentForeground#101221
- extensionButton.prominentHoverBackground#E1A7F2
- focusBorder#E1A7F2
- foreground#E4CCFF
- gauge.background#67e8f94d
- gauge.border#2E3250
- gauge.errorBackground#f4598e4d
- gauge.errorForeground#F4598E
- gauge.foreground#67E8F9
- gauge.warningBackground#f0d2a84d
- gauge.warningForeground#F2E3BF
- gitDecoration.addedResourceForeground#85D483
- gitDecoration.conflictingResourceForeground#F4598E
- gitDecoration.deletedResourceForeground#F4598E
- gitDecoration.ignoredResourceForeground#807da5bf
- gitDecoration.modifiedResourceForeground#7E90FF
- gitDecoration.stageDeletedResourceForeground#F4598E
- gitDecoration.stageModifiedResourceForeground#7E90FF
- gitDecoration.submoduleResourceForeground#B9AEDC
- gitDecoration.untrackedResourceForeground#85D483
- icon.foreground#B9AEDC
- inlineChat.background#141629
- inlineChat.border#23263F
- inlineChat.foreground#E4CCFF
- inlineChat.shadow#10122180
- inlineChatDiff.inserted#85d48333
- inlineChatDiff.removed#f4598e33
- inlineChatInput.background#141629
- inlineChatInput.border#2E3250
- inlineChatInput.focusBorder#7E90FF
- inlineChatInput.placeholderForeground#B9AEDC
- input.background#141629
- input.border#2E3250
- input.foreground#E4CCFF
- input.placeholderForeground#B9AEDC
- inputOption.activeBackground#7e90ff80
- inputOption.activeBorder#7E90FF
- inputOption.activeForeground#F1E5FF
- inputValidation.errorBackground#F4598E
- inputValidation.errorBorder#F4598E
- inputValidation.errorForeground#141629
- inputValidation.infoBackground#67E8F9
- inputValidation.infoBorder#67E8F9
- inputValidation.infoForeground#141629
- inputValidation.warningBackground#F2E3BF
- inputValidation.warningBorder#F2E3BF
- inputValidation.warningForeground#141629
- interactive.activeCodeBorder#7E90FF
- interactive.inactiveCodeBorder#2E3250
- keybindingLabel.foreground#E4CCFF
- list.activeSelectionBackground#2E3250
- list.activeSelectionForeground#F1E5FF
- list.activeSelectionIconForeground#F1E5FF
- list.dropBackground#2E3250
- list.errorForeground#F4598E
- list.filterMatchBackground#23263F
- list.filterMatchBorder#2E3250
- list.focusBackground#2E3250
- list.focusForeground#E4CCFF
- list.focusOutline#E1A7F2
- list.highlightForeground#E4CCFF
- list.hoverBackground#2E3250
- list.hoverForeground#E4CCFF
- list.inactiveFocusBackground#2E3250
- list.inactiveSelectionBackground#2E3250
- list.inactiveSelectionForeground#E4CCFF
- list.invalidItemForeground#F4598E
- list.warningForeground#F2E3BF
- listFilterWidget.background#23263F
- listFilterWidget.noMatchesOutline#F4598E
- listFilterWidget.outline#23263F
- menu.background#23263F
- menu.border#2E3250
- menu.foreground#E4CCFF
- menu.selectionBackground#2E3250
- menu.selectionBorder#23263F
- menu.selectionForeground#F1E5FF
- menu.separatorBackground#E4CCFF
- menubar.selectionBackground#2E3250
- menubar.selectionBorder#23263F
- menubar.selectionForeground#E4CCFF
- merge.border#2E3250
- merge.commonContentBackground#1012211a
- merge.commonHeaderBackground#10122133
- merge.currentContentBackground#bb9af733
- merge.currentHeaderBackground#7e90ff33
- merge.incomingContentBackground#85d4831a
- merge.incomingHeaderBackground#85d48333
- minimap.chatEditHighlight#7E90FF
- minimap.errorHighlight#F4598E
- minimap.findMatchHighlight#e4ccff99
- minimap.infoHighlight#67E8F9
- minimap.selectionHighlight#9968f340
- minimap.selectionOccurrenceHighlight#9968f340
- minimap.warningHighlight#F2E3BF
- minimapGutter.addedBackground#85D483
- minimapGutter.deletedBackground#F4598E
- minimapGutter.modifiedBackground#7E90FF
- minimapSlider.activeBackground#2e325080
- minimapSlider.background#2e325073
- minimapSlider.hoverBackground#2e325080
- notebook.symbolHighlightBackground#23263f26
- notificationCenter.border#23263F
- notificationCenterHeader.background#101221
- notificationCenterHeader.foreground#E4CCFF
- notificationLink.foreground#E4CCFF
- notifications.background#23263F
- notifications.border#23263F
- notifications.foreground#E4CCFF
- notificationsErrorIcon.foreground#F4598E
- notificationsInfoIcon.foreground#67E8F9
- notificationsWarningIcon.foreground#F2E3BF
- notificationToast.border#23263F
- panel.background#101221
- panel.border#23263F
- panelInput.border#23263F
- panelTitle.activeBorder#2E3250
- panelTitle.activeForeground#F1E5FF
- panelTitle.inactiveForeground#E4CCFF
- peekView.border#E1A7F2
- peekViewEditor.background#101221
- peekViewEditor.matchHighlightBackground#bb9af740
- peekViewEditor.matchHighlightBorder#bb9af708
- peekViewEditorGutter.background#101221
- peekViewResult.background#101221
- peekViewResult.fileForeground#B9AEDC
- peekViewResult.lineForeground#B9AEDC
- peekViewResult.matchHighlightBackground#bb9af740
- peekViewResult.selectionBackground#9968f340
- peekViewResult.selectionForeground#F1E5FF
- peekViewTitle.background#101221
- peekViewTitleDescription.foreground#B9AEDC
- peekViewTitleLabel.foreground#E4CCFF
- pickerGroup.border#3A3F63
- pickerGroup.foreground#807DA5
- ports.iconRunningProcessForeground#85D483
- progressBar.background#E4CCFF
- quickInput.background#23263F
- quickInput.border#2E3250
- quickInput.foreground#E4CCFF
- quickInputList.focusBackground#2E3250
- quickInputList.focusForeground#F1E5FF
- quickInputList.focusHighlightForeground#E1A7F2
- quickInputList.focusIconForeground#F1E5FF
- quickInputList.hoverBackground#2E3250
- quickInputTitle.background#23263F
- scrollbar.shadow#141629
- scrollbarSlider.activeBackground#2e325080
- scrollbarSlider.background#2e325073
- scrollbarSlider.hoverBackground#2e325080
- searchEditor.findMatchBackground#23263F
- searchEditor.findMatchBorder#2E3250
- selection.background#2E3250
- settings.checkboxBackground#101221
- settings.checkboxBorder#23263F
- settings.checkboxForeground#E4CCFF
- settings.dropdownBackground#101221
- settings.dropdownBorder#23263F
- settings.dropdownForeground#E4CCFF
- settings.dropdownListBorder#23263F
- settings.headerForeground#F1E5FF
- settings.modifiedItemIndicator#E4CCFF
- settings.numberInputBackground#101221
- settings.numberInputBorder#23263F
- settings.numberInputForeground#E4CCFF
- settings.textInputBackground#101221
- settings.textInputBorder#23263F
- settings.textInputForeground#E4CCFF
- sideBar.background#101221
- sideBar.border#23263F
- sideBar.dropBackground#101221cc
- sideBar.foreground#B9AEDC
- sideBarSectionHeader.background#101221
- sideBarSectionHeader.border#23263F
- sideBarSectionHeader.foreground#B9AEDC
- sideBarTitle.foreground#B9AEDC
- statusBar.background#141629
- statusBar.border#2E3250
- statusBar.debuggingBackground#141629
- statusBar.debuggingBorder#2E3250
- statusBar.debuggingForeground#B9AEDC
- statusBar.focusBorder#e1a7f280
- statusBar.foreground#B9AEDC
- statusBar.noFolderBackground#141629
- statusBar.noFolderBorder#2E3250
- statusBar.noFolderForeground#B9AEDC
- statusBarItem.activeBackground#23263F
- statusBarItem.focusBorder#E1A7F2
- statusBarItem.hoverBackground#23263F
- statusBarItem.hoverForeground#F1E5FF
- statusBarItem.prominentBackground#23263F
- statusBarItem.prominentForeground#141629
- statusBarItem.prominentHoverBackground#23263F
- statusBarItem.remoteBackground#23263F
- statusBarItem.remoteForeground#E4CCFF
- surface.border#2E3250
- symbolIcon.arrayForeground#F0D2A8
- symbolIcon.booleanForeground#7E90FF
- symbolIcon.classForeground#F0D2A8
- symbolIcon.colorForeground#E1A7F2
- symbolIcon.constantForeground#85D483
- symbolIcon.constructorForeground#9968F3
- symbolIcon.enumeratorForeground#F0D2A8
- symbolIcon.enumeratorMemberForeground#7E90FF
- symbolIcon.eventForeground#807DA5
- symbolIcon.fieldForeground#F0D2A8
- symbolIcon.fileForeground#F0D2A8
- symbolIcon.folderForeground#F0D2A8
- symbolIcon.functionForeground#9968F3
- symbolIcon.interfaceForeground#F0D2A8
- symbolIcon.keyForeground#7E90FF
- symbolIcon.keywordForeground#BB9AF7
- symbolIcon.methodForeground#9968F3
- symbolIcon.moduleForeground#FF83CA
- symbolIcon.namespaceForeground#FF83CA
- symbolIcon.nullForeground#7E90FF
- symbolIcon.numberForeground#85D483
- symbolIcon.objectForeground#F0D2A8
- symbolIcon.operatorForeground#E1A7F2
- symbolIcon.packageForeground#F0D2A8
- symbolIcon.propertyForeground#F0D2A8
- symbolIcon.referenceForeground#7E90FF
- symbolIcon.snippetForeground#7E90FF
- symbolIcon.stringForeground#E1A7F2
- symbolIcon.structForeground#F0D2A8
- symbolIcon.textForeground#E1A7F2
- symbolIcon.typeParameterForeground#E1A7F2
- symbolIcon.unitForeground#7E90FF
- symbolIcon.variableForeground#F0D2A8
- tab.activeBackground#141629
- tab.activeBorder#2E3250
- tab.activeBorderTop#2E3250
- tab.activeForeground#F1E5FF
- tab.activeModifiedBorder#2E3250
- tab.border#2E3250
- tab.hoverBackground#141629
- tab.hoverForeground#F1E5FF
- tab.inactiveBackground#141629
- tab.inactiveForeground#E4CCFF
- tab.inactiveModifiedBorder#2E3250
- tab.lastPinnedBorder#2E3250
- tab.selectedBackground#23263F
- tab.selectedBorderTop#E1A7F2
- tab.selectedForeground#F1E5FF
- tab.unfocusedActiveBackground#141629
- tab.unfocusedActiveBorder#2E3250
- tab.unfocusedActiveBorderTop#2E3250
- tab.unfocusedActiveForeground#E4CCFF
- tab.unfocusedActiveModifiedBorder#2E3250
- tab.unfocusedHoverBackground#141629
- tab.unfocusedHoverBorder#2E3250
- tab.unfocusedInactiveBackground#141629
- tab.unfocusedInactiveForeground#B9AEDC
- tab.unfocusedInactiveModifiedBorder#2E3250
- terminal.ansiBlack#141629
- terminal.ansiBlue#7E90FF
- terminal.ansiBrightBlack#716E94
- terminal.ansiBrightBlue#7E90FF
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#85D483
- terminal.ansiBrightMagenta#C792EA
- terminal.ansiBrightRed#F4598E
- terminal.ansiBrightWhite#F1E5FF
- terminal.ansiBrightYellow#F2E3BF
- terminal.ansiCyan#67E8F9
- terminal.ansiGreen#85D483
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#F4598E
- terminal.ansiWhite#E4CCFF
- terminal.ansiYellow#D9F99D
- terminal.background#101221
- terminal.border#23263F
- terminal.findMatchBackground#23263f80
- terminal.findMatchBorder#2E3250
- terminal.findMatchHighlightBackground#23263f80
- terminal.foreground#F1E5FF
- terminal.inactiveSelectionBackground#bb9af720
- terminal.selectionBackground#bb9af780
- terminal.tab.activeBorder#E1A7F2
- terminalCursor.background#101221
- terminalCursor.foreground#F1E5FF
- testing.iconErrored#F4598E
- testing.iconFailed#F4598E
- testing.iconPassed#85D483
- testing.iconQueued#E4CCFF
- testing.iconSkipped#F2E3BF
- testing.iconUnset#B9AEDC
- testing.message.info.decorationForeground#67E8F9
- testing.peekBorder#23263F
- testing.peekHeaderBackground#141629
- testing.runAction#85D483
- textBlockQuote.background#101221
- textBlockQuote.border#7e90ff80
- textCodeBlock.background#141629
- textLink.activeForeground#E1A7F2
- textLink.foreground#E1A7F2
- textPreformat.background#141629
- textPreformat.foreground#7E90FF
- textSeparator.foreground#E4CCFF
- titleBar.activeBackground#141629
- titleBar.activeForeground#B9AEDC
- titleBar.border#23263F
- titleBar.inactiveBackground#101221
- titleBar.inactiveForeground#807DA5
- toolbar.activeBackground#2E3250
- toolbar.hoverBackground#2E3250
- toolbar.hoverOutline#2E3250
- tree.indentGuidesStroke#2E3250
- walkThrough.embeddedEditorBackground#141629
- welcomePage.background#141629
- welcomePage.progress.foreground#E1A7F2
- welcomePage.tileBackground#23263F
- welcomePage.tileHoverBackground#23263F
- widget.border#2E3250
- widget.shadow#10122180
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| italic, markup.italic.markdown | #BB9AF7 | italic |
| bold, markup.bold.markdown | #BB9AF7 | bold |
| comment, comment.line.double-slash | #807DA5 | italic |
| keyword.control, storage.modifier | — | italic |
| variable.language | #FB5FC0 | italic |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #7E90FF | — |
| markup.deleted.diff | #F4598E | — |
| markup.inserted.diff | #FCABE1 | — |
| string | #FCABE1 | — |
| string.quoted | #FCABE1 | |
| support.constant.math | #E4CCFF | — |
| constant.numeric, constant.character.numeric | #FCABE1 | |
| keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.em.css, keyword.other.unit.rem.css | #FCABE1 | — |
| constant.language, punctuation.definition.constant | #E4CCFF | — |
| constant.character, constant.other | #E1A7F2 | — |
| constant.language.null, constant.language.undefined | #F4598E | — |
| constant.character.escape | #BB9AF7 | — |
| string.regexp, string.regexp keyword.other | #7E90FF | — |
| meta.function punctuation.separator.comma | #BB9AF7 | — |
| variable | #E4CCFF | — |
| punctuation.accessor | #BB9AF7 | |
| keyword | #BB9AF7 | |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #FF83CA | |
| storage.type | #FF83CA | |
| storage.type.function.arrow.js | — | |
| entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js | #FF83CA | — |
| entity.other.inherited-class | #FF83CA | — |
| punctuation.definition.tag, meta.tag | #BB9AF7 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, meta.tag.js, meta.tag.tsx, meta.tag.html | #FF83CA | |
| entity.name.tag.custom | #E4CCFF | — |
| support.constant.meta.property-value | #FB5FC0 | — |
| support.type, support.class | #FF83CA | — |
| entity.name.type, entity.name.namespace, entity.name.module | #FF83CA | — |
| support.variable.dom | #E4CCFF | — |
| invalid | #F4598E | — |
| invalid.deprecated | #F4598E | — |
| keyword.operator | #BB9AF7 | |
| keyword.operator.new | #BB9AF7 | — |
| keyword.operator.relational | #BB9AF7 | |
| keyword.operator.arithmetic | #BB9AF7 | — |
| keyword.operator.bitwise | #BB9AF7 | — |
| keyword.operator.increment | #BB9AF7 | — |
| keyword.operator.ternary | #BB9AF7 | — |
| object | #FF83CA | — |
| meta.brace | #BB9AF7 | |
| meta.delimiter.period | #BB9AF7 | |
| constant.language.boolean | #F4598E | — |
| object.comma | #BB9AF7 | — |
| variable.parameter.function | #FF83CA | |
| support.type.vendor.property-name, support.type.property-name | #E1A7F2 | |
| support.constant.vendor.property-value, meta.property-list entity.name.tag | #FF83CA | |
| meta.property-list entity.name.tag.reference | #E1A7F2 | — |
| constant.other.color.rgb-value punctuation.definition.constant | #BB9AF7 | — |
| constant.other.color | #FCABE1 | — |
| keyword.other.unit | #FCABE1 | — |
| meta.selector | #BB9AF7 | |
| entity.other.attribute-name.id | #FF83CA | — |
| meta.property-name | #E1A7F2 | — |
| entity.name.tag.doctype, meta.tag.sgml.doctype | #BB9AF7 | |
| punctuation.definition.parameters | #BB9AF7 | — |
| punctuation.definition.string | #FCABE1 | |
| keyword.control.operator | #BB9AF7 | — |
| keyword.operator.logical | #BB9AF7 | |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance | #E4CCFF | — |
| entity.name.function | #7E90FF | |
| keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx | #FF83CA | — |
| keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts | #BB9AF7 | — |
| support.constant | #FB5FC0 | — |
| keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other | #FF83CA | — |
| support.function | #7E90FF | — |
| invalid.broken | #F4598E | — |
| invalid.unimplemented | #F4598E | — |
| invalid.illegal | #F4598E | — |
| support.variable.property | #FB5FC0 | — |
| variable.function | #7E90FF | — |
| variable.interpolation | #FB5FC0 | — |
| meta.function-call | #7E90FF | — |
| meta.array, meta.object | #FF83CA | — |
| punctuation.section.embedded | #F44968 | — |
| punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.separator.parameter, punctuation.separator.key-value, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.destructuring | #BB9AF7 | — |
| punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list | #BB9AF7 | — |
| string.template meta.template.expression | #BB9AF7 | — |
| string.template punctuation.definition.string | #FCABE1 | — |
| quote | #807DA5 | |
| raw | #807DA5 | — |
| variable.parameter.function.coffee | #E4CCFF | — |
| variable.assignment.coffee | #E4CCFF | — |
| variable.other.readwrite.cs | #E4CCFF | — |
| entity.name.type.class.cs, storage.type.cs | #7E90FF | — |
| entity.name.type.namespace.cs | #E4CCFF | — |
| entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css | #FF83CA | |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #FF83CA | — |
| meta.attribute-selector.css entity.other.attribute-name.attribute | #FF83CA | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #7E90FF | — |
| source.elixir entity.name.function | #BB9AF7 | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #7E90FF | — |
| source.elixir punctuation.definition.string | #FCABE1 | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #BB9AF7 | — |
| source.elixir punctuation.binary.elixir | #BB9AF7 | |
| constant.keyword.clojure | #E1A7F2 | — |
| source.go meta.function-call.go | #7E90FF | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #BB9AF7 | — |
| source.go constant.language.go | #F4598E | — |
| source.go constant.other.placeholder.go | #E1A7F2 | — |
| entity.name.function.preprocessor.cpp, entity.scope.name.cpp | #FB5FC0 | — |
| meta.namespace-block.cpp | #F2E3BF | — |
| storage.type.language.primitive.cpp | #FF83CA | — |
| meta.preprocessor.macro.cpp | #E4CCFF | — |
| variable.other.readwrite.powershell | #7E90FF | — |
| support.function.powershell | #FB5FC0 | — |
| entity.other.attribute-name.id.html | #BB9AF7 | — |
| punctuation.definition.tag.html | #BB9AF7 | — |
| meta.tag.sgml.doctype.html | #BB9AF7 | |
| meta.method.declaration storage.type.js | #FF83CA | — |
| terminator.js | #BB9AF7 | — |
| meta.js punctuation.definition.js | #BB9AF7 | — |
| entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc | #FF83CA | — |
| variable.other.jsdoc, variable.other.phpdoc | #E4CCFF | — |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #E4CCFF | — |
| variable.parameter.function.js | #FF83CA | — |
| variable.other.object.jsx | #E4CCFF | — |
| variable.object.property.jsx | #E1A7F2 | — |
| variable.js, variable.other.js | #E4CCFF | — |
| entity.name.type.js, entity.name.type.module.js | #FF83CA | |
| support.class.js | #E4CCFF | — |
| support.constant.json | #E4CCFF | — |
| meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json | #FCABE1 | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #BB9AF7 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #F4598E | — |
| variable.other.object.js | #FF83CA | — |
| variable.other.ruby | #E4CCFF | — |
| entity.name.type.class.ruby | #FF83CA | — |
| constant.language.symbol.hashkey.ruby | #E1A7F2 | — |
| constant.language.symbol.ruby | #E1A7F2 | — |
| entity.name.tag.less | #FF83CA | — |
| keyword.other.unit.css | #FCABE1 | — |
| meta.attribute-selector.less entity.other.attribute-name.attribute | #FF83CA | — |
| markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #7E90FF | — |
| markup.quote.markdown | #807DA5 | |
| markup.inline.raw.markdown | #807DA5 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #7E90FF | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #E4CCFF | — |
| punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string | #7E90FF | — |
| punctuation.definition.metadata.markdown | #BB9AF7 | — |
| beginning.punctuation.definition.list.markdown | #7E90FF | — |
| markup.inline.raw.string.markdown | #BB9AF7 | — |
| variable.other.php | #E4CCFF | — |
| variable.other.property.php | #E1A7F2 | — |
| support.class.php | #F2E3BF | — |
| meta.function-call.php punctuation | #E4CCFF | — |
| variable.other.global.php | #BB9AF7 | — |
| variable.other.global.php punctuation.definition.variable | #BB9AF7 | — |
| constant.language.python | #F4598E | — |
| variable.parameter.function.python | #FF83CA | — |
| meta.function-call.python, meta.function-call.generic.python | #7E90FF | — |
| punctuation.python | #BB9AF7 | — |
| entity.name.function.decorator.python | #BB9AF7 | — |
| source.python variable.language.special | #7E90FF | — |
| variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass | #BB9AF7 | — |
| source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable | #E4CCFF | — |
| meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute | #FF83CA | — |
| entity.name.tag.scss, entity.name.tag.sass | #FF83CA | — |
| keyword.other.unit.scss, keyword.other.unit.sass | #FCABE1 | — |
| constant.other.table-name.sql, constant.other.database-name.sql | #FF83CA | — |
| entity.name.command.shell | #7E90FF | — |
| constant.other.option.shell | #E1A7F2 | — |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #FF83CA | — |
| variable.object.property.ts, variable.object.property.tsx | #E1A7F2 | — |
| punctuation.definition.binding-pattern.object | #BB9AF7 | — |
| punctuation.definition.binding-pattern.array | #BB9AF7 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts | #BB9AF7 | — |
| entity.name.type.ts | #FF83CA | — |
| support.class.node.ts, support.class.node.tsx | #FB5FC0 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #FF83CA | — |
| meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block | #BB9AF7 | — |
| meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx | #7E90FF | — |
| entity.name.tag.yaml | #FF83CA | — |
| variable.other.anchor.yaml, variable.other.alias.yaml | #BB9AF7 | — |
| support.class.component, support.class.component.tsx | #FF83CA | |
| meta.jsx.children, meta.jsx.children.tsx | #FF83CA | — |
| meta.class entity.name.type.class.tsx | #FF83CA | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #FF83CA | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #7E90FF | — |
| keyword.operator.type.annotation | #BB9AF7 | — |
| variable.parameter | #FF83CA | — |
| variable.other.property | #E1A7F2 | — |
| variable.other.object.property | #E1A7F2 | — |
| variable.other.readwrite.alias | #FF83CA | — |
| variable.other.readwrite.js | #FF83CA | |
| meta.jsx.children.js | #FF83CA | — |
| variable.other.constant | #FF83CA | — |
| variable.object.property.js | #E1A7F2 | — |
| constant.numeric.decimal | #FCABE1 | — |
| constant.language.boolean.true, constant.language.boolean.false | #F4598E | — |
| string.quoted.single | #FCABE1 | — |
| string.quoted.double | #FCABE1 | — |
| entity.other.attribute-name | #BB9AF7 | — |
| keyword.control.conditional | #BB9AF7 | — |
| meta.brace.round | #BB9AF7 | — |
| meta.brace.square | #BB9AF7 | — |
| punctuation.separator.comma | #BB9AF7 | — |
| punctuation.definition.string.begin | #FCABE1 | — |
| punctuation.definition.string.end | #FCABE1 | — |
| punctuation.terminator.statement, punctuation.terminator.rule.scss | #BB9AF7 | — |
| keyword.operator.assignment | #BB9AF7 | |
| punctuation.section.embedded.begin | #F44968 | — |
| punctuation.section.embedded.end | #F44968 | — |
| support.class.console | #FF83CA | — |
| support.class.component.js | #FF83CA | — |
| punctuation.definition.tag.begin | #BB9AF7 | — |
| punctuation.definition.template-expression.begin | #BB9AF7 | — |
| punctuation.definition.template-expression.end | #BB9AF7 | — |
| string.template | #FCABE1 | — |
| punctuation.definition.string.template.begin | #FCABE1 | — |
| punctuation.definition.string.template.end | #FCABE1 | — |
| punctuation.definition.tag.end | #BB9AF7 | — |
| entity.name.tag.js | #FF83CA | — |
| support.type.property-name.json, support.type.property-name.json.comments | #E1A7F2 | — |
| punctuation.definition.parameters.begin | #BB9AF7 | — |
| punctuation.definition.parameters.end | #BB9AF7 | — |
| punctuation.definition.block | #BB9AF7 | — |
| token.info-token | #7E90FF | — |
| token.warn-token | #F2E3BF | — |
| token.error-token | #F4598E | — |
| token.debug-token | #BB9AF7 | — |
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#2E3250
- activityBar.activeBorder#E1A7F2
- activityBar.activeFocusBorder#E1A7F2
- activityBar.background#101221
- activityBar.border#23263F
- activityBar.foreground#807DA5
- activityBar.inactiveForeground#807DA5
- activityBarBadge.background#101221
- activityBarBadge.foreground#B9AEDC
- activityBarTop.activeBorder#E1A7F2
- activityBarTop.activeFocusBorder#E1A7F2
- activityBarTop.background#101221
- activityBarTop.border#23263F
- activityBarTop.foreground#807DA5
- activityBarTop.inactiveForeground#807DA5
- activityErrorBadge.background#F4598E
- activityErrorBadge.foreground#141629
- activityWarningBadge.background#F2E3BF
- activityWarningBadge.foreground#141629
- agents.background#141629
- agentsBadge.background#E1A7F2
- agentsBadge.foreground#141629
- agentsChatInput.background#23263F
- agentsChatInput.border#2E3250
- agentsChatInput.focusBorder#E1A7F2
- agentsChatInput.foreground#E4CCFF
- agentsChatInput.placeholderForeground#807DA5
- agentsGradient.tintColor#E1A7F2
- agentsNewSessionButton.background#14162900
- agentsNewSessionButton.border#2E3250
- agentsNewSessionButton.foreground#E4CCFF
- agentsNewSessionButton.hoverBackground#2E3250
- agentsPanel.background#101221
- agentsPanel.border#23263F
- agentsPanel.foreground#E4CCFF
- agentsUnreadBadge.background#E1A7F2
- agentsUnreadBadge.foreground#141629
- badge.background#101221
- badge.foreground#B9AEDC
- breadcrumb.activeSelectionForeground#F1E5FF
- breadcrumb.background#141629
- breadcrumb.focusForeground#E4CCFF
- breadcrumb.foreground#E4CCFF
- breadcrumbPicker.background#141629
- button.background#23263F
- button.border#3A3F63
- button.foreground#E4CCFF
- button.hoverBackground#2E3250
- button.secondaryBackground#2E3250
- button.secondaryForeground#E4CCFF
- button.secondaryHoverBackground#3A3F63
- charts.blue#7E90FF
- charts.foreground#E4CCFF
- charts.green#85D483
- charts.lines#e4ccff80
- charts.orange#F0D2A8
- charts.purple#9968F3
- charts.red#F4598E
- charts.yellow#F2E3BF
- chat.avatarBackground#23263F
- chat.avatarForeground#F1E5FF
- chat.checkpointSeparator#23263F
- chat.editedFileForeground#7E90FF
- chat.inputWorkingBorderColor1#E1A7F2
- chat.inputWorkingBorderColor2#9968F3
- chat.inputWorkingBorderColor3#7E90FF
- chat.linesAddedForeground#85d48399
- chat.linesRemovedForeground#f4598e99
- chat.requestBackground#14162900
- chat.requestBorder#2E3250
- chat.requestBubbleBackground#10122199
- chat.requestBubbleHoverBackground#14162999
- chat.requestCodeBorder#3a3f6399
- chat.slashCommandBackground#23263F
- chat.slashCommandForeground#F1E5FF
- chat.thinkingShimmer#e1a7f299
- chatManagement.sashBorder#23263F
- checkbox.background#101221
- checkbox.border#23263F
- checkbox.foreground#E4CCFF
- commandCenter.activeBackground#141629
- commandCenter.activeBorder#E1A7F2
- commandCenter.activeForeground#B9AEDC
- commandCenter.background#101221
- commandCenter.border#23263F
- commandCenter.foreground#B9AEDC
- commandCenter.inactiveBorder#23263F
- commandCenter.inactiveForeground#B9AEDC
- debugConsole.errorForeground#F4598E
- debugConsole.infoForeground#807DA5
- debugConsole.sourceForeground#F0D2A8
- debugConsole.warningForeground#F2E3BF
- debugConsoleInputIcon.foreground#9968F3
- debugExceptionWidget.background#141629
- debugExceptionWidget.border#23263F
- debugIcon.breakpointForeground#F4598E
- debugTokenExpression.boolean#85D483
- debugTokenExpression.error#F4598E
- debugTokenExpression.name#7E90FF
- debugTokenExpression.number#85D483
- debugTokenExpression.string#E1A7F2
- debugTokenExpression.value#E1A7F2
- debugToolBar.background#141629
- debugToolBar.border#23263F
- descriptionForeground#B9AEDC
- diffEditor.border#23263F
- diffEditor.insertedLineBackground#85d48326
- diffEditor.insertedTextBackground#85d4831a
- diffEditor.removedLineBackground#f4598e26
- diffEditor.removedTextBackground#f4598e1a
- disabledForeground#807da5bf
- dropdown.background#2E3250
- dropdown.border#23263F
- dropdown.foreground#F1E5FF
- dropdown.listBackground#2E3250
- editor.background#141629
- editor.border#2E3250
- editor.findMatchBackground#23263F
- editor.findMatchBorder#2E3250
- editor.findMatchHighlightBackground#23263f80
- editor.findRangeHighlightBackground#bb9af733
- editor.focusedStackFrameHighlightBackground#101221
- editor.foldBackground#23263f1a
- editor.foreground#F1E5FF
- editor.hoverHighlightBackground#9968f340
- editor.inactiveSelectionBackground#bb9af720
- editor.lineHighlightBackground#2e325073
- editor.linkedEditingBackground#9968f340
- editor.rangeHighlightBackground#9968f340
- editor.selectionBackground#9968f340
- editor.selectionForeground#F1E5FF
- editor.selectionHighlightBackground#9968f340
- editor.snippetFinalTabstopHighlightBackground#bb9af740
- editor.snippetFinalTabstopHighlightBorder#bb9af740
- editor.snippetTabstopHighlightBackground#bb9af740
- editor.snippetTabstopHighlightBorder#9968f340
- editor.stackFrameHighlightBackground#141629
- editor.symbolHighlightBackground#9968f340
- editor.wordHighlightBackground#2e325080
- editor.wordHighlightBorder#2e325099
- editor.wordHighlightStrongBackground#2e325080
- editor.wordHighlightStrongBorder#2e325099
- editor.wordHighlightTextBackground#9968f340
- editorBracketHighlight.foreground1#BB9AF7
- editorBracketHighlight.foreground2#E1A7F2
- editorBracketHighlight.foreground3#7E90FF
- editorBracketHighlight.foreground4#E4CCFF
- editorBracketHighlight.foreground5#9968F3
- editorBracketHighlight.foreground6#E1A7F2
- editorBracketHighlight.unexpectedBracket.foreground#F4598E
- editorBracketMatch.background#23263fe6
- editorBracketMatch.border#3a3f63e6
- editorBracketPairGuide.activeBackground1#bb9af7bf
- editorBracketPairGuide.activeBackground2#e1a7f2bf
- editorBracketPairGuide.activeBackground3#7e90ffbf
- editorBracketPairGuide.activeBackground4#e4ccffbf
- editorBracketPairGuide.activeBackground5#9968f3bf
- editorBracketPairGuide.activeBackground6#e1a7f2bf
- editorBracketPairGuide.background1#bb9af799
- editorBracketPairGuide.background2#e1a7f299
- editorBracketPairGuide.background3#7e90ff99
- editorBracketPairGuide.background4#e4ccff99
- editorBracketPairGuide.background5#9968f399
- editorBracketPairGuide.background6#e1a7f299
- editorCodeLens.foreground#E4CCFF
- editorCommentsWidget.rangeActiveBackground#7e90ff40
- editorCommentsWidget.rangeBackground#7e90ff26
- editorCursor.background#F2E3BF
- editorCursor.foreground#F1E5FF
- editorError.foreground#F4598E
- editorGhostText.foreground#F1E5FF
- editorGroup.border#2E3250
- editorGroup.dropBackground#101221cc
- editorGroup.emptyBackground#141629
- editorGroup.focusedEmptyBorder#2E3250
- editorGroupHeader.noTabsBackground#141629
- editorGroupHeader.tabsBackground#141629
- editorGroupHeader.tabsBorder#2E3250
- editorGutter.addedBackground#85D483
- editorGutter.background#141629
- editorGutter.commentRangeForeground#B9AEDC
- editorGutter.deletedBackground#F4598E
- editorGutter.modifiedBackground#7E90FF
- editorHint.foreground#9968F3
- editorHoverWidget.background#23263F
- editorHoverWidget.border#3A3F63
- editorHoverWidget.foreground#E4CCFF
- editorIndentGuide.activeBackground#E4CCFF
- editorIndentGuide.activeBackground1#E4CCFF
- editorIndentGuide.background#23263F
- editorIndentGuide.background1#23263F
- editorInfo.foreground#67E8F9
- editorInlayHint.background#23263f80
- editorInlayHint.foreground#B9AEDC
- editorInlayHint.parameterBackground#23263f80
- editorInlayHint.parameterForeground#B9AEDC
- editorInlayHint.typeBackground#23263f80
- editorInlayHint.typeForeground#B9AEDC
- editorLineNumber.activeForeground#E4CCFF
- editorLineNumber.foreground#807DA5
- editorLink.activeForeground#E4CCFF
- editorMarkerNavigation.background#141629
- editorMarkerNavigationError.background#f4598e33
- editorMarkerNavigationInfo.background#67e8f933
- editorMarkerNavigationWarning.background#f0d2a833
- editorMinimap.inlineChatInserted#85D483
- editorOverviewRuler.addedForeground#85D483
- editorOverviewRuler.border#23263F
- editorOverviewRuler.bracketMatchForeground#9968F3
- editorOverviewRuler.commonContentForeground#E4CCFF
- editorOverviewRuler.currentContentForeground#7E90FF
- editorOverviewRuler.deletedForeground#F4598E
- editorOverviewRuler.errorForeground#F4598E
- editorOverviewRuler.findMatchForeground#e4ccff99
- editorOverviewRuler.incomingContentForeground#85D483
- editorOverviewRuler.infoForeground#67E8F9
- editorOverviewRuler.inlineChatInserted#85D483
- editorOverviewRuler.inlineChatRemoved#F4598E
- editorOverviewRuler.modifiedForeground#7E90FF
- editorOverviewRuler.rangeHighlightForeground#bb9af740
- editorOverviewRuler.selectionHighlightForeground#bb9af740
- editorOverviewRuler.warningForeground#F2E3BF
- editorOverviewRuler.wordHighlightForeground#e1a7f299
- editorOverviewRuler.wordHighlightStrongForeground#e1a7f299
- editorOverviewRuler.wordHighlightTextForeground#bb9af740
- editorPane.background#141629
- editorRuler.foreground#101221
- editorStickyScroll.background#141629
- editorStickyScroll.border#23263F
- editorStickyScroll.shadow#10122140
- editorStickyScrollHover.background#2e325073
- editorSuggestWidget.background#23263F
- editorSuggestWidget.border#23263F
- editorSuggestWidget.foreground#E4CCFF
- editorSuggestWidget.highlightForeground#E4CCFF
- editorSuggestWidget.selectedBackground#23263F
- editorUnnecessaryCode.opacity#f1e5ffcc
- editorWarning.foreground#F2E3BF
- editorWhitespace.foreground#807DA5
- editorWidget.background#23263F
- editorWidget.border#2E3250
- editorWidget.foreground#E4CCFF
- editorWidget.resizeBorder#2E3250
- errorForeground#F4598E
- extensionButton.prominentBackground#7E90FF
- extensionButton.prominentForeground#101221
- extensionButton.prominentHoverBackground#E1A7F2
- focusBorder#E1A7F2
- foreground#E4CCFF
- gauge.background#67e8f94d
- gauge.border#2E3250
- gauge.errorBackground#f4598e4d
- gauge.errorForeground#F4598E
- gauge.foreground#67E8F9
- gauge.warningBackground#f0d2a84d
- gauge.warningForeground#F2E3BF
- gitDecoration.addedResourceForeground#85D483
- gitDecoration.conflictingResourceForeground#F4598E
- gitDecoration.deletedResourceForeground#F4598E
- gitDecoration.ignoredResourceForeground#807da5bf
- gitDecoration.modifiedResourceForeground#7E90FF
- gitDecoration.stageDeletedResourceForeground#F4598E
- gitDecoration.stageModifiedResourceForeground#7E90FF
- gitDecoration.submoduleResourceForeground#B9AEDC
- gitDecoration.untrackedResourceForeground#85D483
- icon.foreground#B9AEDC
- inlineChat.background#141629
- inlineChat.border#23263F
- inlineChat.foreground#E4CCFF
- inlineChat.shadow#10122180
- inlineChatDiff.inserted#85d48333
- inlineChatDiff.removed#f4598e33
- inlineChatInput.background#141629
- inlineChatInput.border#2E3250
- inlineChatInput.focusBorder#7E90FF
- inlineChatInput.placeholderForeground#B9AEDC
- input.background#141629
- input.border#2E3250
- input.foreground#E4CCFF
- input.placeholderForeground#B9AEDC
- inputOption.activeBackground#7e90ff80
- inputOption.activeBorder#7E90FF
- inputOption.activeForeground#F1E5FF
- inputValidation.errorBackground#F4598E
- inputValidation.errorBorder#F4598E
- inputValidation.errorForeground#141629
- inputValidation.infoBackground#67E8F9
- inputValidation.infoBorder#67E8F9
- inputValidation.infoForeground#141629
- inputValidation.warningBackground#F2E3BF
- inputValidation.warningBorder#F2E3BF
- inputValidation.warningForeground#141629
- interactive.activeCodeBorder#7E90FF
- interactive.inactiveCodeBorder#2E3250
- keybindingLabel.foreground#E4CCFF
- list.activeSelectionBackground#2E3250
- list.activeSelectionForeground#F1E5FF
- list.activeSelectionIconForeground#F1E5FF
- list.dropBackground#2E3250
- list.errorForeground#F4598E
- list.filterMatchBackground#23263F
- list.filterMatchBorder#2E3250
- list.focusBackground#2E3250
- list.focusForeground#E4CCFF
- list.focusOutline#E1A7F2
- list.highlightForeground#E4CCFF
- list.hoverBackground#2E3250
- list.hoverForeground#E4CCFF
- list.inactiveFocusBackground#2E3250
- list.inactiveSelectionBackground#2E3250
- list.inactiveSelectionForeground#E4CCFF
- list.invalidItemForeground#F4598E
- list.warningForeground#F2E3BF
- listFilterWidget.background#23263F
- listFilterWidget.noMatchesOutline#F4598E
- listFilterWidget.outline#23263F
- menu.background#23263F
- menu.border#2E3250
- menu.foreground#E4CCFF
- menu.selectionBackground#2E3250
- menu.selectionBorder#23263F
- menu.selectionForeground#F1E5FF
- menu.separatorBackground#E4CCFF
- menubar.selectionBackground#2E3250
- menubar.selectionBorder#23263F
- menubar.selectionForeground#E4CCFF
- merge.border#2E3250
- merge.commonContentBackground#1012211a
- merge.commonHeaderBackground#10122133
- merge.currentContentBackground#bb9af733
- merge.currentHeaderBackground#7e90ff33
- merge.incomingContentBackground#85d4831a
- merge.incomingHeaderBackground#85d48333
- minimap.chatEditHighlight#7E90FF
- minimap.errorHighlight#F4598E
- minimap.findMatchHighlight#e4ccff99
- minimap.infoHighlight#67E8F9
- minimap.selectionHighlight#9968f340
- minimap.selectionOccurrenceHighlight#9968f340
- minimap.warningHighlight#F2E3BF
- minimapGutter.addedBackground#85D483
- minimapGutter.deletedBackground#F4598E
- minimapGutter.modifiedBackground#7E90FF
- minimapSlider.activeBackground#2e325080
- minimapSlider.background#2e325073
- minimapSlider.hoverBackground#2e325080
- notebook.symbolHighlightBackground#23263f26
- notificationCenter.border#23263F
- notificationCenterHeader.background#101221
- notificationCenterHeader.foreground#E4CCFF
- notificationLink.foreground#E4CCFF
- notifications.background#23263F
- notifications.border#23263F
- notifications.foreground#E4CCFF
- notificationsErrorIcon.foreground#F4598E
- notificationsInfoIcon.foreground#67E8F9
- notificationsWarningIcon.foreground#F2E3BF
- notificationToast.border#23263F
- panel.background#101221
- panel.border#23263F
- panelInput.border#23263F
- panelTitle.activeBorder#2E3250
- panelTitle.activeForeground#F1E5FF
- panelTitle.inactiveForeground#E4CCFF
- peekView.border#E1A7F2
- peekViewEditor.background#101221
- peekViewEditor.matchHighlightBackground#bb9af740
- peekViewEditor.matchHighlightBorder#bb9af708
- peekViewEditorGutter.background#101221
- peekViewResult.background#101221
- peekViewResult.fileForeground#B9AEDC
- peekViewResult.lineForeground#B9AEDC
- peekViewResult.matchHighlightBackground#bb9af740
- peekViewResult.selectionBackground#9968f340
- peekViewResult.selectionForeground#F1E5FF
- peekViewTitle.background#101221
- peekViewTitleDescription.foreground#B9AEDC
- peekViewTitleLabel.foreground#E4CCFF
- pickerGroup.border#3A3F63
- pickerGroup.foreground#807DA5
- ports.iconRunningProcessForeground#85D483
- progressBar.background#E4CCFF
- quickInput.background#23263F
- quickInput.border#2E3250
- quickInput.foreground#E4CCFF
- quickInputList.focusBackground#2E3250
- quickInputList.focusForeground#F1E5FF
- quickInputList.focusHighlightForeground#E1A7F2
- quickInputList.focusIconForeground#F1E5FF
- quickInputList.hoverBackground#2E3250
- quickInputTitle.background#23263F
- scrollbar.shadow#141629
- scrollbarSlider.activeBackground#2e325080
- scrollbarSlider.background#2e325073
- scrollbarSlider.hoverBackground#2e325080
- searchEditor.findMatchBackground#23263F
- searchEditor.findMatchBorder#2E3250
- selection.background#2E3250
- settings.checkboxBackground#101221
- settings.checkboxBorder#23263F
- settings.checkboxForeground#E4CCFF
- settings.dropdownBackground#101221
- settings.dropdownBorder#23263F
- settings.dropdownForeground#E4CCFF
- settings.dropdownListBorder#23263F
- settings.headerForeground#F1E5FF
- settings.modifiedItemIndicator#E4CCFF
- settings.numberInputBackground#101221
- settings.numberInputBorder#23263F
- settings.numberInputForeground#E4CCFF
- settings.textInputBackground#101221
- settings.textInputBorder#23263F
- settings.textInputForeground#E4CCFF
- sideBar.background#101221
- sideBar.border#23263F
- sideBar.dropBackground#101221cc
- sideBar.foreground#B9AEDC
- sideBarSectionHeader.background#101221
- sideBarSectionHeader.border#23263F
- sideBarSectionHeader.foreground#B9AEDC
- sideBarTitle.foreground#B9AEDC
- statusBar.background#141629
- statusBar.border#2E3250
- statusBar.debuggingBackground#141629
- statusBar.debuggingBorder#2E3250
- statusBar.debuggingForeground#B9AEDC
- statusBar.focusBorder#e1a7f280
- statusBar.foreground#B9AEDC
- statusBar.noFolderBackground#141629
- statusBar.noFolderBorder#2E3250
- statusBar.noFolderForeground#B9AEDC
- statusBarItem.activeBackground#23263F
- statusBarItem.focusBorder#E1A7F2
- statusBarItem.hoverBackground#23263F
- statusBarItem.hoverForeground#F1E5FF
- statusBarItem.prominentBackground#23263F
- statusBarItem.prominentForeground#141629
- statusBarItem.prominentHoverBackground#23263F
- statusBarItem.remoteBackground#23263F
- statusBarItem.remoteForeground#E4CCFF
- surface.border#2E3250
- symbolIcon.arrayForeground#F0D2A8
- symbolIcon.booleanForeground#7E90FF
- symbolIcon.classForeground#F0D2A8
- symbolIcon.colorForeground#E1A7F2
- symbolIcon.constantForeground#85D483
- symbolIcon.constructorForeground#9968F3
- symbolIcon.enumeratorForeground#F0D2A8
- symbolIcon.enumeratorMemberForeground#7E90FF
- symbolIcon.eventForeground#807DA5
- symbolIcon.fieldForeground#F0D2A8
- symbolIcon.fileForeground#F0D2A8
- symbolIcon.folderForeground#F0D2A8
- symbolIcon.functionForeground#9968F3
- symbolIcon.interfaceForeground#F0D2A8
- symbolIcon.keyForeground#7E90FF
- symbolIcon.keywordForeground#BB9AF7
- symbolIcon.methodForeground#9968F3
- symbolIcon.moduleForeground#FF83CA
- symbolIcon.namespaceForeground#FF83CA
- symbolIcon.nullForeground#7E90FF
- symbolIcon.numberForeground#85D483
- symbolIcon.objectForeground#F0D2A8
- symbolIcon.operatorForeground#E1A7F2
- symbolIcon.packageForeground#F0D2A8
- symbolIcon.propertyForeground#F0D2A8
- symbolIcon.referenceForeground#7E90FF
- symbolIcon.snippetForeground#7E90FF
- symbolIcon.stringForeground#E1A7F2
- symbolIcon.structForeground#F0D2A8
- symbolIcon.textForeground#E1A7F2
- symbolIcon.typeParameterForeground#E1A7F2
- symbolIcon.unitForeground#7E90FF
- symbolIcon.variableForeground#F0D2A8
- tab.activeBackground#141629
- tab.activeBorder#2E3250
- tab.activeBorderTop#2E3250
- tab.activeForeground#F1E5FF
- tab.activeModifiedBorder#2E3250
- tab.border#2E3250
- tab.hoverBackground#141629
- tab.hoverForeground#F1E5FF
- tab.inactiveBackground#141629
- tab.inactiveForeground#E4CCFF
- tab.inactiveModifiedBorder#2E3250
- tab.lastPinnedBorder#2E3250
- tab.selectedBackground#23263F
- tab.selectedBorderTop#E1A7F2
- tab.selectedForeground#F1E5FF
- tab.unfocusedActiveBackground#141629
- tab.unfocusedActiveBorder#2E3250
- tab.unfocusedActiveBorderTop#2E3250
- tab.unfocusedActiveForeground#E4CCFF
- tab.unfocusedActiveModifiedBorder#2E3250
- tab.unfocusedHoverBackground#141629
- tab.unfocusedHoverBorder#2E3250
- tab.unfocusedInactiveBackground#141629
- tab.unfocusedInactiveForeground#B9AEDC
- tab.unfocusedInactiveModifiedBorder#2E3250
- terminal.ansiBlack#141629
- terminal.ansiBlue#7E90FF
- terminal.ansiBrightBlack#716E94
- terminal.ansiBrightBlue#7E90FF
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#85D483
- terminal.ansiBrightMagenta#C792EA
- terminal.ansiBrightRed#F4598E
- terminal.ansiBrightWhite#F1E5FF
- terminal.ansiBrightYellow#F2E3BF
- terminal.ansiCyan#67E8F9
- terminal.ansiGreen#85D483
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#F4598E
- terminal.ansiWhite#E4CCFF
- terminal.ansiYellow#D9F99D
- terminal.background#101221
- terminal.border#23263F
- terminal.findMatchBackground#23263f80
- terminal.findMatchBorder#2E3250
- terminal.findMatchHighlightBackground#23263f80
- terminal.foreground#F1E5FF
- terminal.inactiveSelectionBackground#bb9af720
- terminal.selectionBackground#bb9af780
- terminal.tab.activeBorder#E1A7F2
- terminalCursor.background#101221
- terminalCursor.foreground#F1E5FF
- testing.iconErrored#F4598E
- testing.iconFailed#F4598E
- testing.iconPassed#85D483
- testing.iconQueued#E4CCFF
- testing.iconSkipped#F2E3BF
- testing.iconUnset#B9AEDC
- testing.message.info.decorationForeground#67E8F9
- testing.peekBorder#23263F
- testing.peekHeaderBackground#141629
- testing.runAction#85D483
- textBlockQuote.background#101221
- textBlockQuote.border#7e90ff80
- textCodeBlock.background#141629
- textLink.activeForeground#E1A7F2
- textLink.foreground#E1A7F2
- textPreformat.background#141629
- textPreformat.foreground#7E90FF
- textSeparator.foreground#E4CCFF
- titleBar.activeBackground#141629
- titleBar.activeForeground#B9AEDC
- titleBar.border#23263F
- titleBar.inactiveBackground#101221
- titleBar.inactiveForeground#807DA5
- toolbar.activeBackground#2E3250
- toolbar.hoverBackground#2E3250
- toolbar.hoverOutline#2E3250
- tree.indentGuidesStroke#2E3250
- walkThrough.embeddedEditorBackground#141629
- welcomePage.background#141629
- welcomePage.progress.foreground#E1A7F2
- welcomePage.tileBackground#23263F
- welcomePage.tileHoverBackground#23263F
- widget.border#2E3250
- widget.shadow#10122180
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| italic, markup.italic.markdown | #BB9AF7 | |
| bold, markup.bold.markdown | #BB9AF7 | bold |
| comment, comment.line.double-slash | #807DA5 | |
| keyword.control, storage.modifier | — | |
| variable.language | #FB5FC0 | |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #7E90FF | — |
| markup.deleted.diff | #F4598E | — |
| markup.inserted.diff | #FCABE1 | — |
| string | #FCABE1 | — |
| string.quoted | #FCABE1 | |
| support.constant.math | #E4CCFF | — |
| constant.numeric, constant.character.numeric | #FCABE1 | |
| keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.em.css, keyword.other.unit.rem.css | #FCABE1 | — |
| constant.language, punctuation.definition.constant | #E4CCFF | — |
| constant.character, constant.other | #E1A7F2 | — |
| constant.language.null, constant.language.undefined | #F4598E | — |
| constant.character.escape | #BB9AF7 | — |
| string.regexp, string.regexp keyword.other | #7E90FF | — |
| meta.function punctuation.separator.comma | #BB9AF7 | — |
| variable | #E4CCFF | — |
| punctuation.accessor | #BB9AF7 | |
| keyword | #BB9AF7 | |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #FF83CA | |
| storage.type | #FF83CA | |
| storage.type.function.arrow.js | — | |
| entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js | #FF83CA | — |
| entity.other.inherited-class | #FF83CA | — |
| punctuation.definition.tag, meta.tag | #BB9AF7 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, meta.tag.js, meta.tag.tsx, meta.tag.html | #FF83CA | |
| entity.name.tag.custom | #E4CCFF | — |
| support.constant.meta.property-value | #FB5FC0 | — |
| support.type, support.class | #FF83CA | — |
| entity.name.type, entity.name.namespace, entity.name.module | #FF83CA | — |
| support.variable.dom | #E4CCFF | — |
| invalid | #F4598E | — |
| invalid.deprecated | #F4598E | — |
| keyword.operator | #BB9AF7 | |
| keyword.operator.new | #BB9AF7 | — |
| keyword.operator.relational | #BB9AF7 | |
| keyword.operator.arithmetic | #BB9AF7 | — |
| keyword.operator.bitwise | #BB9AF7 | — |
| keyword.operator.increment | #BB9AF7 | — |
| keyword.operator.ternary | #BB9AF7 | — |
| object | #FF83CA | — |
| meta.brace | #BB9AF7 | |
| meta.delimiter.period | #BB9AF7 | |
| constant.language.boolean | #F4598E | — |
| object.comma | #BB9AF7 | — |
| variable.parameter.function | #FF83CA | |
| support.type.vendor.property-name, support.type.property-name | #E1A7F2 | |
| support.constant.vendor.property-value, meta.property-list entity.name.tag | #FF83CA | |
| meta.property-list entity.name.tag.reference | #E1A7F2 | — |
| constant.other.color.rgb-value punctuation.definition.constant | #BB9AF7 | — |
| constant.other.color | #FCABE1 | — |
| keyword.other.unit | #FCABE1 | — |
| meta.selector | #BB9AF7 | |
| entity.other.attribute-name.id | #FF83CA | — |
| meta.property-name | #E1A7F2 | — |
| entity.name.tag.doctype, meta.tag.sgml.doctype | #BB9AF7 | |
| punctuation.definition.parameters | #BB9AF7 | — |
| punctuation.definition.string | #FCABE1 | |
| keyword.control.operator | #BB9AF7 | — |
| keyword.operator.logical | #BB9AF7 | |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance | #E4CCFF | — |
| entity.name.function | #7E90FF | |
| keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx | #FF83CA | — |
| keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts | #BB9AF7 | — |
| support.constant | #FB5FC0 | — |
| keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other | #FF83CA | — |
| support.function | #7E90FF | — |
| invalid.broken | #F4598E | — |
| invalid.unimplemented | #F4598E | — |
| invalid.illegal | #F4598E | — |
| support.variable.property | #FB5FC0 | — |
| variable.function | #7E90FF | — |
| variable.interpolation | #FB5FC0 | — |
| meta.function-call | #7E90FF | — |
| meta.array, meta.object | #FF83CA | — |
| punctuation.section.embedded | #F44968 | — |
| punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.separator.parameter, punctuation.separator.key-value, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.destructuring | #BB9AF7 | — |
| punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list | #BB9AF7 | — |
| string.template meta.template.expression | #BB9AF7 | — |
| string.template punctuation.definition.string | #FCABE1 | — |
| quote | #807DA5 | |
| raw | #807DA5 | — |
| variable.parameter.function.coffee | #E4CCFF | — |
| variable.assignment.coffee | #E4CCFF | — |
| variable.other.readwrite.cs | #E4CCFF | — |
| entity.name.type.class.cs, storage.type.cs | #7E90FF | — |
| entity.name.type.namespace.cs | #E4CCFF | — |
| entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css | #FF83CA | |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #FF83CA | — |
| meta.attribute-selector.css entity.other.attribute-name.attribute | #FF83CA | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #7E90FF | — |
| source.elixir entity.name.function | #BB9AF7 | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #7E90FF | — |
| source.elixir punctuation.definition.string | #FCABE1 | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #BB9AF7 | — |
| source.elixir punctuation.binary.elixir | #BB9AF7 | |
| constant.keyword.clojure | #E1A7F2 | — |
| source.go meta.function-call.go | #7E90FF | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #BB9AF7 | — |
| source.go constant.language.go | #F4598E | — |
| source.go constant.other.placeholder.go | #E1A7F2 | — |
| entity.name.function.preprocessor.cpp, entity.scope.name.cpp | #FB5FC0 | — |
| meta.namespace-block.cpp | #F2E3BF | — |
| storage.type.language.primitive.cpp | #FF83CA | — |
| meta.preprocessor.macro.cpp | #E4CCFF | — |
| variable.other.readwrite.powershell | #7E90FF | — |
| support.function.powershell | #FB5FC0 | — |
| entity.other.attribute-name.id.html | #BB9AF7 | — |
| punctuation.definition.tag.html | #BB9AF7 | — |
| meta.tag.sgml.doctype.html | #BB9AF7 | |
| meta.method.declaration storage.type.js | #FF83CA | — |
| terminator.js | #BB9AF7 | — |
| meta.js punctuation.definition.js | #BB9AF7 | — |
| entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc | #FF83CA | — |
| variable.other.jsdoc, variable.other.phpdoc | #E4CCFF | — |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #E4CCFF | — |
| variable.parameter.function.js | #FF83CA | — |
| variable.other.object.jsx | #E4CCFF | — |
| variable.object.property.jsx | #E1A7F2 | — |
| variable.js, variable.other.js | #E4CCFF | — |
| entity.name.type.js, entity.name.type.module.js | #FF83CA | |
| support.class.js | #E4CCFF | — |
| support.constant.json | #E4CCFF | — |
| meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json | #FCABE1 | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #BB9AF7 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #F4598E | — |
| variable.other.object.js | #FF83CA | — |
| variable.other.ruby | #E4CCFF | — |
| entity.name.type.class.ruby | #FF83CA | — |
| constant.language.symbol.hashkey.ruby | #E1A7F2 | — |
| constant.language.symbol.ruby | #E1A7F2 | — |
| entity.name.tag.less | #FF83CA | — |
| keyword.other.unit.css | #FCABE1 | — |
| meta.attribute-selector.less entity.other.attribute-name.attribute | #FF83CA | — |
| markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #7E90FF | — |
| markup.quote.markdown | #807DA5 | |
| markup.inline.raw.markdown | #807DA5 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #7E90FF | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #E4CCFF | — |
| punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string | #7E90FF | — |
| punctuation.definition.metadata.markdown | #BB9AF7 | — |
| beginning.punctuation.definition.list.markdown | #7E90FF | — |
| markup.inline.raw.string.markdown | #BB9AF7 | — |
| variable.other.php | #E4CCFF | — |
| variable.other.property.php | #E1A7F2 | — |
| support.class.php | #F2E3BF | — |
| meta.function-call.php punctuation | #E4CCFF | — |
| variable.other.global.php | #BB9AF7 | — |
| variable.other.global.php punctuation.definition.variable | #BB9AF7 | — |
| constant.language.python | #F4598E | — |
| variable.parameter.function.python | #FF83CA | — |
| meta.function-call.python, meta.function-call.generic.python | #7E90FF | — |
| punctuation.python | #BB9AF7 | — |
| entity.name.function.decorator.python | #BB9AF7 | — |
| source.python variable.language.special | #7E90FF | — |
| variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass | #BB9AF7 | — |
| source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable | #E4CCFF | — |
| meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute | #FF83CA | — |
| entity.name.tag.scss, entity.name.tag.sass | #FF83CA | — |
| keyword.other.unit.scss, keyword.other.unit.sass | #FCABE1 | — |
| constant.other.table-name.sql, constant.other.database-name.sql | #FF83CA | — |
| entity.name.command.shell | #7E90FF | — |
| constant.other.option.shell | #E1A7F2 | — |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #FF83CA | — |
| variable.object.property.ts, variable.object.property.tsx | #E1A7F2 | — |
| punctuation.definition.binding-pattern.object | #BB9AF7 | — |
| punctuation.definition.binding-pattern.array | #BB9AF7 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts | #BB9AF7 | — |
| entity.name.type.ts | #FF83CA | — |
| support.class.node.ts, support.class.node.tsx | #FB5FC0 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #FF83CA | — |
| meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block | #BB9AF7 | — |
| meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx | #7E90FF | — |
| entity.name.tag.yaml | #FF83CA | — |
| variable.other.anchor.yaml, variable.other.alias.yaml | #BB9AF7 | — |
| support.class.component, support.class.component.tsx | #FF83CA | |
| meta.jsx.children, meta.jsx.children.tsx | #FF83CA | — |
| meta.class entity.name.type.class.tsx | #FF83CA | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #FF83CA | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #7E90FF | — |
| keyword.operator.type.annotation | #BB9AF7 | — |
| variable.parameter | #FF83CA | — |
| variable.other.property | #E1A7F2 | — |
| variable.other.object.property | #E1A7F2 | — |
| variable.other.readwrite.alias | #FF83CA | — |
| variable.other.readwrite.js | #FF83CA | |
| meta.jsx.children.js | #FF83CA | — |
| variable.other.constant | #FF83CA | — |
| variable.object.property.js | #E1A7F2 | — |
| constant.numeric.decimal | #FCABE1 | — |
| constant.language.boolean.true, constant.language.boolean.false | #F4598E | — |
| string.quoted.single | #FCABE1 | — |
| string.quoted.double | #FCABE1 | — |
| entity.other.attribute-name | #BB9AF7 | — |
| keyword.control.conditional | #BB9AF7 | — |
| meta.brace.round | #BB9AF7 | — |
| meta.brace.square | #BB9AF7 | — |
| punctuation.separator.comma | #BB9AF7 | — |
| punctuation.definition.string.begin | #FCABE1 | — |
| punctuation.definition.string.end | #FCABE1 | — |
| punctuation.terminator.statement, punctuation.terminator.rule.scss | #BB9AF7 | — |
| keyword.operator.assignment | #BB9AF7 | |
| punctuation.section.embedded.begin | #F44968 | — |
| punctuation.section.embedded.end | #F44968 | — |
| support.class.console | #FF83CA | — |
| support.class.component.js | #FF83CA | — |
| punctuation.definition.tag.begin | #BB9AF7 | — |
| punctuation.definition.template-expression.begin | #BB9AF7 | — |
| punctuation.definition.template-expression.end | #BB9AF7 | — |
| string.template | #FCABE1 | — |
| punctuation.definition.string.template.begin | #FCABE1 | — |
| punctuation.definition.string.template.end | #FCABE1 | — |
| punctuation.definition.tag.end | #BB9AF7 | — |
| entity.name.tag.js | #FF83CA | — |
| support.type.property-name.json, support.type.property-name.json.comments | #E1A7F2 | — |
| punctuation.definition.parameters.begin | #BB9AF7 | — |
| punctuation.definition.parameters.end | #BB9AF7 | — |
| punctuation.definition.block | #BB9AF7 | — |
| token.info-token | #7E90FF | — |
| token.warn-token | #F2E3BF | — |
| token.error-token | #F4598E | — |
| token.debug-token | #BB9AF7 | — |
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#474771
- activityBar.activeBorder#FFADDC
- activityBar.activeFocusBorder#FFADDC
- activityBar.background#27283F
- activityBar.border#373758
- activityBar.foreground#7F7FAC
- activityBar.inactiveForeground#7F7FAC
- activityBarBadge.background#27283F
- activityBarBadge.foreground#A0A0C2
- activityBarTop.activeBorder#FFADDC
- activityBarTop.activeFocusBorder#FFADDC
- activityBarTop.background#27283F
- activityBarTop.border#373758
- activityBarTop.foreground#7F7FAC
- activityBarTop.inactiveForeground#7F7FAC
- activityErrorBadge.background#F98B99
- activityErrorBadge.foreground#1C1D2D
- activityWarningBadge.background#F2E3BF
- activityWarningBadge.foreground#1C1D2D
- agents.background#2F2F4B
- agentsBadge.background#FFADDC
- agentsBadge.foreground#1C1D2D
- agentsChatInput.background#373758
- agentsChatInput.border#3F3F64
- agentsChatInput.focusBorder#FFADDC
- agentsChatInput.foreground#C1C1D7
- agentsChatInput.placeholderForeground#7F7FAC
- agentsGradient.tintColor#FFADDC
- agentsNewSessionButton.background#2f2f4b00
- agentsNewSessionButton.border#3F3F64
- agentsNewSessionButton.foreground#C1C1D7
- agentsNewSessionButton.hoverBackground#474771
- agentsPanel.background#27283F
- agentsPanel.border#373758
- agentsPanel.foreground#C1C1D7
- agentsUnreadBadge.background#FFADDC
- agentsUnreadBadge.foreground#1C1D2D
- badge.background#27283F
- badge.foreground#A0A0C2
- breadcrumb.activeSelectionForeground#E2E2EC
- breadcrumb.background#2F2F4B
- breadcrumb.focusForeground#C1C1D7
- breadcrumb.foreground#C1C1D7
- breadcrumbPicker.background#2F2F4B
- button.background#FFADDC
- button.border#FFADDC
- button.foreground#2F2F4B
- button.hoverBackground#FFADDC
- button.secondaryBackground#3F3F64
- button.secondaryForeground#C1C1D7
- button.secondaryHoverBackground#3F3F64
- charts.blue#a0b7f6
- charts.foreground#C1C1D7
- charts.green#85D483
- charts.lines#c1c1d780
- charts.orange#F0D2A8
- charts.purple#A57BF4
- charts.red#FBB1BB
- charts.yellow#F2E3BF
- chat.avatarBackground#373758
- chat.avatarForeground#E2E2EC
- chat.checkpointSeparator#373758
- chat.editedFileForeground#a0b7f6
- chat.inputWorkingBorderColor1#FFADDC
- chat.inputWorkingBorderColor2#A57BF4
- chat.inputWorkingBorderColor3#a0b7f6
- chat.linesAddedForeground#85d48399
- chat.linesRemovedForeground#f7647899
- chat.requestBackground#2f2f4b00
- chat.requestBorder#3F3F64
- chat.requestBubbleBackground#27283f99
- chat.requestBubbleHoverBackground#2f2f4b99
- chat.requestCodeBorder#4f4f7d99
- chat.slashCommandBackground#373758
- chat.slashCommandForeground#E2E2EC
- chat.thinkingShimmer#ffaddc99
- chatManagement.sashBorder#373758
- checkbox.background#27283F
- checkbox.border#373758
- checkbox.foreground#C1C1D7
- commandCenter.activeBackground#2F2F4B
- commandCenter.activeBorder#FFADDC
- commandCenter.activeForeground#A0A0C2
- commandCenter.background#27283F
- commandCenter.border#373758
- commandCenter.foreground#A0A0C2
- commandCenter.inactiveBorder#373758
- commandCenter.inactiveForeground#A0A0C2
- debugConsole.errorForeground#FBB1BB
- debugConsole.infoForeground#7F7FAC
- debugConsole.sourceForeground#F0D2A8
- debugConsole.warningForeground#F2E3BF
- debugConsoleInputIcon.foreground#A57BF4
- debugExceptionWidget.background#2F2F4B
- debugExceptionWidget.border#373758
- debugIcon.breakpointForeground#FBB1BB
- debugTokenExpression.boolean#85D483
- debugTokenExpression.error#FBB1BB
- debugTokenExpression.name#a0b7f6
- debugTokenExpression.number#85D483
- debugTokenExpression.string#FFADDC
- debugTokenExpression.value#FFADDC
- debugToolBar.background#2F2F4B
- debugToolBar.border#373758
- descriptionForeground#A0A0C2
- diffEditor.border#373758
- diffEditor.insertedLineBackground#85d48326
- diffEditor.insertedTextBackground#85d4831a
- diffEditor.removedLineBackground#f7647826
- diffEditor.removedTextBackground#f764781a
- disabledForeground#7f7facbf
- dropdown.background#3F3F64
- dropdown.border#373758
- dropdown.foreground#E2E2EC
- dropdown.listBackground#3F3F64
- editor.background#2F2F4B
- editor.border#3F3F64
- editor.findMatchBackground#373758
- editor.findMatchBorder#3F3F64
- editor.findMatchHighlightBackground#37375880
- editor.findRangeHighlightBackground#ccb4f933
- editor.focusedStackFrameHighlightBackground#27283F
- editor.foldBackground#3737581a
- editor.foreground#E2E2EC
- editor.hoverHighlightBackground#a57bf440
- editor.inactiveSelectionBackground#ccb4f920
- editor.lineHighlightBackground#56568a73
- editor.linkedEditingBackground#a57bf440
- editor.rangeHighlightBackground#a57bf440
- editor.selectionBackground#a57bf440
- editor.selectionForeground#E2E2EC
- editor.selectionHighlightBackground#a57bf440
- editor.snippetFinalTabstopHighlightBackground#ccb4f940
- editor.snippetFinalTabstopHighlightBorder#ccb4f940
- editor.snippetTabstopHighlightBackground#ccb4f940
- editor.snippetTabstopHighlightBorder#a57bf440
- editor.stackFrameHighlightBackground#2F2F4B
- editor.symbolHighlightBackground#a57bf440
- editor.wordHighlightBackground#56568a80
- editor.wordHighlightBorder#56568a99
- editor.wordHighlightStrongBackground#56568a80
- editor.wordHighlightStrongBorder#56568a99
- editor.wordHighlightTextBackground#a57bf440
- editorBracketHighlight.foreground1#CCB4F9
- editorBracketHighlight.foreground2#FFADDC
- editorBracketHighlight.foreground3#a0b7f6
- editorBracketHighlight.foreground4#C1C1D7
- editorBracketHighlight.foreground5#A57BF4
- editorBracketHighlight.foreground6#FFADDC
- editorBracketHighlight.unexpectedBracket.foreground#FBB1BB
- editorBracketMatch.background#373758e6
- editorBracketMatch.border#4f4f7de6
- editorBracketPairGuide.activeBackground1#ccb4f9bf
- editorBracketPairGuide.activeBackground2#ffaddcbf
- editorBracketPairGuide.activeBackground3#a0b7f6bf
- editorBracketPairGuide.activeBackground4#c1c1d7bf
- editorBracketPairGuide.activeBackground5#a57bf4bf
- editorBracketPairGuide.activeBackground6#ffaddcbf
- editorBracketPairGuide.background1#ccb4f999
- editorBracketPairGuide.background2#ffaddc99
- editorBracketPairGuide.background3#a0b7f699
- editorBracketPairGuide.background4#c1c1d799
- editorBracketPairGuide.background5#a57bf499
- editorBracketPairGuide.background6#ffaddc99
- editorCodeLens.foreground#C1C1D7
- editorCommentsWidget.rangeActiveBackground#a0b7f640
- editorCommentsWidget.rangeBackground#a0b7f626
- editorCursor.background#F2E3BF
- editorCursor.foreground#E2E2EC
- editorError.foreground#FBB1BB
- editorGhostText.foreground#E2E2EC
- editorGroup.border#3F3F64
- editorGroup.dropBackground#27283fcc
- editorGroup.emptyBackground#2F2F4B
- editorGroup.focusedEmptyBorder#3F3F64
- editorGroupHeader.noTabsBackground#2F2F4B
- editorGroupHeader.tabsBackground#2F2F4B
- editorGroupHeader.tabsBorder#3F3F64
- editorGutter.addedBackground#85D483
- editorGutter.background#2F2F4B
- editorGutter.commentRangeForeground#A0A0C2
- editorGutter.deletedBackground#FBB1BB
- editorGutter.modifiedBackground#a0b7f6
- editorHint.foreground#A57BF4
- editorHoverWidget.background#373758
- editorHoverWidget.border#4F4F7D
- editorHoverWidget.foreground#C1C1D7
- editorIndentGuide.activeBackground#C1C1D7
- editorIndentGuide.activeBackground1#C1C1D7
- editorIndentGuide.background#373758
- editorIndentGuide.background1#373758
- editorInfo.foreground#67E8F9
- editorInlayHint.background#37375880
- editorInlayHint.foreground#A0A0C2
- editorInlayHint.parameterBackground#37375880
- editorInlayHint.parameterForeground#A0A0C2
- editorInlayHint.typeBackground#37375880
- editorInlayHint.typeForeground#A0A0C2
- editorLineNumber.activeForeground#C1C1D7
- editorLineNumber.foreground#7F7FAC
- editorLink.activeForeground#C1C1D7
- editorMarkerNavigation.background#2F2F4B
- editorMarkerNavigationError.background#f7647833
- editorMarkerNavigationInfo.background#67e8f933
- editorMarkerNavigationWarning.background#f0d2a833
- editorMinimap.inlineChatInserted#85D483
- editorOverviewRuler.addedForeground#85D483
- editorOverviewRuler.border#373758
- editorOverviewRuler.bracketMatchForeground#A57BF4
- editorOverviewRuler.commonContentForeground#C1C1D7
- editorOverviewRuler.currentContentForeground#a0b7f6
- editorOverviewRuler.deletedForeground#FBB1BB
- editorOverviewRuler.errorForeground#FBB1BB
- editorOverviewRuler.findMatchForeground#c1c1d799
- editorOverviewRuler.incomingContentForeground#85D483
- editorOverviewRuler.infoForeground#67E8F9
- editorOverviewRuler.inlineChatInserted#85D483
- editorOverviewRuler.inlineChatRemoved#FBB1BB
- editorOverviewRuler.modifiedForeground#a0b7f6
- editorOverviewRuler.rangeHighlightForeground#ccb4f940
- editorOverviewRuler.selectionHighlightForeground#ccb4f940
- editorOverviewRuler.warningForeground#F2E3BF
- editorOverviewRuler.wordHighlightForeground#ffaddc99
- editorOverviewRuler.wordHighlightStrongForeground#ffaddc99
- editorOverviewRuler.wordHighlightTextForeground#ccb4f940
- editorPane.background#2F2F4B
- editorRuler.foreground#27283F
- editorStickyScroll.background#2F2F4B
- editorStickyScroll.border#373758
- editorStickyScroll.shadow#27283f40
- editorStickyScrollHover.background#56568a73
- editorSuggestWidget.background#373758
- editorSuggestWidget.border#373758
- editorSuggestWidget.foreground#C1C1D7
- editorSuggestWidget.highlightForeground#C1C1D7
- editorSuggestWidget.selectedBackground#373758
- editorUnnecessaryCode.opacity#e2e2eccc
- editorWarning.foreground#F2E3BF
- editorWhitespace.foreground#7F7FAC
- editorWidget.background#373758
- editorWidget.border#3F3F64
- editorWidget.foreground#C1C1D7
- editorWidget.resizeBorder#3F3F64
- errorForeground#FBB1BB
- extensionButton.prominentBackground#a0b7f6
- extensionButton.prominentForeground#27283F
- extensionButton.prominentHoverBackground#FFADDC
- focusBorder#FFADDC
- foreground#C1C1D7
- gauge.background#67e8f94d
- gauge.border#3F3F64
- gauge.errorBackground#f764784d
- gauge.errorForeground#FBB1BB
- gauge.foreground#67E8F9
- gauge.warningBackground#f0d2a84d
- gauge.warningForeground#F2E3BF
- gitDecoration.addedResourceForeground#85D483
- gitDecoration.conflictingResourceForeground#FBB1BB
- gitDecoration.deletedResourceForeground#FBB1BB
- gitDecoration.ignoredResourceForeground#7f7facbf
- gitDecoration.modifiedResourceForeground#a0b7f6
- gitDecoration.stageDeletedResourceForeground#FBB1BB
- gitDecoration.stageModifiedResourceForeground#a0b7f6
- gitDecoration.submoduleResourceForeground#A0A0C2
- gitDecoration.untrackedResourceForeground#85D483
- icon.foreground#A0A0C2
- inlineChat.background#2F2F4B
- inlineChat.border#373758
- inlineChat.foreground#C1C1D7
- inlineChat.shadow#27283f80
- inlineChatDiff.inserted#85d48333
- inlineChatDiff.removed#f7647833
- inlineChatInput.background#2F2F4B
- inlineChatInput.border#3F3F64
- inlineChatInput.focusBorder#a0b7f6
- inlineChatInput.placeholderForeground#A0A0C2
- input.background#2F2F4B
- input.border#3F3F64
- input.foreground#C1C1D7
- input.placeholderForeground#A0A0C2
- inputOption.activeBackground#a0b7f680
- inputOption.activeBorder#a0b7f6
- inputOption.activeForeground#E2E2EC
- inputValidation.errorBackground#F98B99
- inputValidation.errorBorder#F98B99
- inputValidation.errorForeground#1C1D2D
- inputValidation.infoBackground#67E8F9
- inputValidation.infoBorder#67E8F9
- inputValidation.infoForeground#1C1D2D
- inputValidation.warningBackground#F2E3BF
- inputValidation.warningBorder#F2E3BF
- inputValidation.warningForeground#1C1D2D
- interactive.activeCodeBorder#a0b7f6
- interactive.inactiveCodeBorder#3F3F64
- keybindingLabel.foreground#C1C1D7
- list.activeSelectionBackground#474771
- list.activeSelectionForeground#E2E2EC
- list.activeSelectionIconForeground#E2E2EC
- list.dropBackground#474771
- list.errorForeground#FBB1BB
- list.filterMatchBackground#373758
- list.filterMatchBorder#3F3F64
- list.focusBackground#474771
- list.focusForeground#C1C1D7
- list.focusOutline#FFADDC
- list.highlightForeground#C1C1D7
- list.hoverBackground#474771
- list.hoverForeground#C1C1D7
- list.inactiveFocusBackground#474771
- list.inactiveSelectionBackground#474771
- list.inactiveSelectionForeground#C1C1D7
- list.invalidItemForeground#FBB1BB
- list.warningForeground#F2E3BF
- listFilterWidget.background#373758
- listFilterWidget.noMatchesOutline#FBB1BB
- listFilterWidget.outline#373758
- menu.background#373758
- menu.border#3F3F64
- menu.foreground#C1C1D7
- menu.selectionBackground#474771
- menu.selectionBorder#373758
- menu.selectionForeground#E2E2EC
- menu.separatorBackground#C1C1D7
- menubar.selectionBackground#474771
- menubar.selectionBorder#373758
- menubar.selectionForeground#C1C1D7
- merge.border#3F3F64
- merge.commonContentBackground#27283f1a
- merge.commonHeaderBackground#27283f33
- merge.currentContentBackground#ccb4f933
- merge.currentHeaderBackground#a0b7f633
- merge.incomingContentBackground#85d4831a
- merge.incomingHeaderBackground#85d48333
- minimap.chatEditHighlight#a0b7f6
- minimap.errorHighlight#FBB1BB
- minimap.findMatchHighlight#c1c1d799
- minimap.infoHighlight#67E8F9
- minimap.selectionHighlight#a57bf440
- minimap.selectionOccurrenceHighlight#a57bf440
- minimap.warningHighlight#F2E3BF
- minimapGutter.addedBackground#85D483
- minimapGutter.deletedBackground#FBB1BB
- minimapGutter.modifiedBackground#a0b7f6
- minimapSlider.activeBackground#56568a80
- minimapSlider.background#56568a73
- minimapSlider.hoverBackground#56568a80
- notebook.symbolHighlightBackground#37375826
- notificationCenter.border#373758
- notificationCenterHeader.background#27283F
- notificationCenterHeader.foreground#C1C1D7
- notificationLink.foreground#C1C1D7
- notifications.background#373758
- notifications.border#373758
- notifications.foreground#C1C1D7
- notificationsErrorIcon.foreground#FBB1BB
- notificationsInfoIcon.foreground#67E8F9
- notificationsWarningIcon.foreground#F2E3BF
- notificationToast.border#373758
- panel.background#27283F
- panel.border#373758
- panelInput.border#373758
- panelTitle.activeBorder#3F3F64
- panelTitle.activeForeground#E2E2EC
- panelTitle.inactiveForeground#C1C1D7
- peekView.border#FFADDC
- peekViewEditor.background#27283F
- peekViewEditor.matchHighlightBackground#ccb4f940
- peekViewEditor.matchHighlightBorder#ccb4f908
- peekViewEditorGutter.background#27283F
- peekViewResult.background#27283F
- peekViewResult.fileForeground#A0A0C2
- peekViewResult.lineForeground#A0A0C2
- peekViewResult.matchHighlightBackground#ccb4f940
- peekViewResult.selectionBackground#a57bf440
- peekViewResult.selectionForeground#E2E2EC
- peekViewTitle.background#27283F
- peekViewTitleDescription.foreground#A0A0C2
- peekViewTitleLabel.foreground#C1C1D7
- pickerGroup.border#4F4F7D
- pickerGroup.foreground#7F7FAC
- ports.iconRunningProcessForeground#85D483
- progressBar.background#C1C1D7
- quickInput.background#373758
- quickInput.border#3F3F64
- quickInput.foreground#C1C1D7
- quickInputList.focusBackground#474771
- quickInputList.focusForeground#E2E2EC
- quickInputList.focusHighlightForeground#FFADDC
- quickInputList.focusIconForeground#E2E2EC
- quickInputList.hoverBackground#474771
- quickInputTitle.background#373758
- scrollbar.shadow#2F2F4B
- scrollbarSlider.activeBackground#56568a80
- scrollbarSlider.background#56568a73
- scrollbarSlider.hoverBackground#56568a80
- searchEditor.findMatchBackground#373758
- searchEditor.findMatchBorder#3F3F64
- selection.background#474771
- settings.checkboxBackground#27283F
- settings.checkboxBorder#373758
- settings.checkboxForeground#C1C1D7
- settings.dropdownBackground#27283F
- settings.dropdownBorder#373758
- settings.dropdownForeground#C1C1D7
- settings.dropdownListBorder#373758
- settings.headerForeground#E2E2EC
- settings.modifiedItemIndicator#C1C1D7
- settings.numberInputBackground#27283F
- settings.numberInputBorder#373758
- settings.numberInputForeground#C1C1D7
- settings.textInputBackground#27283F
- settings.textInputBorder#373758
- settings.textInputForeground#C1C1D7
- sideBar.background#27283F
- sideBar.border#373758
- sideBar.dropBackground#27283fcc
- sideBar.foreground#A0A0C2
- sideBarSectionHeader.background#27283F
- sideBarSectionHeader.border#373758
- sideBarSectionHeader.foreground#A0A0C2
- sideBarTitle.foreground#A0A0C2
- statusBar.background#2F2F4B
- statusBar.border#3F3F64
- statusBar.debuggingBackground#2F2F4B
- statusBar.debuggingBorder#3F3F64
- statusBar.debuggingForeground#A0A0C2
- statusBar.focusBorder#ffaddc80
- statusBar.foreground#A0A0C2
- statusBar.noFolderBackground#2F2F4B
- statusBar.noFolderBorder#3F3F64
- statusBar.noFolderForeground#A0A0C2
- statusBarItem.activeBackground#373758
- statusBarItem.focusBorder#FFADDC
- statusBarItem.hoverBackground#373758
- statusBarItem.hoverForeground#E2E2EC
- statusBarItem.prominentBackground#373758
- statusBarItem.prominentForeground#1C1D2D
- statusBarItem.prominentHoverBackground#373758
- statusBarItem.remoteBackground#373758
- statusBarItem.remoteForeground#C1C1D7
- surface.border#3F3F64
- symbolIcon.arrayForeground#F0D2A8
- symbolIcon.booleanForeground#a0b7f6
- symbolIcon.classForeground#F0D2A8
- symbolIcon.colorForeground#FFADDC
- symbolIcon.constantForeground#85D483
- symbolIcon.constructorForeground#A57BF4
- symbolIcon.enumeratorForeground#F0D2A8
- symbolIcon.enumeratorMemberForeground#a0b7f6
- symbolIcon.eventForeground#7F7FAC
- symbolIcon.fieldForeground#F0D2A8
- symbolIcon.fileForeground#F0D2A8
- symbolIcon.folderForeground#F0D2A8
- symbolIcon.functionForeground#A57BF4
- symbolIcon.interfaceForeground#F0D2A8
- symbolIcon.keyForeground#a0b7f6
- symbolIcon.keywordForeground#CCB4F9
- symbolIcon.methodForeground#A57BF4
- symbolIcon.moduleForeground#E2E2EC
- symbolIcon.namespaceForeground#E2E2EC
- symbolIcon.nullForeground#a0b7f6
- symbolIcon.numberForeground#85D483
- symbolIcon.objectForeground#F0D2A8
- symbolIcon.operatorForeground#FFADDC
- symbolIcon.packageForeground#F0D2A8
- symbolIcon.propertyForeground#F0D2A8
- symbolIcon.referenceForeground#a0b7f6
- symbolIcon.snippetForeground#a0b7f6
- symbolIcon.stringForeground#FFADDC
- symbolIcon.structForeground#F0D2A8
- symbolIcon.textForeground#FFADDC
- symbolIcon.typeParameterForeground#FFADDC
- symbolIcon.unitForeground#a0b7f6
- symbolIcon.variableForeground#F0D2A8
- tab.activeBackground#2F2F4B
- tab.activeBorder#3F3F64
- tab.activeBorderTop#3F3F64
- tab.activeForeground#E2E2EC
- tab.activeModifiedBorder#3F3F64
- tab.border#3F3F64
- tab.hoverBackground#2F2F4B
- tab.hoverForeground#E2E2EC
- tab.inactiveBackground#2F2F4B
- tab.inactiveForeground#C1C1D7
- tab.inactiveModifiedBorder#3F3F64
- tab.lastPinnedBorder#3F3F64
- tab.selectedBackground#373758
- tab.selectedBorderTop#FFADDC
- tab.selectedForeground#E2E2EC
- tab.unfocusedActiveBackground#2F2F4B
- tab.unfocusedActiveBorder#3F3F64
- tab.unfocusedActiveBorderTop#3F3F64
- tab.unfocusedActiveForeground#C1C1D7
- tab.unfocusedActiveModifiedBorder#3F3F64
- tab.unfocusedHoverBackground#2F2F4B
- tab.unfocusedHoverBorder#3F3F64
- tab.unfocusedInactiveBackground#2F2F4B
- tab.unfocusedInactiveForeground#A0A0C2
- tab.unfocusedInactiveModifiedBorder#3F3F64
- terminal.ansiBlack#3F3F64
- terminal.ansiBlue#a0b7f6
- terminal.ansiBrightBlack#5E5E97
- terminal.ansiBrightBlue#a0b7f6
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#85D483
- terminal.ansiBrightMagenta#8C55F1
- terminal.ansiBrightRed#FDD8DD
- terminal.ansiBrightWhite#E2E2EC
- terminal.ansiBrightYellow#F0D2A8
- terminal.ansiCyan#67E8F9
- terminal.ansiGreen#85D483
- terminal.ansiMagenta#A57BF4
- terminal.ansiRed#FBB1BB
- terminal.ansiWhite#E2E2EC
- terminal.ansiYellow#F2E3BF
- terminal.background#27283F
- terminal.border#373758
- terminal.findMatchBackground#37375880
- terminal.findMatchBorder#3F3F64
- terminal.findMatchHighlightBackground#37375880
- terminal.foreground#E2E2EC
- terminal.inactiveSelectionBackground#ccb4f920
- terminal.selectionBackground#ccb4f980
- terminal.tab.activeBorder#FFADDC
- terminalCursor.background#27283F
- terminalCursor.foreground#E2E2EC
- testing.iconErrored#FBB1BB
- testing.iconFailed#FBB1BB
- testing.iconPassed#85D483
- testing.iconQueued#C1C1D7
- testing.iconSkipped#F2E3BF
- testing.iconUnset#A0A0C2
- testing.message.info.decorationForeground#67E8F9
- testing.peekBorder#373758
- testing.peekHeaderBackground#2F2F4B
- testing.runAction#85D483
- textBlockQuote.background#27283F
- textBlockQuote.border#a0b7f680
- textCodeBlock.background#2F2F4B
- textLink.activeForeground#FFADDC
- textLink.foreground#FFADDC
- textPreformat.background#2F2F4B
- textPreformat.foreground#a0b7f6
- textSeparator.foreground#C1C1D7
- titleBar.activeBackground#2F2F4B
- titleBar.activeForeground#A0A0C2
- titleBar.border#373758
- titleBar.inactiveBackground#27283F
- titleBar.inactiveForeground#7F7FAC
- toolbar.activeBackground#474771
- toolbar.hoverBackground#474771
- toolbar.hoverOutline#3F3F64
- tree.indentGuidesStroke#3F3F64
- walkThrough.embeddedEditorBackground#2F2F4B
- welcomePage.background#2F2F4B
- welcomePage.progress.foreground#FFADDC
- welcomePage.tileBackground#373758
- welcomePage.tileHoverBackground#373758
- widget.border#3F3F64
- widget.shadow#27283f80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| italic, markup.italic.markdown | #CCB4F9 | italic |
| bold, markup.bold.markdown | #CCB4F9 | bold |
| comment, comment.line.double-slash | #7F7FAC | italic |
| keyword.control, storage.modifier | — | italic |
| variable.language | #FFADDC | italic |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #a0b7f6 | — |
| markup.deleted.diff | #FBB1BB | — |
| markup.inserted.diff | #FFADDC | — |
| string | #FFD6ED | — |
| string.quoted | #FFD6ED | |
| support.constant.math | #C1C1D7 | — |
| constant.numeric, constant.character.numeric | #FFADDC | |
| keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.em.css, keyword.other.unit.rem.css | #FFADDC | — |
| constant.language, punctuation.definition.constant | #C1C1D7 | — |
| constant.character, constant.other | #E2E2EC | — |
| constant.language.null, constant.language.undefined | #FBB1BB | — |
| constant.character.escape | #CCB4F9 | — |
| string.regexp, string.regexp keyword.other | #a0b7f6 | — |
| meta.function punctuation.separator.comma | #CCB4F9 | — |
| variable | #C1C1D7 | — |
| punctuation.accessor | #CCB4F9 | |
| keyword | #CCB4F9 | |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #FFADDC | |
| storage.type | #FFADDC | |
| storage.type.function.arrow.js | — | |
| entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js | #E2E2EC | — |
| entity.other.inherited-class | #E2E2EC | — |
| punctuation.definition.tag, meta.tag | #CCB4F9 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, meta.tag.js, meta.tag.tsx, meta.tag.html | #FFADDC | |
| entity.name.tag.custom | #C1C1D7 | — |
| support.constant.meta.property-value | #FFADDC | — |
| support.type, support.class | #E2E2EC | — |
| entity.name.type, entity.name.namespace, entity.name.module | #E2E2EC | — |
| support.variable.dom | #C1C1D7 | — |
| invalid | #FBB1BB | — |
| invalid.deprecated | #FBB1BB | — |
| keyword.operator | #CCB4F9 | |
| keyword.operator.new | #CCB4F9 | — |
| keyword.operator.relational | #CCB4F9 | |
| keyword.operator.arithmetic | #CCB4F9 | — |
| keyword.operator.bitwise | #CCB4F9 | — |
| keyword.operator.increment | #CCB4F9 | — |
| keyword.operator.ternary | #CCB4F9 | — |
| object | #E2E2EC | — |
| meta.brace | #CCB4F9 | |
| meta.delimiter.period | #CCB4F9 | |
| constant.language.boolean | #FBB1BB | — |
| object.comma | #CCB4F9 | — |
| variable.parameter.function | #E2E2EC | |
| support.type.vendor.property-name, support.type.property-name | #E2E2EC | |
| support.constant.vendor.property-value, meta.property-list entity.name.tag | #E2E2EC | |
| meta.property-list entity.name.tag.reference | #E2E2EC | — |
| constant.other.color.rgb-value punctuation.definition.constant | #CCB4F9 | — |
| constant.other.color | #FFD6ED | — |
| keyword.other.unit | #FFADDC | — |
| meta.selector | #CCB4F9 | |
| entity.other.attribute-name.id | #FFADDC | — |
| meta.property-name | #E2E2EC | — |
| entity.name.tag.doctype, meta.tag.sgml.doctype | #CCB4F9 | |
| punctuation.definition.parameters | #CCB4F9 | — |
| punctuation.definition.string | #FFD6ED | |
| keyword.control.operator | #CCB4F9 | — |
| keyword.operator.logical | #CCB4F9 | |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance | #C1C1D7 | — |
| entity.name.function | #a0b7f6 | |
| keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx | #FFADDC | — |
| keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts | #CCB4F9 | — |
| support.constant | #FFADDC | — |
| keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other | #FFADDC | — |
| support.function | #a0b7f6 | — |
| invalid.broken | #FBB1BB | — |
| invalid.unimplemented | #FBB1BB | — |
| invalid.illegal | #FBB1BB | — |
| support.variable.property | #FFADDC | — |
| variable.function | #a0b7f6 | — |
| variable.interpolation | #FFADDC | — |
| meta.function-call | #a0b7f6 | — |
| meta.array, meta.object | #E2E2EC | — |
| punctuation.section.embedded | #CCB4F9 | — |
| punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.separator.parameter, punctuation.separator.key-value, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.destructuring | #CCB4F9 | — |
| punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list | #CCB4F9 | — |
| string.template meta.template.expression | #CCB4F9 | — |
| string.template punctuation.definition.string | #FFD6ED | — |
| quote | #7F7FAC | |
| raw | #7F7FAC | — |
| variable.parameter.function.coffee | #C1C1D7 | — |
| variable.assignment.coffee | #C1C1D7 | — |
| variable.other.readwrite.cs | #C1C1D7 | — |
| entity.name.type.class.cs, storage.type.cs | #a0b7f6 | — |
| entity.name.type.namespace.cs | #C1C1D7 | — |
| entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css | #E2E2EC | |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #FFADDC | — |
| meta.attribute-selector.css entity.other.attribute-name.attribute | #E2E2EC | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #a0b7f6 | — |
| source.elixir entity.name.function | #CCB4F9 | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #a0b7f6 | — |
| source.elixir punctuation.definition.string | #FFD6ED | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #CCB4F9 | — |
| source.elixir punctuation.binary.elixir | #CCB4F9 | |
| constant.keyword.clojure | #E2E2EC | — |
| source.go meta.function-call.go | #a0b7f6 | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #CCB4F9 | — |
| source.go constant.language.go | #FBB1BB | — |
| source.go constant.other.placeholder.go | #E2E2EC | — |
| entity.name.function.preprocessor.cpp, entity.scope.name.cpp | #FFADDC | — |
| meta.namespace-block.cpp | #F2E3BF | — |
| storage.type.language.primitive.cpp | #E2E2EC | — |
| meta.preprocessor.macro.cpp | #C1C1D7 | — |
| variable.other.readwrite.powershell | #a0b7f6 | — |
| support.function.powershell | #FFADDC | — |
| entity.other.attribute-name.id.html | #CCB4F9 | — |
| punctuation.definition.tag.html | #CCB4F9 | — |
| meta.tag.sgml.doctype.html | #CCB4F9 | |
| meta.method.declaration storage.type.js | #FFADDC | — |
| terminator.js | #CCB4F9 | — |
| meta.js punctuation.definition.js | #CCB4F9 | — |
| entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc | #E2E2EC | — |
| variable.other.jsdoc, variable.other.phpdoc | #C1C1D7 | — |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #C1C1D7 | — |
| variable.parameter.function.js | #E2E2EC | — |
| variable.other.object.jsx | #C1C1D7 | — |
| variable.object.property.jsx | #E2E2EC | — |
| variable.js, variable.other.js | #C1C1D7 | — |
| entity.name.type.js, entity.name.type.module.js | #E2E2EC | |
| support.class.js | #C1C1D7 | — |
| support.constant.json | #C1C1D7 | — |
| meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json | #FFD6ED | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #CCB4F9 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #FBB1BB | — |
| variable.other.object.js | #E2E2EC | — |
| variable.other.ruby | #C1C1D7 | — |
| entity.name.type.class.ruby | #E2E2EC | — |
| constant.language.symbol.hashkey.ruby | #E2E2EC | — |
| constant.language.symbol.ruby | #E2E2EC | — |
| entity.name.tag.less | #FFADDC | — |
| keyword.other.unit.css | #FFADDC | — |
| meta.attribute-selector.less entity.other.attribute-name.attribute | #FFADDC | — |
| markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #a0b7f6 | — |
| markup.quote.markdown | #7F7FAC | |
| markup.inline.raw.markdown | #7F7FAC | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #a0b7f6 | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #C1C1D7 | — |
| punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string | #a0b7f6 | — |
| punctuation.definition.metadata.markdown | #CCB4F9 | — |
| beginning.punctuation.definition.list.markdown | #a0b7f6 | — |
| markup.inline.raw.string.markdown | #CCB4F9 | — |
| variable.other.php | #C1C1D7 | — |
| variable.other.property.php | #E2E2EC | — |
| support.class.php | #F2E3BF | — |
| meta.function-call.php punctuation | #C1C1D7 | — |
| variable.other.global.php | #CCB4F9 | — |
| variable.other.global.php punctuation.definition.variable | #CCB4F9 | — |
| constant.language.python | #FBB1BB | — |
| variable.parameter.function.python | #E2E2EC | — |
| meta.function-call.python, meta.function-call.generic.python | #a0b7f6 | — |
| punctuation.python | #CCB4F9 | — |
| entity.name.function.decorator.python | #CCB4F9 | — |
| source.python variable.language.special | #a0b7f6 | — |
| variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass | #CCB4F9 | — |
| source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable | #C1C1D7 | — |
| meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute | #FFADDC | — |
| entity.name.tag.scss, entity.name.tag.sass | #FFADDC | — |
| keyword.other.unit.scss, keyword.other.unit.sass | #FFADDC | — |
| constant.other.table-name.sql, constant.other.database-name.sql | #E2E2EC | — |
| entity.name.command.shell | #a0b7f6 | — |
| constant.other.option.shell | #E2E2EC | — |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #E2E2EC | — |
| variable.object.property.ts, variable.object.property.tsx | #E2E2EC | — |
| punctuation.definition.binding-pattern.object | #CCB4F9 | — |
| punctuation.definition.binding-pattern.array | #CCB4F9 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts | #CCB4F9 | — |
| entity.name.type.ts | #E2E2EC | — |
| support.class.node.ts, support.class.node.tsx | #FFADDC | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #E2E2EC | — |
| meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block | #CCB4F9 | — |
| meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx | #a0b7f6 | — |
| entity.name.tag.yaml | #FFADDC | — |
| variable.other.anchor.yaml, variable.other.alias.yaml | #CCB4F9 | — |
| support.class.component, support.class.component.tsx | #FFADDC | |
| meta.jsx.children, meta.jsx.children.tsx | #E2E2EC | — |
| meta.class entity.name.type.class.tsx | #E2E2EC | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #E2E2EC | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #a0b7f6 | — |
| keyword.operator.type.annotation | #CCB4F9 | — |
| variable.parameter | #E2E2EC | — |
| variable.other.property | #E2E2EC | — |
| variable.other.object.property | #E2E2EC | — |
| variable.other.readwrite.alias | #E2E2EC | — |
| variable.other.readwrite.js | #E2E2EC | |
| meta.jsx.children.js | #E2E2EC | — |
| variable.other.constant | #E2E2EC | — |
| variable.object.property.js | #E2E2EC | — |
| constant.numeric.decimal | #FFADDC | — |
| constant.language.boolean.true, constant.language.boolean.false | #FBB1BB | — |
| string.quoted.single | #FFD6ED | — |
| string.quoted.double | #FFD6ED | — |
| entity.other.attribute-name | #CCB4F9 | — |
| keyword.control.conditional | #CCB4F9 | — |
| meta.brace.round | #CCB4F9 | — |
| meta.brace.square | #CCB4F9 | — |
| punctuation.separator.comma | #CCB4F9 | — |
| punctuation.definition.string.begin | #FFD6ED | — |
| punctuation.definition.string.end | #FFD6ED | — |
| punctuation.terminator.statement, punctuation.terminator.rule.scss | #CCB4F9 | — |
| keyword.operator.assignment | #CCB4F9 | |
| punctuation.section.embedded.begin | #CCB4F9 | — |
| punctuation.section.embedded.end | #CCB4F9 | — |
| support.class.console | #E2E2EC | — |
| support.class.component.js | #FFADDC | — |
| punctuation.definition.tag.begin | #CCB4F9 | — |
| punctuation.definition.template-expression.begin | #CCB4F9 | — |
| punctuation.definition.template-expression.end | #CCB4F9 | — |
| string.template | #FFD6ED | — |
| punctuation.definition.string.template.begin | #FFD6ED | — |
| punctuation.definition.string.template.end | #FFD6ED | — |
| punctuation.definition.tag.end | #CCB4F9 | — |
| entity.name.tag.js | #FFADDC | — |
| support.type.property-name.json, support.type.property-name.json.comments | #E2E2EC | — |
| punctuation.definition.parameters.begin | #CCB4F9 | — |
| punctuation.definition.parameters.end | #CCB4F9 | — |
| punctuation.definition.block | #CCB4F9 | — |
| token.info-token | #a0b7f6 | — |
| token.warn-token | #F2E3BF | — |
| token.error-token | #FBB1BB | — |
| token.debug-token | #CCB4F9 | — |