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#4609ae
  • activityBar.activeBorder#742af4
  • activityBar.background#090410
  • activityBar.border#1d132f
  • activityBar.foreground#c5b3e6
  • activityBar.inactiveForeground#957cc0
  • activityBarBadge.background#590cdf
  • activityBarBadge.foreground#f0ebfa
  • badge.background#590cdf
  • badge.foreground#f0ebfa
  • banner.background#261740
  • banner.foreground#f0ebfa
  • banner.iconForeground#a570ff
  • breadcrumb.activeSelectionForeground#a570ff
  • breadcrumb.background#090410
  • breadcrumb.focusForeground#ddd4ed
  • breadcrumb.foreground#8e70c2
  • breadcrumbPicker.background#140b22
  • button.background#590cdf
  • button.border#602cba
  • button.foreground#f0ebfa
  • button.hoverBackground#742af4
  • button.secondaryBackground#261740
  • button.secondaryForeground#ddd4ed
  • button.secondaryHoverBackground#2f1d4e
  • button.separator#602cba
  • charts.blue#6090e0
  • charts.foreground#f0ebfa
  • charts.green#60e098
  • charts.lines#602cba
  • charts.orange#d4863a
  • charts.purple#a570ff
  • charts.red#ff7070
  • charts.yellow#ffc060
  • chat.avatarBackground#590cdf
  • chat.avatarForeground#f0ebfa
  • chat.checkpointSeparator#602cba
  • chat.editedFileForeground#c5a3ff
  • chat.linesAddedForeground#60e09880
  • chat.linesRemovedForeground#ff707080
  • chat.requestBackground#1d132f
  • chat.requestBorder#602cba
  • chat.requestBubbleBackground#261740a0
  • chat.requestBubbleHoverBackground#2f1d4ea0
  • chat.requestCodeBorder#602cbaa0
  • chat.slashCommandBackground#261740
  • chat.slashCommandForeground#a570ff
  • chatManagement.sashBorder#602cba
  • checkbox.background#1d132f
  • checkbox.border#602cba
  • checkbox.foreground#f0ebfa
  • checkbox.selectBackground#140b22
  • checkbox.selectBorder#602cba
  • commandCenter.activeBackground#261740
  • commandCenter.activeBorder#742af4
  • commandCenter.activeForeground#f0ebfa
  • commandCenter.background#140b22
  • commandCenter.border#602cba
  • commandCenter.foreground#ddd4ed
  • commandCenter.inactiveBorder#1d132f
  • commandCenter.inactiveForeground#8e70c2
  • debugIcon.breakpointCurrentStackframeForeground#a570ff
  • debugIcon.breakpointDisabledForeground#8e70c2
  • debugIcon.breakpointForeground#ff7070
  • debugIcon.breakpointStackframeForeground#742af4
  • debugIcon.breakpointUnverifiedForeground#ffc060
  • debugIcon.continueForeground#60e098
  • debugIcon.disconnectForeground#ffc060
  • debugIcon.pauseForeground#ffc060
  • debugIcon.restartForeground#60e098
  • debugIcon.startForeground#60e098
  • debugIcon.stepBackForeground#a677f8
  • debugIcon.stepIntoForeground#a677f8
  • debugIcon.stepOutForeground#a677f8
  • debugIcon.stepOverForeground#a677f8
  • debugIcon.stopForeground#ff7070
  • debugTokenExpression.boolean#a570ff
  • debugTokenExpression.error#ff7070
  • debugTokenExpression.name#a677f8
  • debugTokenExpression.number#dbc7ff
  • debugTokenExpression.string#c5a3ff
  • debugTokenExpression.value#f0ebfa
  • debugToolBar.background#140b22
  • debugToolBar.border#602cba
  • debugView.exceptionLabelBackground#4a1a1a
  • debugView.exceptionLabelForeground#ffb0b0
  • debugView.stateLabelBackground#261740
  • debugView.stateLabelForeground#a570ff
  • debugView.valueChangedHighlight#a570ff40
  • descriptionForeground#c5b3e6
  • diffEditor.insertedLineBackground#60e09822
  • diffEditor.insertedTextBackground#60e09830
  • diffEditor.removedLineBackground#ff707022
  • diffEditor.removedTextBackground#ff707030
  • diffEditor.unchangedRegionBackground#191028
  • diffEditor.unchangedRegionForeground#8e70c2
  • diffEditorGutter.insertedLineBackground#60e09840
  • diffEditorGutter.removedLineBackground#ff707040
  • diffEditorOverview.insertedForeground#60e09880
  • diffEditorOverview.removedForeground#ff707080
  • disabledForeground#8e70c2
  • dropdown.background#140b22
  • dropdown.border#602cba
  • dropdown.foreground#ddd4ed
  • dropdown.listBackground#140b22
  • editor.background#0d0718
  • editor.findMatchBackground#590cdf80
  • editor.findMatchHighlightBackground#4609ae50
  • editor.focusedStackFrameHighlightBackground#a570ff60
  • editor.foldBackground#26174040
  • editor.foreground#f0ebfa
  • editor.inactiveSelectionBackground#4609ae40
  • editor.inlineValuesBackground#602cba58
  • editor.inlineValuesForeground#f0ebfa
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#602cba60
  • editor.rangeHighlightBackground#4609ae20
  • editor.selectionBackground#4609ae88
  • editor.selectionForeground#ffffff
  • editor.selectionHighlightBackground#4609ae45
  • editor.stackFrameHighlightBackground#a570ff40
  • editor.symbolHighlightBackground#6030b825
  • editor.wordHighlightBackground#4609ae50
  • editor.wordHighlightStrongBackground#590cdf60
  • editor.wordHighlightTextBackground#4609ae30
  • editorActionList.background#140b22
  • editorActionList.focusBackground#261740
  • editorActionList.focusForeground#f0ebfa
  • editorActionList.foreground#ddd4ed
  • editorBracketHighlight.foreground1#a570ff
  • editorBracketHighlight.foreground2#60c8e0
  • editorBracketHighlight.foreground3#ffc060
  • editorBracketHighlight.foreground4#a570ff
  • editorBracketHighlight.foreground5#60c8e0
  • editorBracketHighlight.foreground6#ffc060
  • editorBracketHighlight.unexpectedBracket.foreground#ff7070
  • editorBracketMatch.background#4609ae40
  • editorBracketMatch.border#742af4
  • editorBracketPairGuide.activeBackground1#a570ff80
  • editorBracketPairGuide.activeBackground2#60c8e080
  • editorBracketPairGuide.activeBackground3#ffc06080
  • editorBracketPairGuide.background1#a570ff25
  • editorBracketPairGuide.background2#60c8e025
  • editorBracketPairGuide.background3#ffc06025
  • editorCodeLens.foreground#8e70c2
  • editorCursor.background#0d0718
  • editorCursor.foreground#a570ff
  • editorError.foreground#ff7070
  • editorGhostText.border#00000000
  • editorGhostText.foreground#8e70c288
  • editorGroup.border#602cba
  • editorGroup.dropBackground#4609ae30
  • editorGroup.emptyBackground#090410
  • editorGroup.focusedEmptyBorder#742af4
  • editorGroupHeader.tabsBackground#090410
  • editorGroupHeader.tabsBorder#1d132f
  • editorGutter.addedBackground#60e09860
  • editorGutter.deletedBackground#ff707060
  • editorGutter.modifiedBackground#c5a3ff60
  • editorHint.foreground#8e70c2
  • editorHoverWidget.background#140b22
  • editorHoverWidget.border#602cba
  • editorHoverWidget.highlightForeground#a570ff
  • editorIndentGuide.activeBackground1#602cba40
  • editorIndentGuide.background1#602cba20
  • editorInfo.foreground#955ff2
  • editorInlayHint.background#26174066
  • editorInlayHint.foreground#c5b3e6
  • editorInlayHint.parameterBackground#26174066
  • editorInlayHint.parameterForeground#c5b3e6
  • editorInlayHint.typeBackground#1d132f66
  • editorInlayHint.typeForeground#955ff2
  • editorLightBulb.foreground#ffc060
  • editorLightBulbAi.foreground#a570ff
  • editorLightBulbAutoFix.foreground#60e098
  • editorLineNumber.activeForeground#c5b3e6
  • editorLineNumber.foreground#8e70c2
  • editorMultiCursor.primary.foreground#a570ff
  • editorMultiCursor.secondary.foreground#a570ff80
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.bracketMatchForeground#742af480
  • editorOverviewRuler.errorForeground#ff707080
  • editorOverviewRuler.findMatchForeground#590cdf80
  • editorOverviewRuler.infoForeground#955ff280
  • editorOverviewRuler.inlineChatInserted#60e09880
  • editorOverviewRuler.inlineChatRemoved#ff707080
  • editorOverviewRuler.modifiedForeground#c5a3ff80
  • editorOverviewRuler.selectionHighlightForeground#4609ae80
  • editorOverviewRuler.warningForeground#ffc06080
  • editorOverviewRuler.wordHighlightForeground#4609ae80
  • editorOverviewRuler.wordHighlightStrongForeground#590cdf80
  • editorOverviewRuler.wordHighlightTextForeground#742af460
  • editorRuler.foreground#1d132f
  • editorStickyScroll.background#0d0718
  • editorStickyScroll.border#1d132f
  • editorStickyScrollHover.background#1d132f
  • editorSuggestWidget.background#140b22
  • editorSuggestWidget.border#602cba
  • editorSuggestWidget.foreground#f0ebfa
  • editorSuggestWidget.highlightForeground#a570ff
  • editorSuggestWidget.selectedBackground#261740
  • editorSuggestWidget.selectedForeground#f0ebfa
  • editorUnnecessaryCode.border#955ff240
  • editorUnnecessaryCode.opacity#f0ebfa77
  • editorWarning.foreground#ffc060
  • editorWhitespace.foreground#2f1d4e
  • editorWidget.background#140b22
  • editorWidget.border#602cba
  • editorWidget.foreground#f0ebfa
  • editorWidget.resizeBorder#742af4
  • errorForeground#ff7070
  • extensionBadge.remoteBackground#590cdf
  • extensionBadge.remoteForeground#f0ebfa
  • extensionButton.prominentBackground#590cdf
  • extensionButton.prominentForeground#f0ebfa
  • extensionButton.prominentHoverBackground#742af4
  • extensionIcon.preReleaseForeground#a570ff
  • extensionIcon.sponsorForeground#ff7070
  • extensionIcon.starForeground#ffc060
  • extensionIcon.verifiedForeground#60e098
  • focusBorder#742af4c0
  • foreground#f0ebfa
  • gitDecoration.addedResourceForeground#60e098
  • gitDecoration.conflictingResourceForeground#ffc060
  • gitDecoration.deletedResourceForeground#ff7070
  • gitDecoration.ignoredResourceForeground#705a96
  • gitDecoration.modifiedResourceForeground#c5a3ff
  • gitDecoration.renamedResourceForeground#60c8e0
  • gitDecoration.stageDeletedResourceForeground#ff707080
  • gitDecoration.stageModifiedResourceForeground#a570ff
  • gitDecoration.submoduleResourceForeground#8e70c2
  • gitDecoration.untrackedResourceForeground#60e09880
  • icon.foreground#c5b3e6
  • inlineChat.background#140b22
  • inlineChat.border#602cba
  • inlineChat.foreground#f0ebfa
  • inlineChat.shadow#00000090
  • inlineChatDiff.inserted#60e09820
  • inlineChatDiff.removed#ff707020
  • inlineChatInput.background#1d132f
  • inlineChatInput.border#602cba
  • inlineChatInput.focusBorder#742af4
  • inlineChatInput.placeholderForeground#705a96
  • input.background#1d132f
  • input.border#602cba
  • input.foreground#f0ebfa
  • input.placeholderForeground#957cc0
  • inputOption.activeBackground#4609ae
  • inputOption.activeBorder#742af4
  • inputOption.activeForeground#f0ebfa
  • inputValidation.errorBackground#2a171d
  • inputValidation.errorBorder#ff7070
  • inputValidation.errorForeground#f0ebfa
  • inputValidation.infoBackground#140b22
  • inputValidation.infoBorder#955ff2
  • inputValidation.infoForeground#f0ebfa
  • inputValidation.warningBackground#2a2119
  • inputValidation.warningBorder#ffc060
  • inputValidation.warningForeground#f0ebfa
  • interactive.activeCodeBorder#742af4
  • interactive.inactiveCodeBorder#602cba
  • keybindingLabel.background#261740
  • keybindingLabel.border#602cba
  • keybindingLabel.bottomBorder#1d132f
  • keybindingLabel.foreground#f0ebfa
  • keybindingTable.headerBackground#1d132f
  • keybindingTable.rowsBackground#140b2210
  • list.activeSelectionBackground#261740
  • list.activeSelectionForeground#f0ebfa
  • list.activeSelectionIconForeground#f0ebfa
  • list.deemphasizedForeground#5c4f72
  • list.errorForeground#ff7070
  • list.focusBackground#2f1d4e
  • list.focusForeground#f0ebfa
  • list.focusHighlightForeground#a570ff
  • list.focusOutline#742af4c0
  • list.highlightForeground#a570ff
  • list.hoverBackground#1d132f
  • list.hoverForeground#f0ebfa
  • list.inactiveFocusBackground#1d132f
  • list.inactiveFocusOutline#602cba
  • list.inactiveSelectionBackground#1d132f
  • list.inactiveSelectionForeground#ddd4ed
  • list.inactiveSelectionIconForeground#ddd4ed
  • list.warningForeground#ffc060
  • listFilterWidget.background#140b22
  • listFilterWidget.outline#742af4
  • menu.background#140b22
  • menu.border#602cba
  • menu.foreground#ddd4ed
  • menu.selectionBackground#261740
  • menu.selectionBorder#742af4
  • menu.selectionForeground#f0ebfa
  • menu.separatorBackground#602cba
  • menubar.selectionBackground#261740
  • menubar.selectionBorder#742af4
  • menubar.selectionForeground#f0ebfa
  • mergeEditor.change.background#590cdf30
  • mergeEditor.change.word.background#590cdf50
  • mergeEditor.changeBase.background#60e09820
  • mergeEditor.changeBase.word.background#60e09840
  • mergeEditor.conflict.handled.minimapOverViewRuler#60e098
  • mergeEditor.conflict.handledFocused.border#60e098
  • mergeEditor.conflict.handledUnfocused.border#60e09880
  • mergeEditor.conflict.input1.background#590cdf20
  • mergeEditor.conflict.input2.background#c5a3ff20
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#ff7070
  • mergeEditor.conflict.unhandledFocused.border#ff7070
  • mergeEditor.conflict.unhandledUnfocused.border#ff707080
  • mergeEditor.conflictingLines.background#4609ae30
  • minimap.background#0d0718
  • minimap.errorHighlight#ff707080
  • minimap.findMatchHighlight#590cdf80
  • minimap.selectionHighlight#4609ae80
  • minimap.selectionOccurrenceHighlight#4609ae60
  • minimap.warningHighlight#ffc06080
  • minimapGutter.addedBackground#60e09860
  • minimapGutter.deletedBackground#ff707060
  • minimapGutter.modifiedBackground#c5a3ff60
  • minimapSlider.activeBackground#590cdf50
  • minimapSlider.background#602cba30
  • minimapSlider.hoverBackground#4609ae50
  • multiDiffEditor.background#090410
  • multiDiffEditor.border#602cba
  • multiDiffEditor.headerBackground#140b22
  • notebook.cellBorderColor#602cba
  • notebook.cellEditorBackground#140b22
  • notebook.cellHoverBackground#1d132f
  • notebook.cellInsertionIndicator#a570ff
  • notebook.cellStatusBarItemHoverBackground#261740
  • notebook.cellToolbarSeparator#602cba
  • notebook.editorBackground#0d0718
  • notebook.focusedCellBackground#140b22
  • notebook.focusedCellBorder#742af4
  • notebook.focusedEditorBorder#a570ff
  • notebook.inactiveFocusedCellBorder#602cba
  • notebook.inactiveSelectedCellBorder#602cba
  • notebook.outputContainerBackgroundColor#090410
  • notebook.outputContainerBorderColor#602cba
  • notebook.selectedCellBackground#1d132f
  • notebook.selectedCellBorder#742af4
  • notebook.symbolHighlightBackground#4609ae30
  • notebookEditorOverviewRuler.runningCellForeground#ffc060
  • notebookScrollbarSlider.activeBackground#590cdf80
  • notebookScrollbarSlider.background#602cba60
  • notebookScrollbarSlider.hoverBackground#4609ae80
  • notebookStatusErrorIcon.foreground#ff7070
  • notebookStatusRunningIcon.foreground#ffc060
  • notebookStatusSuccessIcon.foreground#60e098
  • notificationCenter.border#602cba
  • notificationCenterHeader.background#090410
  • notificationCenterHeader.foreground#c5b3e6
  • notificationLink.foreground#a570ff
  • notifications.background#140b22
  • notifications.border#602cba
  • notifications.foreground#f0ebfa
  • notificationsErrorIcon.foreground#ff7070
  • notificationsInfoIcon.foreground#955ff2
  • notificationsWarningIcon.foreground#ffc060
  • notificationToast.border#602cba
  • panel.background#090410
  • panel.border#602cba
  • panelInput.border#602cba
  • panelSection.border#602cba
  • panelSection.dropBackground#4609ae30
  • panelSectionHeader.background#1d132f
  • panelSectionHeader.border#602cba
  • panelSectionHeader.foreground#ddd4ed
  • panelTitle.activeBorder#742af4
  • panelTitle.activeForeground#a570ff
  • panelTitle.inactiveForeground#8e70c2
  • peekView.border#602cba
  • peekViewEditor.background#140b22
  • peekViewEditor.matchHighlightBackground#590cdf50
  • peekViewResult.background#090410
  • peekViewResult.matchHighlightBackground#4609ae50
  • peekViewResult.selectionBackground#261740
  • peekViewResult.selectionForeground#f0ebfa
  • peekViewTitle.background#1d132f
  • peekViewTitleDescription.foreground#c5b3e6
  • peekViewTitleLabel.foreground#f0ebfa
  • pickerGroup.border#602cba
  • pickerGroup.foreground#8e70c2
  • ports.iconRunningProcessForeground#60e098
  • problemsErrorIcon.foreground#ff7070
  • problemsInfoIcon.foreground#955ff2
  • problemsWarningIcon.foreground#ffc060
  • profileBadge.background#590cdf
  • profileBadge.foreground#f0ebfa
  • progressBar.background#742af4
  • quickInput.background#140b22
  • quickInput.foreground#f0ebfa
  • quickInputList.focusBackground#261740
  • quickInputList.focusForeground#f0ebfa
  • quickInputList.focusIconForeground#a570ff
  • quickInputTitle.background#1d132f
  • sash.hoverBorder#742af4
  • scrollbar.shadow#00000060
  • scrollbarSlider.activeBackground#590cdf80
  • scrollbarSlider.background#602cba60
  • scrollbarSlider.hoverBackground#4609ae80
  • searchEditor.findMatchBackground#590cdf50
  • searchEditor.findMatchBorder#a570ff
  • searchEditor.textInputBorder#602cba
  • selection.background#4609ae88
  • settings.checkboxBackground#1d132f
  • settings.checkboxBorder#602cba
  • settings.checkboxForeground#f0ebfa
  • settings.dropdownBackground#140b22
  • settings.dropdownBorder#602cba
  • settings.dropdownForeground#ddd4ed
  • settings.dropdownListBorder#602cba
  • settings.focusedRowBackground#26174080
  • settings.focusedRowBorder#742af4
  • settings.headerBorder#602cba
  • settings.headerForeground#f0ebfa
  • settings.modifiedItemIndicator#a570ff
  • settings.numberInputBackground#1d132f
  • settings.numberInputBorder#602cba
  • settings.numberInputForeground#f0ebfa
  • settings.rowHoverBackground#1d132f
  • settings.sashBorder#602cba
  • settings.settingsHeaderHoverForeground#f0ebfa
  • settings.textInputBackground#1d132f
  • settings.textInputBorder#602cba
  • settings.textInputForeground#f0ebfa
  • sideBar.background#140b22
  • sideBar.border#1d132f
  • sideBar.foreground#ddd4ed
  • sideBarSectionHeader.background#1d132f
  • sideBarSectionHeader.border#1d132f
  • sideBarSectionHeader.foreground#ddd4ed
  • sideBarTitle.foreground#c5b3e6
  • statusBar.background#090410
  • statusBar.border#1d132f
  • statusBar.debuggingBackground#4609ae
  • statusBar.debuggingForeground#f0ebfa
  • statusBar.focusBorder#742af460
  • statusBar.foreground#c5b3e6
  • statusBar.noFolderBackground#090410
  • statusBarItem.errorBackground#2a0808
  • statusBarItem.errorForeground#ffb0b0
  • statusBarItem.focusBorder#742af4c0
  • statusBarItem.hoverBackground#261740
  • statusBarItem.remoteBackground#590cdf
  • statusBarItem.remoteForeground#f0ebfa
  • statusBarItem.warningBackground#1e1008
  • statusBarItem.warningForeground#ffd870
  • symbolIcon.arrayForeground#c5a3ff
  • symbolIcon.booleanForeground#a570ff
  • symbolIcon.classForeground#a570ff
  • symbolIcon.colorForeground#c5a3ff
  • symbolIcon.constantForeground#dbc7ff
  • symbolIcon.constructorForeground#a570ff
  • symbolIcon.enumeratorForeground#a570ff
  • symbolIcon.enumeratorMemberForeground#dbc7ff
  • symbolIcon.eventForeground#c5a3ff
  • symbolIcon.fieldForeground#decff7
  • symbolIcon.fileForeground#c5b3e6
  • symbolIcon.folderForeground#8e70c2
  • symbolIcon.functionForeground#a677f8
  • symbolIcon.interfaceForeground#a677f8
  • symbolIcon.keyForeground#a677f8
  • symbolIcon.keywordForeground#955ff2
  • symbolIcon.methodForeground#a677f8
  • symbolIcon.moduleForeground#a677f8
  • symbolIcon.namespaceForeground#a677f8
  • symbolIcon.nullForeground#987acd
  • symbolIcon.numberForeground#dbc7ff
  • symbolIcon.objectForeground#a677f8
  • symbolIcon.operatorForeground#987acd
  • symbolIcon.packageForeground#a677f8
  • symbolIcon.propertyForeground#decff7
  • symbolIcon.referenceForeground#c5b3e6
  • symbolIcon.snippetForeground#8e70c2
  • symbolIcon.stringForeground#c5a3ff
  • symbolIcon.structForeground#a570ff
  • symbolIcon.textForeground#f0ebfa
  • symbolIcon.typeParameterForeground#decff7
  • symbolIcon.unitForeground#dbc7ff
  • symbolIcon.variableForeground#f0ebfa
  • tab.activeBackground#0d0718
  • tab.activeBorder#742af4
  • tab.activeBorderTop#00000000
  • tab.activeForeground#f0ebfa
  • tab.activeModifiedBorder#c5a3ff
  • tab.border#1d132f
  • tab.hoverBackground#1d132f
  • tab.hoverBorder#4609ae
  • tab.hoverForeground#f0ebfa
  • tab.inactiveBackground#090410
  • tab.inactiveForeground#8e70c2
  • tab.inactiveModifiedBorder#8e70c2
  • tab.unfocusedActiveBackground#0d0718
  • tab.unfocusedActiveForeground#c5b3e6
  • tab.unfocusedActiveModifiedBorder#c5b3e6
  • tab.unfocusedInactiveBackground#090410
  • tab.unfocusedInactiveForeground#705a96
  • tab.unfocusedInactiveModifiedBorder#705a96
  • terminal.ansiBlack#8e70c2
  • terminal.ansiBlue#6090e0
  • terminal.ansiBrightBlack#957cc0
  • terminal.ansiBrightBlue#90a8f0
  • terminal.ansiBrightCyan#80d8f0
  • terminal.ansiBrightGreen#80e0a0
  • terminal.ansiBrightMagenta#c5a3ff
  • terminal.ansiBrightRed#ff9090
  • terminal.ansiBrightWhite#f0ebfa
  • terminal.ansiBrightYellow#ffe070
  • terminal.ansiCyan#60c8e0
  • terminal.ansiGreen#60e098
  • terminal.ansiMagenta#a570ff
  • terminal.ansiRed#ff7070
  • terminal.ansiWhite#ddd4ed
  • terminal.ansiYellow#ffc060
  • terminal.background#090410
  • terminal.border#602cba
  • terminal.findMatchBackground#590cdf80
  • terminal.findMatchBorder#a570ff
  • terminal.findMatchHighlightBackground#4609ae50
  • terminal.findMatchHighlightBorder#742af4
  • terminal.foreground#f0ebfa
  • terminal.hoverHighlightBackground#4609ae30
  • terminal.inactiveSelectionBackground#4609ae40
  • terminal.selectionBackground#4609ae88
  • terminal.tab.activeBorder#a570ff
  • terminalCommandDecoration.defaultBackground#705a96
  • terminalCommandDecoration.errorBackground#ff7070
  • terminalCommandDecoration.successBackground#60e098
  • terminalCursor.foreground#a570ff
  • terminalStickyScroll.background#090410
  • terminalStickyScroll.border#602cba
  • terminalStickyScrollHover.background#1d132f
  • testing.coveredBackground#60e09815
  • testing.coveredBorder#60e09840
  • testing.coveredGutterBackground#60e09830
  • testing.iconErrored#ff7070
  • testing.iconFailed#ff7070
  • testing.iconPassed#60e098
  • testing.iconQueued#8e70c2
  • testing.iconSkipped#ffc060
  • testing.iconUnset#8e70c2
  • testing.messagePeekBorder#602cba
  • testing.messagePeekHeaderBackground#1d132f
  • testing.peekBorder#602cba
  • testing.peekHeaderBackground#140b22
  • testing.runAction#60e098
  • testing.uncoveredBackground#ff707012
  • testing.uncoveredBorder#ff707040
  • testing.uncoveredBranchBackground#ff707015
  • testing.uncoveredGutterBackground#ff707030
  • textBlockQuote.background#1d132f80
  • textBlockQuote.border#742af4
  • textLink.activeForeground#c5a3ff
  • textLink.foreground#a570ff
  • titleBar.activeBackground#090410
  • titleBar.activeForeground#ddd4ed
  • titleBar.border#1d132f
  • titleBar.inactiveBackground#090410
  • titleBar.inactiveForeground#8e70c2
  • tree.inactiveIndentGuidesStroke#1d132f
  • tree.indentGuidesStroke#602cba
  • walkThrough.embeddedEditorBackground#090410
  • walkthrough.stepTitle.foreground#a570ff
  • welcomePage.background#0d0718
  • welcomePage.progress.background#1d132f
  • welcomePage.progress.foreground#742af4
  • welcomePage.tileBackground#140b22
  • welcomePage.tileBorder#602cba
  • welcomePage.tileHoverBackground#1d132f
  • widget.border#602cba
  • widget.shadow#00000090
  • window.activeBorder#602cba
  • window.inactiveBorder#1d132f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9878ccbold italic
string, string.quoted.single, string.quoted.double, string.quoted.backtick, string.template#c5a3ffbold
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#987acdbold
constant.numeric#dbc7ffbold
constant.language#a570ffbold italic
constant.character, constant.other#dbc7ffbold
keyword.control, keyword.other#955ff2bold italic
storage.type, storage.modifier#955ff2bold italic
keyword.operator, storage.type.function.arrow#987acdbold
punctuation#8e70c2bold
entity.name.function, support.function#a677f8bold
variable.parameter#decff7bold italic
entity.name.type, entity.name.class, entity.name.interface, support.class, support.type, support.type.primitive#a570ffbold
variable, variable.other.readwrite#f0ebfabold
entity.other.attribute-name.class.tailwind, support.constant.color.tailwind#60c8e0bold
entity.name.type.model.prisma, support.type.primitive.prisma#a570ffbold
variable.other.readwrite.module.elixir, punctuation.section.embedded.elixir#b48df7bold
variable.other.property, variable.other.object.property, support.variable.property#decff7bold
entity.name.tag, support.class.component#955ff2bold
entity.other.attribute-name#a677f8bold
support.type.property-name, support.type.property-name.css#a677f8bold
support.constant.property-value#c5a3ffbold
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css#a570ffbold
support.type.property-name.json#a677f8bold
string.quoted.double.json#60c8e0bold
constant.numeric.json#ffc060bold
string.regexp#dbc7ffbold
meta.decorator, punctuation.decorator#987acdbold italic
constant.character.escape#a570ffbold
markup.heading, punctuation.definition.heading.markdown#a570ffbold
markup.bold#f0ebfabold
markup.italic#decff7bold italic
markup.underline.link#955ff2bold
markup.raw.inline, markup.fenced_code.block#c5a3ffbold
invalid#ff7070bold
invalid.deprecated#ffc060bold strikethrough
variable.language#a570ffbold italic
keyword.control.import, keyword.control.export, keyword.control.from#955ff2bold italic
markup.quote#8e70c2bold italic
markup.list, punctuation.definition.list.begin.markdown#987acdbold
markup.strikethrough#987acdbold strikethrough
variable.other.constant, variable.other.constant.object#dbc7ffbold italic
entity.name.section.group-title.ini, keyword.other.definition.ini, support.type.property-name.toml#a677f8bold
entity.name.lifetime.rust, punctuation.definition.lifetime.rust#ffc060bold italic
meta.attribute.rust, punctuation.definition.attribute.rust#987acdbold italic
support.function.builtin.go#60c8e0bold
entity.name.package.go#a677f8bold
meta.embedded, source.groovy.embedded#f0ebfabold
entity.name.tag.yaml, support.type.property-name.yaml, variable.other.anchor.yaml, variable.other.alias.yaml#a677f8bold
entity.other.document.begin.yaml, keyword.control.directive.yaml, storage.type.tag-handle.yaml, storage.type.tag-suffix.yaml#955ff2bold italic
keyword.other.special-method.dockerfile, keyword.control.dockerfile, storage.modifier.dockerfile#955ff2bold italic
support.function.builtin.shell, support.function.utility.shell, variable.other.option.shell, variable.other.normal.shell#60c8e0bold
keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql, storage.type.sql, support.function.aggregate.sql, support.function.scalar.sql#955ff2bold italic
entity.name.function.sql, entity.name.type.sql, support.type.sql#a677f8bold
entity.name.type.graphql, entity.name.function.graphql, support.type.builtin.graphql, variable.graphql#a677f8bold
variable.other.php, punctuation.definition.variable.php, support.class.php, support.function.construct.php#decff7bold
support.function.magic.python, support.variable.magic.python, variable.language.special.self.python, variable.language.special.cls.python#60c8e0bold italic
entity.name.type.namespace.cs, entity.name.type.class.cs, entity.name.type.interface.cs, meta.attribute.cs, storage.type.cs#a677f8bold
constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby, constant.other.symbol.elixir, constant.other.atom.elixir#dbc7ffbold
support.function.library.lua, support.function.lua, support.type.lua#60c8e0bold
entity.name.type.terraform, entity.name.function.terraform, variable.other.terraform, support.type.property-name.terraform, support.type.property-name.hcl#a677f8bold
keyword.other.import.java, keyword.other.package.java, storage.modifier.import.java, storage.modifier.package.java#955ff2bold italic
entity.name.type.c, entity.name.type.cpp, storage.type.c, storage.type.cpp, storage.type.built-in.c, storage.type.built-in.cpp#a570ffbold
keyword.other.kotlin, storage.type.kotlin, keyword.other.declaration-specifier.swift, storage.type.swift#955ff2bold italic
entity.name.type.dart, support.class.dart#a570ffbold
keyword.control.zig, storage.type.zig, support.function.zig#955ff2bold italic
entity.name.tag.svelte, entity.name.tag.vue, support.class.component.svelte, support.class.component.vue#955ff2bold
support.constant.color.tailwind, entity.other.attribute-name.class.tailwind#60c8e0bold
keyword.control.prisma, storage.type.prisma, entity.name.type.model.prisma, variable.other.property.prisma#955ff2bold
support.function.test.js, support.function.test.ts, entity.name.function.test, support.function.any-method.playwright, support.function.any-method.cypress#a677f8bold italic
source.elixir, keyword.control.elixir, variable.other.readwrite.module.elixir, entity.name.type.module.elixir, punctuation.section.embedded.elixir, support.function.phoenix#955ff2bold
source.ruby, keyword.control.ruby, support.class.rails, keyword.other.special-method.ruby, variable.other.readwrite.instance.ruby#955ff2bold
source.cs, storage.type.cs, keyword.control.cs, entity.name.type.cs, variable.other.object.cs#955ff2bold
entity.other.attribute-name.ng-binding, entity.other.attribute-name.ng-directive, support.class.component.angular#955ff2bold
source.js.styled, source.ts.styled, source.jsx.styled, source.tsx.styled, entity.name.tag.styled#60c8e0bold
entity.name.type.sanity, support.type.sanity, variable.other.property.sanity#a677f8bold
support.class.firebase, support.function.firebase#955ff2bold