Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • actionBar.toggledBackground#343059
  • activityBar.activeBorder#FFA3D8
  • activityBar.activeFocusBorder#FFA3D8
  • activityBar.background#151429
  • activityBar.border#00000000
  • activityBar.foreground#625FA5
  • activityBar.inactiveForeground#625FA5
  • activityBarBadge.background#0E0D1B
  • activityBarBadge.foreground#FFA3D8
  • activityBarTop.activeBorder#FFA3D8
  • activityBarTop.activeFocusBorder#FFA3D8
  • activityBarTop.background#151429
  • activityBarTop.border#24233F
  • activityBarTop.foreground#625FA5
  • activityBarTop.inactiveForeground#625FA5
  • activityErrorBadge.background#F4598E
  • activityErrorBadge.foreground#0E0D1B
  • activityWarningBadge.background#FFC789
  • activityWarningBadge.foreground#0E0D1B
  • agents.background#151429
  • agentsBadge.background#FFA3D8
  • agentsBadge.foreground#0E0D1B
  • agentsChatInput.background#24233F
  • agentsChatInput.border#2C2A4C
  • agentsChatInput.focusBorder#FFA3D8
  • agentsChatInput.foreground#9593C2
  • agentsChatInput.placeholderForeground#625FA5
  • agentSessionReadIndicator.foreground#FFA3D8
  • agentSessionSelectedBadge.border#FFA3D8
  • agentSessionSelectedUnfocusedBadge.border#ffa3d880
  • agentsGradient.tintColor#FFA3D8
  • agentsNewSessionButton.background#15142900
  • agentsNewSessionButton.border#2C2A4C
  • agentsNewSessionButton.foreground#9593C2
  • agentsNewSessionButton.hoverBackground#343059
  • agentsPanel.background#151429
  • agentsPanel.border#24233F
  • agentsPanel.foreground#9593C2
  • agentStatusIndicator.background#FFA3D8
  • agentsUnreadBadge.background#FFA3D8
  • agentsUnreadBadge.foreground#0E0D1B
  • aiCustomizationManagement.sashBorder#24233F
  • badge.background#0E0D1B
  • badge.foreground#7C77B3
  • breadcrumb.activeSelectionForeground#DFD0FB
  • breadcrumb.background#151429
  • breadcrumb.focusForeground#9593C2
  • breadcrumb.foreground#9593C2
  • breadcrumbPicker.background#151429
  • button.background#FF8ECF
  • button.border#343059
  • button.foreground#151429
  • button.hoverBackground#FF8ECF
  • button.secondaryBackground#343059
  • button.secondaryBorder#343059
  • button.secondaryForeground#BCBBD8
  • button.secondaryHoverBackground#343059
  • button.separator#24233F
  • charts.blue#95A6FF
  • charts.foreground#9593C2
  • charts.green#9AF5BC
  • charts.lines#9593c280
  • charts.orange#FFE2BE
  • charts.purple#EFBAFA
  • charts.red#F56C9A
  • charts.yellow#ffd6a7
  • chat.avatarBackground#24233F
  • chat.avatarForeground#DFD0FB
  • chat.checkpointSeparator#24233F
  • chat.editedFileForeground#ffb86a
  • chat.inputWorkingBorderColor1#ffa3d880
  • chat.inputWorkingBorderColor2#efbafa80
  • chat.inputWorkingBorderColor3#95a6ff80
  • chat.linesAddedForeground#05df7299
  • chat.linesRemovedForeground#f4598e99
  • chat.requestBackground#15142900
  • chat.requestBorder#2C2A4C
  • chat.requestBubbleBackground#24233f99
  • chat.requestBubbleHoverBackground#24233f80
  • chat.requestCodeBorder#34305999
  • chat.slashCommandBackground#24233F
  • chat.slashCommandForeground#DFD0FB
  • chat.thinkingShimmer#ff8ecfd6
  • chatManagement.sashBorder#24233F
  • checkbox.background#24233F
  • checkbox.border#343059
  • checkbox.disabled.background#24233F
  • checkbox.disabled.foreground#9593C2
  • checkbox.foreground#9593C2
  • checkbox.selectBackground#24233F
  • checkbox.selectBorder#343059
  • commandCenter.activeBackground#151429
  • commandCenter.activeBorder#FFA3D8
  • commandCenter.activeForeground#7C77B3
  • commandCenter.background#0E0D1B
  • commandCenter.border#24233F
  • commandCenter.foreground#7C77B3
  • commandCenter.inactiveBorder#24233F
  • commandCenter.inactiveForeground#7C77B3
  • debugConsole.errorForeground#F56C9A
  • debugConsole.infoForeground#00d3f2
  • debugConsole.sourceForeground#625FA5
  • debugConsole.warningForeground#ffd6a7
  • debugConsoleInputIcon.foreground#EFBAFA
  • debugExceptionWidget.background#151429
  • debugExceptionWidget.border#24233F
  • debugIcon.breakpointForeground#F56C9A
  • debugTokenExpression.boolean#9AF5BC
  • debugTokenExpression.error#F56C9A
  • debugTokenExpression.name#95A6FF
  • debugTokenExpression.number#9AF5BC
  • debugTokenExpression.string#FF8ECF
  • debugTokenExpression.value#FF8ECF
  • debugToolBar.background#151429
  • debugToolBar.border#24233F
  • descriptionForeground#7C77B3
  • diffEditor.border#151429
  • diffEditor.insertedLineBackground#05df7226
  • diffEditor.insertedTextBackground#05df721a
  • diffEditor.removedLineBackground#f4598e26
  • diffEditor.removedTextBackground#f4598e1a
  • disabledForeground#625fa5bf
  • dropdown.background#343059
  • dropdown.border#24233F
  • dropdown.foreground#DFD0FB
  • dropdown.listBackground#343059
  • editor.background#151429
  • editor.border#00000000
  • editor.findMatchBackground#24233F
  • editor.findMatchBorder#efbafa8c
  • editor.findMatchHighlightBackground#24233f8c
  • editor.findRangeHighlightBackground#ebabf933
  • editor.focusedStackFrameHighlightBackground#0E0D1B
  • editor.foldBackground#24233f1a
  • editor.foreground#E2D5FC
  • editor.hoverHighlightBackground#efbafa40
  • editor.inactiveSelectionBackground#ebabf920
  • editor.lineHighlightBackground#514b8c80
  • editor.linkedEditingBackground#efbafa40
  • editor.rangeHighlightBackground#efbafa40
  • editor.selectionBackground#efbafa40
  • editor.selectionForeground#DFD0FB
  • editor.selectionHighlightBackground#efbafa40
  • editor.snippetFinalTabstopHighlightBackground#ebabf940
  • editor.snippetFinalTabstopHighlightBorder#ebabf940
  • editor.snippetTabstopHighlightBackground#ebabf940
  • editor.snippetTabstopHighlightBorder#efbafa40
  • editor.stackFrameHighlightBackground#151429
  • editor.symbolHighlightBackground#efbafa40
  • editor.wordHighlightBackground#514b8c8c
  • editor.wordHighlightBorder#514b8c99
  • editor.wordHighlightStrongBackground#514b8c8c
  • editor.wordHighlightStrongBorder#514b8c99
  • editor.wordHighlightTextBackground#efbafa40
  • editorBracketHighlight.foreground1#FF99D3
  • editorBracketHighlight.foreground2#E384F6
  • editorBracketHighlight.foreground3#BB9AF7
  • editorBracketHighlight.foreground4#F676A1
  • editorBracketHighlight.foreground5#7E90FF
  • editorBracketHighlight.foreground6#FF70C1
  • editorBracketHighlight.unexpectedBracket.foreground#F56C9A
  • editorBracketMatch.background#24233fe6
  • editorBracketMatch.border#343059e6
  • editorBracketPairGuide.activeBackground1#ff99d3bf
  • editorBracketPairGuide.activeBackground2#e384f6bf
  • editorBracketPairGuide.activeBackground3#bb9af7bf
  • editorBracketPairGuide.activeBackground4#f676a1bf
  • editorBracketPairGuide.activeBackground5#7e90ffbf
  • editorBracketPairGuide.activeBackground6#ff70c1bf
  • editorBracketPairGuide.background1#ff99d399
  • editorBracketPairGuide.background2#e384f699
  • editorBracketPairGuide.background3#bb9af799
  • editorBracketPairGuide.background4#f676a199
  • editorBracketPairGuide.background5#7e90ff99
  • editorBracketPairGuide.background6#ff70c199
  • editorCodeLens.foreground#9593C2
  • editorCommentsWidget.rangeActiveBackground#95a6ff40
  • editorCommentsWidget.rangeBackground#95a6ff26
  • editorCursor.background#ffd6a7
  • editorCursor.foreground#DFD0FB
  • editorError.foreground#F56C9A
  • editorGhostText.foreground#DFD0FB
  • editorGroup.border#00000000
  • editorGroup.dropBackground#0e0d1bcc
  • editorGroup.emptyBackground#151429
  • editorGroup.focusedEmptyBorder#2C2A4C
  • editorGroupHeader.noTabsBackground#151429
  • editorGroupHeader.tabsBackground#151429
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#05df7299
  • editorGutter.background#151429
  • editorGutter.commentRangeForeground#7C77B3
  • editorGutter.deletedBackground#f4598e99
  • editorGutter.modifiedBackground#ffb86a99
  • editorHint.foreground#EFBAFA
  • editorHoverWidget.background#24233F
  • editorHoverWidget.border#343059
  • editorHoverWidget.foreground#DFD0FB
  • editorIndentGuide.activeBackground1#9593C2
  • editorIndentGuide.background1#24233F
  • editorInfo.foreground#00d3f2
  • editorInlayHint.background#24233f8c
  • editorInlayHint.foreground#7C77B3
  • editorInlayHint.parameterBackground#24233f8c
  • editorInlayHint.parameterForeground#7C77B3
  • editorInlayHint.typeBackground#24233f8c
  • editorInlayHint.typeForeground#7C77B3
  • editorLineNumber.activeForeground#DFD0FB
  • editorLineNumber.dimmedForeground#625FA5
  • editorLineNumber.foreground#625FA5
  • editorLink.activeForeground#9593C2
  • editorMarkerNavigation.background#151429
  • editorMarkerNavigationError.background#f77fa733
  • editorMarkerNavigationInfo.background#53eafd33
  • editorMarkerNavigationWarning.background#ffe2be33
  • editorMinimap.inlineChatInserted#05df72
  • editorOverviewRuler.addedForeground#05df72
  • editorOverviewRuler.border#1d1b3380
  • editorOverviewRuler.bracketMatchForeground#EFBAFA
  • editorOverviewRuler.commonContentForeground#9593C2
  • editorOverviewRuler.currentContentForeground#95A6FF
  • editorOverviewRuler.deletedForeground#F4598E
  • editorOverviewRuler.errorForeground#F56C9A
  • editorOverviewRuler.findMatchForeground#9593c299
  • editorOverviewRuler.incomingContentForeground#9AF5BC
  • editorOverviewRuler.infoForeground#00d3f2
  • editorOverviewRuler.inlineChatInserted#05df72
  • editorOverviewRuler.inlineChatRemoved#F4598E
  • editorOverviewRuler.modifiedForeground#ffb86a
  • editorOverviewRuler.rangeHighlightForeground#ebabf940
  • editorOverviewRuler.selectionHighlightForeground#ebabf940
  • editorOverviewRuler.warningForeground#ffd6a7
  • editorOverviewRuler.wordHighlightForeground#ffa3d899
  • editorOverviewRuler.wordHighlightStrongForeground#ffa3d899
  • editorOverviewRuler.wordHighlightTextForeground#ebabf940
  • editorPane.background#151429
  • editorRuler.foreground#0E0D1B
  • editorStickyScroll.background#151429
  • editorStickyScroll.border#1d1b3380
  • editorStickyScroll.shadow#0e0d1b40
  • editorStickyScrollHover.background#514b8c80
  • editorSuggestWidget.background#24233F
  • editorSuggestWidget.border#24233F
  • editorSuggestWidget.foreground#DFD0FB
  • editorSuggestWidget.highlightForeground#9593C2
  • editorSuggestWidget.selectedBackground#24233F
  • editorUnnecessaryCode.opacity#dfd0fbcc
  • editorWarning.foreground#ffd6a7
  • editorWhitespace.foreground#625FA5
  • editorWidget.background#24233F
  • editorWidget.border#2C2A4C
  • editorWidget.foreground#DFD0FB
  • editorWidget.resizeBorder#2C2A4C
  • errorForeground#F56C9A
  • extensionBadge.remoteBackground#00b8db
  • extensionBadge.remoteForeground#0E0D1B
  • extensionButton.background#343059
  • extensionButton.border#2C2A4C
  • extensionButton.foreground#BCBBD8
  • extensionButton.hoverBackground#343059
  • extensionButton.prominentBackground#FF8ECF
  • extensionButton.prominentForeground#151429
  • extensionButton.prominentHoverBackground#FF8ECF
  • extensionButton.separator#24233F
  • extensionIcon.preReleaseForeground#EBABF9
  • extensionIcon.privateForeground#7C77B3
  • extensionIcon.sponsorForeground#FFA3D8
  • extensionIcon.starForeground#ffd6a7
  • extensionIcon.verifiedForeground#00d3f2
  • focusBorder#FFB8E0
  • foreground#9593C2
  • gauge.background#53eafd4d
  • gauge.border#2C2A4C
  • gauge.errorBackground#f77fa74d
  • gauge.errorForeground#F56C9A
  • gauge.foreground#00d3f2
  • gauge.warningBackground#ffe2be4d
  • gauge.warningForeground#ffd6a7
  • gitDecoration.addedResourceForeground#05df72
  • gitDecoration.conflictingResourceForeground#F23E7B
  • gitDecoration.deletedResourceForeground#F4598E
  • gitDecoration.ignoredResourceForeground#a3a0c980
  • gitDecoration.modifiedResourceForeground#ffb86a
  • gitDecoration.renamedResourceForeground#bbf451
  • gitDecoration.stageDeletedResourceForeground#F4598E
  • gitDecoration.stageModifiedResourceForeground#ffb86a
  • gitDecoration.submoduleResourceForeground#00d3f2
  • gitDecoration.untrackedResourceForeground#7bf1a8
  • icon.foreground#7C77B3
  • inlineChat.background#151429
  • inlineChat.border#24233F
  • inlineChat.foreground#9593C2
  • inlineChat.shadow#0e0d1b80
  • inlineChatDiff.inserted#05df7233
  • inlineChatDiff.removed#f4598e33
  • inlineChatInput.background#151429
  • inlineChatInput.border#2C2A4C
  • inlineChatInput.focusBorder#95A6FF
  • inlineChatInput.placeholderForeground#7C77B3
  • input.background#151429
  • input.border#2C2A4C
  • input.foreground#DFD0FB
  • input.placeholderForeground#7C77B3
  • inputOption.activeBackground#95a6ff80
  • inputOption.activeBorder#95A6FF
  • inputOption.activeForeground#DFD0FB
  • inputValidation.errorBackground#F4598E
  • inputValidation.errorBorder#F4598E
  • inputValidation.errorForeground#0E0D1B
  • inputValidation.infoBackground#00b8db
  • inputValidation.infoBorder#00b8db
  • inputValidation.infoForeground#0E0D1B
  • inputValidation.warningBackground#FFC789
  • inputValidation.warningBorder#FFC789
  • inputValidation.warningForeground#0E0D1B
  • interactive.activeCodeBorder#95A6FF
  • interactive.inactiveCodeBorder#2C2A4C
  • keybindingLabel.foreground#9593C2
  • list.activeSelectionBackground#343059
  • list.activeSelectionForeground#DFD0FB
  • list.activeSelectionIconForeground#DFD0FB
  • list.dropBackground#343059
  • list.errorForeground#F56C9A
  • list.filterMatchBackground#24233F
  • list.filterMatchBorder#2C2A4C
  • list.focusBackground#343059
  • list.focusForeground#DFD0FB
  • list.focusOutline#343059
  • list.highlightForeground#9593C2
  • list.hoverBackground#343059
  • list.hoverForeground#DFD0FB
  • list.inactiveFocusBackground#343059
  • list.inactiveSelectionBackground#343059
  • list.inactiveSelectionForeground#DFD0FB
  • list.invalidItemForeground#F56C9A
  • list.warningForeground#ffd6a7
  • listFilterWidget.background#24233F
  • listFilterWidget.noMatchesOutline#F56C9A
  • listFilterWidget.outline#24233F
  • mcpIcon.starForeground#ffd6a7
  • menu.background#24233F
  • menu.border#2C2A4C
  • menu.foreground#DFD0FB
  • menu.selectionBackground#343059
  • menu.selectionBorder#24233F
  • menu.selectionForeground#DFD0FB
  • menu.separatorBackground#9593C2
  • menubar.selectionBackground#343059
  • menubar.selectionBorder#24233F
  • menubar.selectionForeground#DFD0FB
  • merge.border#2C2A4C
  • merge.commonContentBackground#0e0d1b1a
  • merge.commonHeaderBackground#0e0d1b33
  • merge.currentContentBackground#ebabf933
  • merge.currentHeaderBackground#95a6ff33
  • merge.incomingContentBackground#b9f8cf1a
  • merge.incomingHeaderBackground#b9f8cf33
  • minimap.chatEditHighlight#95A6FF
  • minimap.errorHighlight#F56C9A
  • minimap.findMatchHighlight#9593c299
  • minimap.infoHighlight#00d3f2
  • minimap.selectionHighlight#efbafa40
  • minimap.selectionOccurrenceHighlight#efbafa40
  • minimap.warningHighlight#ffd6a7
  • minimapGutter.addedBackground#05df72
  • minimapGutter.deletedBackground#F4598E
  • minimapGutter.modifiedBackground#ffb86a
  • minimapSlider.activeBackground#514b8c8c
  • minimapSlider.background#514b8c80
  • minimapSlider.hoverBackground#514b8c8c
  • modernActivityBar.border#24233F
  • modernActivityBarItem.activeBackground#ffa3d833
  • modernActivityBarItem.activeForeground#0E0D1B
  • modernActivityBarItem.hoverBackground#ffa3d826
  • modernActivityBarItem.hoverForeground#0E0D1B
  • notebook.symbolHighlightBackground#24233f26
  • notificationCenter.border#24233F
  • notificationCenterHeader.background#0E0D1B
  • notificationCenterHeader.foreground#9593C2
  • notificationLink.foreground#9593C2
  • notifications.background#24233F
  • notifications.border#24233F
  • notifications.foreground#9593C2
  • notificationsErrorIcon.foreground#F56C9A
  • notificationsInfoIcon.foreground#00d3f2
  • notificationsWarningIcon.foreground#ffd6a7
  • notificationToast.border#24233F
  • panel.background#0E0D1B
  • panel.border#00000000
  • panelInput.border#24233F
  • panelTitle.activeBorder#2C2A4C
  • panelTitle.activeForeground#DFD0FB
  • panelTitle.inactiveForeground#9593C2
  • peekView.border#FFA3D8
  • peekViewEditor.background#0E0D1B
  • peekViewEditor.matchHighlightBackground#ebabf940
  • peekViewEditor.matchHighlightBorder#ebabf908
  • peekViewEditorGutter.background#0E0D1B
  • peekViewResult.background#0E0D1B
  • peekViewResult.fileForeground#7C77B3
  • peekViewResult.lineForeground#7C77B3
  • peekViewResult.matchHighlightBackground#ebabf940
  • peekViewResult.selectionBackground#efbafa40
  • peekViewResult.selectionForeground#DFD0FB
  • peekViewTitle.background#0E0D1B
  • peekViewTitleDescription.foreground#7C77B3
  • peekViewTitleLabel.foreground#DFD0FB
  • pickerGroup.border#343059
  • pickerGroup.foreground#625FA5
  • ports.iconRunningProcessForeground#9AF5BC
  • progressBar.background#FFA3D8
  • quickInput.background#24233F
  • quickInput.border#2C2A4C
  • quickInput.foreground#9593C2
  • quickInputList.focusBackground#343059
  • quickInputList.focusForeground#DFD0FB
  • quickInputList.focusHighlightForeground#FF8ECF
  • quickInputList.focusIconForeground#DFD0FB
  • quickInputList.hoverBackground#343059
  • quickInputTitle.background#24233F
  • radio.activeBackground#24233F
  • radio.activeBorder#343059
  • radio.activeForeground#9593C2
  • radio.inactiveBackground#24233F
  • radio.inactiveBorder#343059
  • radio.inactiveForeground#7C77B3
  • radio.inactiveHoverBackground#24233F
  • sash.hoverBorder#343059
  • scrollbar.shadow#151429
  • scrollbarSlider.activeBackground#514b8c8c
  • scrollbarSlider.background#514b8c80
  • scrollbarSlider.hoverBackground#514b8c8c
  • searchEditor.findMatchBackground#24233F
  • searchEditor.findMatchBorder#2C2A4C
  • selection.background#343059
  • settings.checkboxBackground#24233F
  • settings.checkboxBorder#24233F
  • settings.checkboxForeground#9593C2
  • settings.dropdownBackground#0E0D1B
  • settings.dropdownBorder#24233F
  • settings.dropdownForeground#9593C2
  • settings.dropdownListBorder#24233F
  • settings.headerForeground#DFD0FB
  • settings.modifiedItemIndicator#9593C2
  • settings.numberInputBackground#0E0D1B
  • settings.numberInputBorder#24233F
  • settings.numberInputForeground#9593C2
  • settings.textInputBackground#0E0D1B
  • settings.textInputBorder#24233F
  • settings.textInputForeground#9593C2
  • sideBar.background#151429
  • sideBar.border#00000000
  • sideBar.dropBackground#24233fcc
  • sideBar.foreground#7C77B3
  • sideBarSectionHeader.background#151429
  • sideBarSectionHeader.border#1D1B33
  • sideBarSectionHeader.foreground#7C77B3
  • sideBarStickyScroll.background#151429
  • sideBarStickyScroll.border#151429
  • sideBarStickyScroll.shadow#151429
  • sideBarTitle.foreground#7C77B3
  • statusBar.background#151429
  • statusBar.border#00000000
  • statusBar.debuggingBackground#FF8ECF
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#0E0D1B
  • statusBar.focusBorder#ffa3d880
  • statusBar.foreground#7C77B3
  • statusBar.noFolderBackground#151429
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#7C77B3
  • statusBarItem.activeBackground#24233F
  • statusBarItem.focusBorder#FFA3D8
  • statusBarItem.hoverBackground#24233F
  • statusBarItem.hoverForeground#DFD0FB
  • statusBarItem.prominentBackground#24233F
  • statusBarItem.prominentForeground#0E0D1B
  • statusBarItem.prominentHoverBackground#24233F
  • statusBarItem.remoteBackground#24233F
  • statusBarItem.remoteForeground#9593C2
  • surface.border#00000000
  • symbolIcon.arrayForeground#FFE2BE
  • symbolIcon.booleanForeground#95A6FF
  • symbolIcon.classForeground#FFE2BE
  • symbolIcon.colorForeground#FF8ECF
  • symbolIcon.constantForeground#9AF5BC
  • symbolIcon.constructorForeground#EFBAFA
  • symbolIcon.enumeratorForeground#FFE2BE
  • symbolIcon.enumeratorMemberForeground#95A6FF
  • symbolIcon.eventForeground#625FA5
  • symbolIcon.fieldForeground#FFE2BE
  • symbolIcon.fileForeground#FFE2BE
  • symbolIcon.folderForeground#FFE2BE
  • symbolIcon.functionForeground#EFBAFA
  • symbolIcon.interfaceForeground#FFE2BE
  • symbolIcon.keyForeground#95A6FF
  • symbolIcon.keywordForeground#BB9AF7
  • symbolIcon.methodForeground#EFBAFA
  • symbolIcon.moduleForeground#EEB4FA
  • symbolIcon.namespaceForeground#EEB4FA
  • symbolIcon.nullForeground#95A6FF
  • symbolIcon.numberForeground#9AF5BC
  • symbolIcon.objectForeground#FFE2BE
  • symbolIcon.operatorForeground#FF8ECF
  • symbolIcon.packageForeground#FFE2BE
  • symbolIcon.propertyForeground#FFE2BE
  • symbolIcon.referenceForeground#95A6FF
  • symbolIcon.snippetForeground#95A6FF
  • symbolIcon.stringForeground#FF8ECF
  • symbolIcon.structForeground#FFE2BE
  • symbolIcon.textForeground#FF8ECF
  • symbolIcon.typeParameterForeground#FF8ECF
  • symbolIcon.unitForeground#95A6FF
  • symbolIcon.variableForeground#FFE2BE
  • tab.activeBackground#151429
  • tab.activeBorder#2C2A4C
  • tab.activeBorderTop#2C2A4C
  • tab.activeForeground#DFD0FB
  • tab.activeModifiedBorder#2C2A4C
  • tab.border#00000000
  • tab.hoverBackground#151429
  • tab.hoverForeground#DFD0FB
  • tab.inactiveBackground#151429
  • tab.inactiveForeground#7C77B3
  • tab.inactiveModifiedBorder#2C2A4C
  • tab.lastPinnedBorder#2C2A4C
  • tab.selectedBackground#24233F
  • tab.selectedBorderTop#FFA3D8
  • tab.selectedForeground#DFD0FB
  • tab.unfocusedActiveBackground#151429
  • tab.unfocusedActiveBorder#2C2A4C
  • tab.unfocusedActiveBorderTop#2C2A4C
  • tab.unfocusedActiveForeground#DFD0FB
  • tab.unfocusedActiveModifiedBorder#2C2A4C
  • tab.unfocusedHoverBackground#151429
  • tab.unfocusedHoverBorder#2C2A4C
  • tab.unfocusedInactiveBackground#151429
  • tab.unfocusedInactiveForeground#7C77B3
  • tab.unfocusedInactiveModifiedBorder#2C2A4C
  • terminal.ansiBlack#343059
  • terminal.ansiBlue#7E90FF
  • terminal.ansiBrightBlack#625FA5
  • terminal.ansiBrightBlue#ADBAFA
  • terminal.ansiBrightCyan#53eafd
  • terminal.ansiBrightGreen#7bf1a8
  • terminal.ansiBrightMagenta#EEB4FA
  • terminal.ansiBrightRed#F9A5C2
  • terminal.ansiBrightWhite#E4E4F0
  • terminal.ansiBrightYellow#fee685
  • terminal.ansiCyan#00b8db
  • terminal.ansiGreen#03D461
  • terminal.ansiMagenta#EAA4F8
  • terminal.ansiRed#F4598E
  • terminal.ansiWhite#BCBBD8
  • terminal.ansiYellow#ffba00
  • terminal.background#0E0D1B
  • terminal.border#24233F
  • terminal.findMatchBackground#24233f8c
  • terminal.findMatchBorder#2C2A4C
  • terminal.findMatchHighlightBackground#24233f8c
  • terminal.foreground#DFD0FB
  • terminal.inactiveSelectionBackground#ebabf920
  • terminal.selectionBackground#ebabf980
  • terminal.tab.activeBorder#FFA3D8
  • terminalCursor.background#0E0D1B
  • terminalCursor.foreground#DFD0FB
  • testing.iconErrored#F56C9A
  • testing.iconFailed#F56C9A
  • testing.iconPassed#9AF5BC
  • testing.iconQueued#9593C2
  • testing.iconSkipped#ffd6a7
  • testing.iconUnset#7C77B3
  • testing.message.info.decorationForeground#00d3f2
  • testing.peekBorder#24233F
  • testing.peekHeaderBackground#151429
  • testing.runAction#7bf1a8
  • textBlockQuote.background#0E0D1B
  • textBlockQuote.border#95a6ff80
  • textCodeBlock.background#151429
  • textLink.activeForeground#FFA3D8
  • textLink.foreground#FFA3D8
  • textPreformat.background#151429
  • textPreformat.foreground#95A6FF
  • textSeparator.foreground#9593C2
  • titleBar.activeBackground#151429
  • titleBar.activeForeground#7C77B3
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0E0D1B
  • titleBar.inactiveForeground#625FA5
  • toolbar.activeBackground#343059
  • toolbar.hoverBackground#343059
  • toolbar.hoverOutline#2C2A4C
  • tree.indentGuidesStroke#2C2A4C
  • walkThrough.embeddedEditorBackground#151429
  • welcomePage.background#151429
  • welcomePage.progress.foreground#FFA3D8
  • welcomePage.tileBackground#24233F
  • welcomePage.tileHoverBackground#24233F
  • widget.border#2C2A4C
  • widget.shadow#0e0d1b80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
italic, markup.italic.markdown#BB9AF7italic
bold, markup.bold.markdown#BB9AF7bold
comment, comment.line.double-slash#625FA5italic
keyword.control, storage.modifieritalic
entity.name.function.decorator.python#FFB8E0italic
variable.language#D9C6FAitalic
markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file#7E90FF
markup.deleted.diff#F4598E
markup.inserted.diff#F676A1
string#FFB8E0
string.quoted#FFB8E0
support.constant.math#CCB4F9
constant.numeric, constant.character.numeric#F676A1
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#F676A1
constant.language, punctuation.definition.constant#CCB4F9
constant.character, constant.other#D9C6FA
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#CCB4F9
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#FF8ECF
storage.type#FF8ECF
storage.type.function.arrow.js
entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js#EEB4FA
entity.other.inherited-class#EEB4FA
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#FFA3D8
entity.name.tag.custom#CCB4F9
support.constant.meta.property-value#D9C6FA
support.type, support.class#EEB4FA
entity.name.type, entity.name.namespace, entity.name.module#EEB4FA
support.variable.dom#CCB4F9
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#EEB4FA
meta.brace#BB9AF7
meta.delimiter.period#BB9AF7
constant.language.boolean#F4598E
object.comma#BB9AF7
variable.parameter.function#EEB4FA
support.type.vendor.property-name, support.type.property-name#D9C6FA
support.constant.vendor.property-value, meta.property-list entity.name.tag#EEB4FA
meta.property-list entity.name.tag.reference#D9C6FA
constant.other.color.rgb-value punctuation.definition.constant#BB9AF7
constant.other.color#FFB8E0
keyword.other.unit#F676A1
meta.selector#BB9AF7
entity.other.attribute-name.id#FFA3D8
meta.property-name#D9C6FA
entity.name.tag.doctype, meta.tag.sgml.doctype#BB9AF7
punctuation.definition.parameters#BB9AF7
punctuation.definition.string#FFB8E0
keyword.control.operator#BB9AF7
keyword.operator.logical#BB9AF7
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance#CCB4F9
entity.name.function#7E90FF
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.loop.tsx#FF8ECF
keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx#BB9AF7
keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx#BB9AF7
keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts#BB9AF7
support.constant#D9C6FA
keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other#FF8ECF
support.function#7E90FF
invalid.broken#F4598E
invalid.unimplemented#F4598E
invalid.illegal#F4598E
support.variable.property#D9C6FA
variable.function#7E90FF
variable.interpolation#D9C6FA
meta.function-call#7E90FF
meta.array, meta.object#EEB4FA
punctuation.section.embedded#F4598E
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#FFB8E0
quote#625FA5
raw#625FA5
variable.parameter.function.coffee#CCB4F9
variable.assignment.coffee#CCB4F9
variable.other.readwrite.cs#CCB4F9
entity.name.type.class.cs, storage.type.cs#7E90FF
entity.name.type.namespace.cs#CCB4F9
entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css#EEB4FA
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass#FFA3D8
meta.attribute-selector.css entity.other.attribute-name.attribute#EEB4FA
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#FFB8E0
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#D9C6FA
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#D9C6FA
entity.name.function.preprocessor.cpp, entity.scope.name.cpp#D9C6FA
meta.namespace-block.cpp#ffd6a7
storage.type.language.primitive.cpp#EEB4FA
meta.preprocessor.macro.cpp#CCB4F9
variable.other.readwrite.powershell#7E90FF
support.function.powershell#D9C6FA
entity.other.attribute-name.id.html#BB9AF7
punctuation.definition.tag.html#BB9AF7
meta.tag.sgml.doctype.html#BB9AF7
variable.other.readwrite.alias.js#CCB4F9
meta.import.js variable.other.readwrite.alias.js, meta.import.js variable.other.readwrite.js, meta.import.js variable.other.object.js, meta.import.js variable.other.constant.js, meta.import.js variable.other.constant.object.js#D9C6FA
meta.object-literal.key.js#D9C6FA
meta.decorator punctuation.decorator.js#FFB8E0
variable.parameter.js, variable.parameter.function.js#EEB4FA
variable.other.constant.js, variable.other.constant.object.js, variable.other.enummember.js#D9C6FA
variable.other.constant.property.js, variable.other.constant.object.property.js#D9C6FA
support.function.js, support.function.console.js, support.function.json.js, support.function.math.js, support.function.dom.js, support.function.process.js, support.class.js, support.class.console.js, support.class.node.js, support.class.dom.js, support.variable.dom.js, support.variable.object.process.js, support.constant.json.js#D9C6FA
variable.other.readwrite.alias.jsx#CCB4F9
meta.import.jsx variable.other.readwrite.alias.jsx, meta.import.jsx variable.other.readwrite.jsx, meta.import.jsx variable.other.object.jsx, meta.import.jsx variable.other.constant.jsx, meta.import.jsx variable.other.constant.object.jsx#D9C6FA
meta.object-literal.key.jsx#D9C6FA
meta.decorator punctuation.decorator.jsx#FFB8E0
variable.parameter.jsx, variable.parameter.function.jsx#EEB4FA
variable.other.constant.jsx, variable.other.constant.object.jsx, variable.other.enummember.jsx#D9C6FA
variable.other.constant.property.jsx, variable.other.constant.object.property.jsx#D9C6FA
support.function.jsx, support.function.console.jsx, support.function.json.jsx, support.function.math.jsx, support.function.dom.jsx, support.function.process.jsx, support.class.jsx, support.class.console.jsx, support.class.node.jsx, support.class.dom.jsx, support.variable.dom.jsx, support.variable.object.process.jsx, support.constant.json.jsx#D9C6FA
variable.other.readwrite.alias.ts#CCB4F9
meta.import.ts variable.other.readwrite.alias.ts, meta.import.ts variable.other.readwrite.ts, meta.import.ts variable.other.object.ts, meta.import.ts variable.other.constant.ts, meta.import.ts variable.other.constant.object.ts#D9C6FA
meta.object-literal.key.ts#D9C6FA
meta.decorator punctuation.decorator.ts#FFB8E0
variable.parameter.ts, variable.parameter.function.ts#EEB4FA
variable.other.constant.ts, variable.other.constant.object.ts, variable.other.enummember.ts#D9C6FA
variable.other.constant.property.ts, variable.other.constant.object.property.ts#D9C6FA
support.function.ts, support.function.console.ts, support.function.json.ts, support.function.math.ts, support.function.dom.ts, support.function.process.ts, support.class.ts, support.class.console.ts, support.class.node.ts, support.class.dom.ts, support.variable.dom.ts, support.variable.object.process.ts, support.constant.json.ts#D9C6FA
variable.other.readwrite.alias.tsx#CCB4F9
meta.import.tsx variable.other.readwrite.alias.tsx, meta.import.tsx variable.other.readwrite.tsx, meta.import.tsx variable.other.object.tsx, meta.import.tsx variable.other.constant.tsx, meta.import.tsx variable.other.constant.object.tsx#D9C6FA
meta.object-literal.key.tsx#D9C6FA
meta.decorator punctuation.decorator.tsx#FFB8E0
variable.parameter.tsx, variable.parameter.function.tsx#EEB4FA
variable.other.constant.tsx, variable.other.constant.object.tsx, variable.other.enummember.tsx#D9C6FA
variable.other.constant.property.tsx, variable.other.constant.object.property.tsx#D9C6FA
support.function.tsx, support.function.console.tsx, support.function.json.tsx, support.function.math.tsx, support.function.dom.tsx, support.function.process.tsx, support.class.tsx, support.class.console.tsx, support.class.node.tsx, support.class.dom.tsx, support.variable.dom.tsx, support.variable.object.process.tsx, support.constant.json.tsx#D9C6FA
meta.method.declaration storage.type.js, meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx#FF8ECF
terminator.js#BB9AF7
meta.js punctuation.definition.js#BB9AF7
punctuation.definition.block.tag.jsdoc#BB9AF7
storage.type.class.jsdoc#FF8ECF
constant.language.access-type.jsdoc#FF8ECF
constant.language.symbol-type.jsdoc#BB9AF7
punctuation.definition.bracket.angle.begin.jsdoc, punctuation.definition.bracket.angle.end.jsdoc#BB9AF7
keyword.operator.control.jsdoc#BB9AF7
entity.name.tag.inline.jsdoc#FFA3D8
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc#EEB4FA
variable.other.jsdoc, variable.other.phpdoc#CCB4F9
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other#CCB4F9
variable.other.object.jsx#CCB4F9
variable.object.property.jsx#D9C6FA
variable.js, variable.other.js#CCB4F9
entity.name.type.js, entity.name.type.module.js#EEB4FA
support.constant.json#CCB4F9
meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json#FFB8E0
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#CCB4F9
variable.other.ruby#CCB4F9
entity.name.type.class.ruby#EEB4FA
constant.language.symbol.hashkey.ruby#D9C6FA
constant.language.symbol.ruby#D9C6FA
entity.name.tag.less#FFA3D8
keyword.other.unit.css#F676A1
meta.attribute-selector.less entity.other.attribute-name.attribute#FFA3D8
markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#7E90FF
markup.quote.markdown#625FA5
markup.inline.raw.markdown#625FA5
markup.underline.link.markdown, markup.underline.link.image.markdown#7E90FF
string.other.link.title.markdown, string.other.link.description.markdown#CCB4F9
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#CCB4F9
variable.other.property.php#D9C6FA
support.class.php#ffd6a7
meta.function-call.php punctuation#CCB4F9
variable.other.global.php#BB9AF7
variable.other.global.php punctuation.definition.variable#BB9AF7
constant.language.python#F4598E
variable.parameter.function.python#EEB4FA
meta.function-call.python, meta.function-call.generic.python#7E90FF
punctuation.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#CCB4F9
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute#FFA3D8
entity.name.tag.scss, entity.name.tag.sass#FFA3D8
keyword.other.unit.scss, keyword.other.unit.sass#F676A1
constant.other.table-name.sql, constant.other.database-name.sql#EEB4FA
entity.name.command.shell, entity.name.function.shell#7E90FF
support.function.shell#D9C6FA
variable.other.assignment.shell#D9C6FA
constant.other.option.shell#D9C6FA
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#CCB4F9
variable.object.property.ts, variable.object.property.tsx#D9C6FA
punctuation.definition.binding-pattern.object#BB9AF7
punctuation.definition.binding-pattern.array#BB9AF7
punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx#BB9AF7
entity.name.type.ts, entity.name.type.tsx, entity.name.type.module.tsx#EEB4FA
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type#EEB4FA
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
entity.name.tag.yaml#D9C6FA
variable.other.anchor.yaml#D9C6FA
variable.other.alias.yaml#CCB4F9
punctuation.definition.anchor.yaml#BB9AF7
entity.name.type.anchor.yaml#EEB4FA
support.class.component, support.class.component.tsx#FF70C1
meta.class entity.name.type.class.tsx#EEB4FA
keyword.operator.type.annotation#BB9AF7
variable.parameter#EEB4FA
variable.other.property#D9C6FA
variable.other.object.property#D9C6FA
variable.other.readwrite.alias#EEB4FA
variable.other.readwrite.js#CCB4F9
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx#DFD0FB
variable.other.constant#EEB4FA
variable.object.property.js#D9C6FA
constant.numeric.decimal#F676A1
constant.language.boolean.true, constant.language.boolean.false#F4598E
string.quoted.single#FFB8E0
string.quoted.double#FFB8E0
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#FFB8E0
punctuation.definition.string.end#FFB8E0
punctuation.terminator.statement, punctuation.terminator.rule.scss#BB9AF7
keyword.operator.assignment#BB9AF7
punctuation.section.embedded.begin#F4598E
punctuation.section.embedded.end#F4598E
support.class.console#EEB4FA
support.class.component.js#FF70C1
punctuation.definition.tag.begin#BB9AF7
punctuation.definition.template-expression.begin#BB9AF7
punctuation.definition.template-expression.end#BB9AF7
string.template#FFB8E0
punctuation.definition.string.template.begin#FFB8E0
punctuation.definition.string.template.end#FFB8E0
punctuation.definition.tag.end#BB9AF7
entity.name.tag.js#FFA3D8
support.type.property-name.json, support.type.property-name.json.comments#D9C6FA
punctuation.definition.parameters.begin#BB9AF7
punctuation.definition.parameters.end#BB9AF7
punctuation.definition.block#BB9AF7
token.info-token#7E90FF
token.warn-token#ffd6a7
token.error-token#F4598E
token.debug-token#BB9AF7