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#6319be18
  • activityBar.activeBorder#6319be
  • activityBar.background#e3dff0
  • activityBar.border#d3cde6
  • activityBar.foreground#5a1ab0
  • activityBar.inactiveForeground#7a5fb0
  • activityBarBadge.background#6319be
  • activityBarBadge.foreground#ffffff
  • badge.background#6319be
  • badge.foreground#ffffff
  • banner.background#e3dff0
  • banner.foreground#302e36
  • banner.iconForeground#6319be
  • breadcrumb.activeSelectionForeground#6319be
  • breadcrumb.background#e3dff0
  • breadcrumb.focusForeground#403850
  • breadcrumb.foreground#403850
  • breadcrumbPicker.background#f0edf9
  • button.background#6319be
  • button.border#d3cde6
  • button.foreground#ffffff
  • button.hoverBackground#7730b8
  • button.secondaryBackground#e3dff0
  • button.secondaryForeground#403850
  • button.secondaryHoverBackground#ddd8f0
  • button.separator#d3cde6
  • charts.blue#2060c8
  • charts.foreground#302e36
  • charts.green#28a745
  • charts.lines#d3cde6
  • charts.orange#b85a10
  • charts.purple#6319be
  • charts.red#c0392b
  • charts.yellow#c07a10
  • chat.avatarBackground#6319be
  • chat.avatarForeground#ffffff
  • chat.checkpointSeparator#d3cde6
  • chat.editedFileForeground#6319be
  • chat.linesAddedForeground#28a74580
  • chat.linesRemovedForeground#c0392b80
  • chat.requestBackground#e3dff0
  • chat.requestBorder#d3cde6
  • chat.requestBubbleBackground#e3dff0a0
  • chat.requestBubbleHoverBackground#ddd8f0a0
  • chat.requestCodeBorder#d3cde6a0
  • chat.slashCommandBackground#e3dff0
  • chat.slashCommandForeground#6319be
  • chatManagement.sashBorder#d3cde6
  • checkbox.background#ffffff
  • checkbox.border#d3cde6
  • checkbox.foreground#302e36
  • checkbox.selectBackground#f0edf9
  • checkbox.selectBorder#d3cde6
  • commandCenter.activeBackground#e3dff0
  • commandCenter.activeBorder#6319be
  • commandCenter.activeForeground#302e36
  • commandCenter.background#f0edf9
  • commandCenter.border#d3cde6
  • commandCenter.foreground#403850
  • commandCenter.inactiveBorder#d3cde6
  • commandCenter.inactiveForeground#9880c0
  • debugIcon.breakpointCurrentStackframeForeground#6319be
  • debugIcon.breakpointDisabledForeground#9880c0
  • debugIcon.breakpointForeground#c0392b
  • debugIcon.breakpointStackframeForeground#7730b8
  • debugIcon.breakpointUnverifiedForeground#c07a10
  • debugIcon.continueForeground#28a745
  • debugIcon.disconnectForeground#c07a10
  • debugIcon.pauseForeground#c07a10
  • debugIcon.restartForeground#28a745
  • debugIcon.startForeground#28a745
  • debugIcon.stepBackForeground#6020b8
  • debugIcon.stepIntoForeground#6020b8
  • debugIcon.stepOutForeground#6020b8
  • debugIcon.stepOverForeground#6020b8
  • debugIcon.stopForeground#c0392b
  • debugTokenExpression.boolean#6319be
  • debugTokenExpression.error#c0392b
  • debugTokenExpression.name#6020b8
  • debugTokenExpression.number#8030c8
  • debugTokenExpression.string#7030b0
  • debugTokenExpression.value#302e36
  • debugToolBar.background#f0edf9
  • debugToolBar.border#d3cde6
  • debugView.exceptionLabelBackground#fde8e8
  • debugView.exceptionLabelForeground#c0392b
  • debugView.stateLabelBackground#e3dff0
  • debugView.stateLabelForeground#6319be
  • debugView.valueChangedHighlight#6319be30
  • descriptionForeground#5f526f
  • diffEditor.insertedLineBackground#28a74522
  • diffEditor.insertedTextBackground#28a74530
  • diffEditor.removedLineBackground#c0392b22
  • diffEditor.removedTextBackground#c0392b30
  • diffEditor.unchangedRegionBackground#f4f1fa
  • diffEditor.unchangedRegionForeground#9880c0
  • diffEditorGutter.insertedLineBackground#28a74535
  • diffEditorGutter.removedLineBackground#c0392b35
  • diffEditorOverview.insertedForeground#28a74580
  • diffEditorOverview.removedForeground#c0392b80
  • disabledForeground#81749e
  • dropdown.background#f0edf9
  • dropdown.border#d3cde6
  • dropdown.foreground#403850
  • dropdown.listBackground#f0edf9
  • editor.background#f8f6fd
  • editor.findMatchBackground#c07a1060
  • editor.findMatchHighlightBackground#c07a1025
  • editor.focusedStackFrameHighlightBackground#6319be30
  • editor.foldBackground#6319be10
  • editor.foreground#302e36
  • editor.inactiveSelectionBackground#6319be30
  • editor.inlineValuesBackground#e3dff095
  • editor.inlineValuesForeground#8d8896
  • editor.lineHighlightBackground#00000008
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#6319be35
  • editor.rangeHighlightBackground#6319be12
  • editor.selectionBackground#6319be60
  • editor.selectionForeground#ffffff
  • editor.selectionHighlightBackground#6319be25
  • editor.stackFrameHighlightBackground#6319be20
  • editor.symbolHighlightBackground#6319be12
  • editor.wordHighlightBackground#6319be20
  • editor.wordHighlightStrongBackground#6319be35
  • editor.wordHighlightTextBackground#6319be15
  • editorActionList.background#f0edf9
  • editorActionList.focusBackground#e3dff0
  • editorActionList.focusForeground#302e36
  • editorActionList.foreground#403850
  • editorBracketHighlight.foreground1#6319be
  • editorBracketHighlight.foreground2#1080a0
  • editorBracketHighlight.foreground3#c07a10
  • editorBracketHighlight.foreground4#6319be
  • editorBracketHighlight.foreground5#1080a0
  • editorBracketHighlight.foreground6#c07a10
  • editorBracketHighlight.unexpectedBracket.foreground#c0392b
  • editorBracketMatch.background#6319be20
  • editorBracketMatch.border#6319be
  • editorBracketPairGuide.activeBackground1#6319be80
  • editorBracketPairGuide.activeBackground2#1080a080
  • editorBracketPairGuide.activeBackground3#c07a1080
  • editorBracketPairGuide.background1#6319be25
  • editorBracketPairGuide.background2#1080a025
  • editorBracketPairGuide.background3#c07a1025
  • editorCodeLens.foreground#9880c0
  • editorCursor.background#f8f6fd
  • editorCursor.foreground#6319be
  • editorError.foreground#c0392b
  • editorGhostText.border#00000000
  • editorGhostText.foreground#9880c09a
  • editorGroup.border#d3cde6
  • editorGroup.dropBackground#6319be18
  • editorGroup.emptyBackground#f8f6fd
  • editorGroup.focusedEmptyBorder#6319be
  • editorGroupHeader.tabsBackground#e3dff0
  • editorGroupHeader.tabsBorder#d3cde6
  • editorGutter.addedBackground#28a74560
  • editorGutter.deletedBackground#c0392b60
  • editorGutter.modifiedBackground#6319be60
  • editorHint.foreground#9880c0
  • editorHoverWidget.background#f0edf9
  • editorHoverWidget.border#d3cde6
  • editorHoverWidget.highlightForeground#6319be
  • editorIndentGuide.activeBackground1#6319be25
  • editorIndentGuide.background1#6319be15
  • editorInfo.foreground#6319be
  • editorInlayHint.background#e3dff066
  • editorInlayHint.foreground#5f526f
  • editorInlayHint.parameterBackground#e3dff066
  • editorInlayHint.parameterForeground#5f526f
  • editorInlayHint.typeBackground#eae7f566
  • editorInlayHint.typeForeground#5a1ab0
  • editorLightBulb.foreground#c07a10
  • editorLightBulbAi.foreground#6319be
  • editorLightBulbAutoFix.foreground#28a745
  • editorLineNumber.activeForeground#9880c0
  • editorLineNumber.foreground#786e96
  • editorMultiCursor.primary.foreground#6319be
  • editorMultiCursor.secondary.foreground#6319be80
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.bracketMatchForeground#6319be60
  • editorOverviewRuler.errorForeground#c0392b80
  • editorOverviewRuler.findMatchForeground#c07a1080
  • editorOverviewRuler.infoForeground#6319be80
  • editorOverviewRuler.inlineChatInserted#28a74580
  • editorOverviewRuler.inlineChatRemoved#c0392b80
  • editorOverviewRuler.modifiedForeground#6319be80
  • editorOverviewRuler.selectionHighlightForeground#6319be50
  • editorOverviewRuler.warningForeground#c07a1080
  • editorOverviewRuler.wordHighlightForeground#6319be40
  • editorOverviewRuler.wordHighlightStrongForeground#6319be60
  • editorOverviewRuler.wordHighlightTextForeground#6319be40
  • editorRuler.foreground#e3dff0
  • editorStickyScroll.background#f8f6fd
  • editorStickyScroll.border#d3cde6
  • editorStickyScrollHover.background#eae7f5
  • editorSuggestWidget.background#f0edf9
  • editorSuggestWidget.border#d3cde6
  • editorSuggestWidget.foreground#302e36
  • editorSuggestWidget.highlightForeground#6319be
  • editorSuggestWidget.selectedBackground#e3dff0
  • editorSuggestWidget.selectedForeground#302e36
  • editorUnnecessaryCode.border#00000000
  • editorUnnecessaryCode.opacity#30283677
  • editorWarning.foreground#c07a10
  • editorWhitespace.foreground#d3cde6
  • editorWidget.background#f0edf9
  • editorWidget.border#d3cde6
  • editorWidget.foreground#302e36
  • editorWidget.resizeBorder#6319be
  • errorForeground#c0392b
  • extensionBadge.remoteBackground#6319be
  • extensionBadge.remoteForeground#ffffff
  • extensionButton.prominentBackground#6319be
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#7730b8
  • extensionIcon.preReleaseForeground#6319be
  • extensionIcon.sponsorForeground#c0392b
  • extensionIcon.starForeground#c07a10
  • extensionIcon.verifiedForeground#28a745
  • focusBorder#6319be90
  • foreground#302e36
  • gitDecoration.addedResourceForeground#28a745
  • gitDecoration.conflictingResourceForeground#c07a10
  • gitDecoration.deletedResourceForeground#c0392b
  • gitDecoration.ignoredResourceForeground#b0a8c8
  • gitDecoration.modifiedResourceForeground#6319be
  • gitDecoration.renamedResourceForeground#1080a0
  • gitDecoration.stageDeletedResourceForeground#c0392b80
  • gitDecoration.stageModifiedResourceForeground#6319be
  • gitDecoration.submoduleResourceForeground#9880c0
  • gitDecoration.untrackedResourceForeground#28a74580
  • icon.foreground#5f526f
  • inlineChat.background#f0edf9
  • inlineChat.border#d3cde6
  • inlineChat.foreground#302e36
  • inlineChat.shadow#00000018
  • inlineChatDiff.inserted#28a74518
  • inlineChatDiff.removed#c0392b18
  • inlineChatInput.background#ffffff
  • inlineChatInput.border#d3cde6
  • inlineChatInput.focusBorder#6319be
  • inlineChatInput.placeholderForeground#b0a8c8
  • input.background#ffffff
  • input.border#d3cde6
  • input.foreground#302e36
  • input.placeholderForeground#81749e
  • inputOption.activeBackground#6319be18
  • inputOption.activeBorder#6319be
  • inputOption.activeForeground#302e36
  • inputValidation.errorBackground#fff0ee
  • inputValidation.errorBorder#c0392b
  • inputValidation.errorForeground#302e36
  • inputValidation.infoBackground#f0edf9
  • inputValidation.infoBorder#6319be
  • inputValidation.infoForeground#302e36
  • inputValidation.warningBackground#fff6e6
  • inputValidation.warningBorder#c07a10
  • inputValidation.warningForeground#302e36
  • interactive.activeCodeBorder#6319be
  • interactive.inactiveCodeBorder#d3cde6
  • keybindingLabel.background#e3dff0
  • keybindingLabel.border#d3cde6
  • keybindingLabel.bottomBorder#c4bdd8
  • keybindingLabel.foreground#302e36
  • keybindingTable.headerBackground#e3dff0
  • keybindingTable.rowsBackground#f8f6fd10
  • list.activeSelectionBackground#e3dff0
  • list.activeSelectionForeground#302e36
  • list.activeSelectionIconForeground#302e36
  • list.deemphasizedForeground#b0a8c8
  • list.errorForeground#c0392b
  • list.focusBackground#ddd8f0
  • list.focusForeground#302e36
  • list.focusHighlightForeground#6319be
  • list.focusOutline#6319be90
  • list.highlightForeground#6319be
  • list.hoverBackground#eae7f5
  • list.hoverForeground#302e36
  • list.inactiveFocusBackground#eae7f5
  • list.inactiveFocusOutline#d3cde6
  • list.inactiveSelectionBackground#eae7f5
  • list.inactiveSelectionForeground#403850
  • list.inactiveSelectionIconForeground#403850
  • list.warningForeground#c07a10
  • listFilterWidget.background#f0edf9
  • listFilterWidget.outline#6319be
  • menu.background#f0edf9
  • menu.border#d3cde6
  • menu.foreground#403850
  • menu.selectionBackground#e3dff0
  • menu.selectionBorder#6319be90
  • menu.selectionForeground#302e36
  • menu.separatorBackground#d3cde6
  • menubar.selectionBackground#ddd8f0
  • menubar.selectionBorder#6319be90
  • menubar.selectionForeground#302e36
  • mergeEditor.change.background#6319be18
  • mergeEditor.change.word.background#6319be28
  • mergeEditor.changeBase.background#28a74518
  • mergeEditor.changeBase.word.background#28a74528
  • mergeEditor.conflict.handled.minimapOverViewRuler#28a745
  • mergeEditor.conflict.handledFocused.border#28a745
  • mergeEditor.conflict.handledUnfocused.border#28a74580
  • mergeEditor.conflict.input1.background#6319be12
  • mergeEditor.conflict.input2.background#7730b812
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#c0392b
  • mergeEditor.conflict.unhandledFocused.border#c0392b
  • mergeEditor.conflict.unhandledUnfocused.border#c0392b80
  • mergeEditor.conflictingLines.background#6319be18
  • minimap.background#f8f6fd
  • minimap.errorHighlight#c0392b80
  • minimap.findMatchHighlight#c07a1080
  • minimap.selectionHighlight#6319be30
  • minimap.selectionOccurrenceHighlight#6319be25
  • minimap.warningHighlight#c07a1080
  • minimapGutter.addedBackground#28a74560
  • minimapGutter.deletedBackground#c0392b60
  • minimapGutter.modifiedBackground#6319be60
  • minimapSlider.activeBackground#6319be50
  • minimapSlider.background#9880c020
  • minimapSlider.hoverBackground#6319be30
  • multiDiffEditor.background#f8f6fd
  • multiDiffEditor.border#d3cde6
  • multiDiffEditor.headerBackground#f0edf9
  • notebook.cellBorderColor#d3cde6
  • notebook.cellEditorBackground#f0edf9
  • notebook.cellHoverBackground#eae7f5
  • notebook.cellInsertionIndicator#6319be
  • notebook.cellStatusBarItemHoverBackground#e3dff0
  • notebook.cellToolbarSeparator#d3cde6
  • notebook.editorBackground#f8f6fd
  • notebook.focusedCellBackground#f0edf9
  • notebook.focusedCellBorder#6319be
  • notebook.focusedEditorBorder#6319be
  • notebook.inactiveFocusedCellBorder#d3cde6
  • notebook.inactiveSelectedCellBorder#d3cde6
  • notebook.outputContainerBackgroundColor#ffffff
  • notebook.outputContainerBorderColor#d3cde6
  • notebook.selectedCellBackground#eae7f5
  • notebook.selectedCellBorder#6319be
  • notebook.symbolHighlightBackground#6319be18
  • notebookEditorOverviewRuler.runningCellForeground#c07a10
  • notebookScrollbarSlider.activeBackground#6319be60
  • notebookScrollbarSlider.background#9880c030
  • notebookScrollbarSlider.hoverBackground#6319be40
  • notebookStatusErrorIcon.foreground#c0392b
  • notebookStatusRunningIcon.foreground#c07a10
  • notebookStatusSuccessIcon.foreground#28a745
  • notificationCenter.border#d3cde6
  • notificationCenterHeader.background#e3dff0
  • notificationCenterHeader.foreground#403850
  • notificationLink.foreground#6319be
  • notifications.background#f0edf9
  • notifications.border#d3cde6
  • notifications.foreground#302e36
  • notificationsErrorIcon.foreground#c0392b
  • notificationsInfoIcon.foreground#6319be
  • notificationsWarningIcon.foreground#c07a10
  • notificationToast.border#d3cde6
  • panel.background#f0edf9
  • panel.border#d3cde6
  • panelInput.border#d3cde6
  • panelSection.border#d3cde6
  • panelSection.dropBackground#6319be18
  • panelSectionHeader.background#e3dff0
  • panelSectionHeader.border#d3cde6
  • panelSectionHeader.foreground#403850
  • panelTitle.activeBorder#6319be
  • panelTitle.activeForeground#6319be
  • panelTitle.inactiveForeground#7060a8
  • peekView.border#d3cde6
  • peekViewEditor.background#f0edf9
  • peekViewEditor.matchHighlightBackground#6319be30
  • peekViewResult.background#e3dff0
  • peekViewResult.matchHighlightBackground#6319be38
  • peekViewResult.selectionBackground#ddd8f0
  • peekViewResult.selectionForeground#302e36
  • peekViewTitle.background#e3dff0
  • peekViewTitleDescription.foreground#403850
  • peekViewTitleLabel.foreground#302e36
  • pickerGroup.border#d3cde6
  • pickerGroup.foreground#9880c0
  • ports.iconRunningProcessForeground#28a745
  • problemsErrorIcon.foreground#c0392b
  • problemsInfoIcon.foreground#6319be
  • problemsWarningIcon.foreground#c07a10
  • profileBadge.background#6319be
  • profileBadge.foreground#ffffff
  • progressBar.background#6319be
  • quickInput.background#f0edf9
  • quickInput.foreground#302e36
  • quickInputList.focusBackground#e3dff0
  • quickInputList.focusForeground#302e36
  • quickInputList.focusIconForeground#6319be
  • quickInputTitle.background#e3dff0
  • sash.hoverBorder#6319be
  • scrollbar.shadow#00000018
  • scrollbarSlider.activeBackground#6319be60
  • scrollbarSlider.background#9880c030
  • scrollbarSlider.hoverBackground#6319be40
  • searchEditor.findMatchBackground#c07a1045
  • searchEditor.findMatchBorder#c07a10
  • searchEditor.textInputBorder#d3cde6
  • selection.background#6319be60
  • settings.checkboxBackground#ffffff
  • settings.checkboxBorder#d3cde6
  • settings.checkboxForeground#302e36
  • settings.dropdownBackground#f0edf9
  • settings.dropdownBorder#d3cde6
  • settings.dropdownForeground#403850
  • settings.dropdownListBorder#d3cde6
  • settings.focusedRowBackground#ddd8f080
  • settings.focusedRowBorder#6319be
  • settings.headerBorder#d3cde6
  • settings.headerForeground#302e36
  • settings.modifiedItemIndicator#6319be
  • settings.numberInputBackground#ffffff
  • settings.numberInputBorder#d3cde6
  • settings.numberInputForeground#302e36
  • settings.rowHoverBackground#eae7f5
  • settings.sashBorder#d3cde6
  • settings.settingsHeaderHoverForeground#302e36
  • settings.textInputBackground#ffffff
  • settings.textInputBorder#d3cde6
  • settings.textInputForeground#302e36
  • sideBar.background#f0edf9
  • sideBar.border#d3cde6
  • sideBar.foreground#403850
  • sideBarSectionHeader.background#e3dff0
  • sideBarSectionHeader.border#d3cde6
  • sideBarSectionHeader.foreground#403850
  • sideBarTitle.foreground#5a1ab0
  • statusBar.background#6319be
  • statusBar.border#5a14b0
  • statusBar.debuggingBackground#7730b8
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#6319be60
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#6319be
  • statusBarItem.errorBackground#c0392b
  • statusBarItem.errorForeground#ffffff
  • statusBarItem.focusBorder#6319be90
  • statusBarItem.hoverBackground#7730b820
  • statusBarItem.remoteBackground#5a1ab0
  • statusBarItem.remoteForeground#ffffff
  • statusBarItem.warningBackground#c07a10
  • statusBarItem.warningForeground#ffffff
  • symbolIcon.arrayForeground#7030b0
  • symbolIcon.booleanForeground#6319be
  • symbolIcon.classForeground#5a18a8
  • symbolIcon.colorForeground#7030b0
  • symbolIcon.constantForeground#8030c8
  • symbolIcon.constructorForeground#5a18a8
  • symbolIcon.enumeratorForeground#5a18a8
  • symbolIcon.enumeratorMemberForeground#8030c8
  • symbolIcon.eventForeground#7030b0
  • symbolIcon.fieldForeground#403860
  • symbolIcon.fileForeground#5f526f
  • symbolIcon.folderForeground#9880c0
  • symbolIcon.functionForeground#6020b8
  • symbolIcon.interfaceForeground#6020b8
  • symbolIcon.keyForeground#6020b8
  • symbolIcon.keywordForeground#5a1ab0
  • symbolIcon.methodForeground#6020b8
  • symbolIcon.moduleForeground#6020b8
  • symbolIcon.namespaceForeground#6020b8
  • symbolIcon.nullForeground#8b52d6
  • symbolIcon.numberForeground#8030c8
  • symbolIcon.objectForeground#6020b8
  • symbolIcon.operatorForeground#8b52d6
  • symbolIcon.packageForeground#6020b8
  • symbolIcon.propertyForeground#403860
  • symbolIcon.referenceForeground#5f526f
  • symbolIcon.snippetForeground#9880c0
  • symbolIcon.stringForeground#7030b0
  • symbolIcon.structForeground#5a18a8
  • symbolIcon.textForeground#302e36
  • symbolIcon.typeParameterForeground#403860
  • symbolIcon.unitForeground#8030c8
  • symbolIcon.variableForeground#302e36
  • tab.activeBackground#f8f6fd
  • tab.activeBorder#6319be
  • tab.activeBorderTop#00000000
  • tab.activeForeground#302e36
  • tab.activeModifiedBorder#6319be
  • tab.border#d3cde6
  • tab.hoverBackground#eae7f5
  • tab.hoverBorder#c4bdd8
  • tab.hoverForeground#302e36
  • tab.inactiveBackground#e3dff0
  • tab.inactiveForeground#7a5fb0
  • tab.inactiveModifiedBorder#9880c0
  • tab.unfocusedActiveBackground#f8f6fd
  • tab.unfocusedActiveForeground#403850
  • tab.unfocusedActiveModifiedBorder#5a1ab0
  • tab.unfocusedInactiveBackground#e3dff0
  • tab.unfocusedInactiveForeground#b0a8c8
  • tab.unfocusedInactiveModifiedBorder#b0a8c8
  • terminal.ansiBlack#302e36
  • terminal.ansiBlue#2060c8
  • terminal.ansiBrightBlack#8c82a5
  • terminal.ansiBrightBlue#3878d8
  • terminal.ansiBrightCyan#2098c0
  • terminal.ansiBrightGreen#3cb858
  • terminal.ansiBrightMagenta#7730b8
  • terminal.ansiBrightRed#e05050
  • terminal.ansiBrightWhite#302e36
  • terminal.ansiBrightYellow#e09030
  • terminal.ansiCyan#1080a0
  • terminal.ansiGreen#20823a
  • terminal.ansiMagenta#6319be
  • terminal.ansiRed#c0392b
  • terminal.ansiWhite#403850
  • terminal.ansiYellow#c07a10
  • terminal.background#f0edf9
  • terminal.border#d3cde6
  • terminal.findMatchBackground#c07a1055
  • terminal.findMatchBorder#c07a10
  • terminal.findMatchHighlightBackground#c07a1030
  • terminal.findMatchHighlightBorder#c07a1070
  • terminal.foreground#302e36
  • terminal.hoverHighlightBackground#6319be18
  • terminal.inactiveSelectionBackground#6319be18
  • terminal.selectionBackground#6319be60
  • terminal.tab.activeBorder#6319be
  • terminalCommandDecoration.defaultBackground#9880c0
  • terminalCommandDecoration.errorBackground#c0392b
  • terminalCommandDecoration.successBackground#28a745
  • terminalCursor.foreground#6319be
  • terminalStickyScroll.background#f0edf9
  • terminalStickyScroll.border#d3cde6
  • terminalStickyScrollHover.background#e3dff0
  • testing.coveredBackground#28a74512
  • testing.coveredBorder#28a74540
  • testing.coveredGutterBackground#28a74530
  • testing.iconErrored#c0392b
  • testing.iconFailed#c0392b
  • testing.iconPassed#28a745
  • testing.iconQueued#9880c0
  • testing.iconSkipped#c07a10
  • testing.iconUnset#9880c0
  • testing.messagePeekBorder#d3cde6
  • testing.messagePeekHeaderBackground#e3dff0
  • testing.peekBorder#d3cde6
  • testing.peekHeaderBackground#f0edf9
  • testing.runAction#28a745
  • testing.uncoveredBackground#c0392b0f
  • testing.uncoveredBorder#c0392b40
  • testing.uncoveredBranchBackground#c0392b12
  • testing.uncoveredGutterBackground#c0392b30
  • textBlockQuote.background#e3dff080
  • textBlockQuote.border#6319be
  • textLink.activeForeground#7730b8
  • textLink.foreground#6319be
  • titleBar.activeBackground#e3dff0
  • titleBar.activeForeground#302e36
  • titleBar.border#d3cde6
  • titleBar.inactiveBackground#e3dff0
  • titleBar.inactiveForeground#9880c0
  • tree.inactiveIndentGuidesStroke#e3dff0
  • tree.indentGuidesStroke#d3cde6
  • walkThrough.embeddedEditorBackground#f0edf9
  • walkthrough.stepTitle.foreground#6319be
  • welcomePage.background#f8f6fd
  • welcomePage.progress.background#d3cde6
  • welcomePage.progress.foreground#6319be
  • welcomePage.tileBackground#f0edf9
  • welcomePage.tileBorder#d3cde6
  • welcomePage.tileHoverBackground#e3dff0
  • widget.border#d3cde6
  • widget.shadow#00000018
  • window.activeBorder#c4bdd8
  • window.inactiveBorder#d3cde6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9880c0bold italic
string, string.quoted.single, string.quoted.double, string.quoted.backtick, string.template#a06000bold
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#8b52d6bold
constant.numeric#006090bold
constant.language#6319bebold italic
constant.character, constant.other#006090bold
keyword.control, keyword.other#5a1ab0bold italic
storage.type, storage.modifier#5a1ab0bold italic
keyword.operator, storage.type.function.arrow#8b52d6bold
punctuation#9880c0bold
entity.name.function, support.function#006080bold
variable.parameter#403860bold italic
entity.name.type, entity.name.class, entity.name.interface, support.class, support.type, support.type.primitive#5a18a8bold
variable, variable.other.readwrite#302e36bold
entity.name.type.model.prisma, support.type.primitive.prisma#6319bebold
variable.other.property, variable.other.object.property, support.variable.property#403860bold
entity.name.tag, support.class.component#5a1ab0bold
entity.other.attribute-name#6020b8bold
support.type.property-name, support.type.property-name.css#6020b8bold
support.constant.property-value#7030b0bold
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css#5a18a8bold
support.type.property-name.json#6020b8bold
string.quoted.double.json#1a6a3ebold
constant.numeric.json#b05500bold
string.regexp#8030c8bold
meta.decorator, punctuation.decorator#8b52d6bold italic
constant.character.escape#6319bebold
markup.heading, punctuation.definition.heading.markdown#5a18a8bold
markup.bold#302e36bold
markup.italic#403860bold italic
markup.underline.link#5a1ab0bold
markup.raw.inline, markup.fenced_code.block#7030b0bold
invalid#c0392bbold
invalid.deprecated#c07a10bold strikethrough
variable.language#6319bebold italic
keyword.control.import, keyword.control.export, keyword.control.from#5a1ab0bold italic
markup.quote#9880c0bold italic
markup.list, punctuation.definition.list.begin.markdown#8b52d6bold
markup.strikethrough#8b52d6bold strikethrough
variable.other.constant, variable.other.constant.object#8030c8bold italic
entity.name.section.group-title.ini, keyword.other.definition.ini, support.type.property-name.toml#6020b8bold
entity.name.lifetime.rust, punctuation.definition.lifetime.rust#a06010bold italic
meta.attribute.rust, punctuation.definition.attribute.rust#8b52d6bold italic
support.function.builtin.go#0870a0bold
entity.name.package.go#6020b8bold
meta.embedded, source.groovy.embedded#302e36bold
entity.name.tag.yaml, support.type.property-name.yaml, variable.other.anchor.yaml, variable.other.alias.yaml#6020b8bold
entity.other.document.begin.yaml, keyword.control.directive.yaml, storage.type.tag-handle.yaml, storage.type.tag-suffix.yaml#5a1ab0bold italic
keyword.other.special-method.dockerfile, keyword.control.dockerfile, storage.modifier.dockerfile#5a1ab0bold italic
support.function.builtin.shell, support.function.utility.shell, variable.other.option.shell, variable.other.normal.shell#0870a0bold
keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql, storage.type.sql, support.function.aggregate.sql, support.function.scalar.sql#5a1ab0bold italic
entity.name.function.sql, entity.name.type.sql, support.type.sql#6020b8bold
entity.name.type.graphql, entity.name.function.graphql, support.type.builtin.graphql, variable.graphql#6020b8bold
variable.other.php, punctuation.definition.variable.php, support.class.php, support.function.construct.php#403860bold
support.function.magic.python, support.variable.magic.python, variable.language.special.self.python, variable.language.special.cls.python#0870a0bold italic
entity.name.type.namespace.cs, entity.name.type.class.cs, entity.name.type.interface.cs, meta.attribute.cs, storage.type.cs#6020b8bold
constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby, constant.other.symbol.elixir, constant.other.atom.elixir#8030c8bold
support.function.library.lua, support.function.lua, support.type.lua#0870a0bold
entity.name.type.terraform, entity.name.function.terraform, variable.other.terraform, support.type.property-name.terraform, support.type.property-name.hcl#6020b8bold
keyword.other.import.java, keyword.other.package.java, storage.modifier.import.java, storage.modifier.package.java#5a1ab0bold 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#5a18a8bold
keyword.other.kotlin, storage.type.kotlin, keyword.other.declaration-specifier.swift, storage.type.swift#5a1ab0bold italic
entity.name.type.dart, support.class.dart#5a18a8bold
keyword.control.zig, storage.type.zig, support.function.zig#5a1ab0bold italic
entity.name.tag.svelte, entity.name.tag.vue, support.class.component.svelte, support.class.component.vue#5a1ab0bold
entity.other.attribute-name.class.tailwind, support.constant.color.tailwind#0870a0bold
keyword.control.prisma, storage.type.prisma, entity.name.type.model.prisma, variable.other.property.prisma#5a1ab0bold
support.function.test.js, support.function.test.ts, entity.name.function.test, support.function.any-method.playwright, support.function.any-method.cypress#6020b8bold italic
keyword.control.elixir, variable.other.readwrite.module.elixir, entity.name.type.module.elixir, punctuation.section.embedded.elixir, support.function.phoenix#5a1ab0bold
source.ruby, keyword.control.ruby, support.class.rails, keyword.other.special-method.ruby, variable.other.readwrite.instance.ruby#5a1ab0bold
source.cs, storage.type.cs, keyword.control.cs, entity.name.type.cs, variable.other.object.cs#5a1ab0bold
entity.other.attribute-name.ng-binding, entity.other.attribute-name.ng-directive, support.class.component.angular#5a1ab0bold
source.js.styled, source.ts.styled, source.jsx.styled, source.tsx.styled, entity.name.tag.styled#0870a0bold
entity.name.type.sanity, support.type.sanity, variable.other.property.sanity#6020b8bold
support.class.firebase, support.function.firebase#5a1ab0bold