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#32195d
  • activityBar.activeBorder#752df0
  • activityBar.background#0d0a15
  • activityBar.border#231d30
  • activityBar.foreground#b6b2bd
  • activityBar.inactiveForeground#726c7f
  • activityBarBadge.background#5a0fdb
  • activityBarBadge.foreground#dfdde3
  • badge.background#5a0fdb
  • badge.foreground#dfdde3
  • banner.background#322b40
  • banner.foreground#dfdde3
  • banner.iconForeground#945df4
  • breadcrumb.activeSelectionForeground#945df4
  • breadcrumb.background#0d0a15
  • breadcrumb.focusForeground#b6b2bd
  • breadcrumb.foreground#b6b2bd
  • breadcrumbPicker.background#1c1528
  • button.background#5a0fdb
  • button.border#494158
  • button.foreground#dfdde3
  • button.hoverBackground#752df0
  • button.secondaryBackground#322b40
  • button.secondaryForeground#b6b2bd
  • button.secondaryHoverBackground#372e47
  • button.separator#494158
  • charts.blue#6b82c8
  • charts.foreground#dfdde3
  • charts.green#7daea3
  • charts.lines#494158
  • charts.orange#d4863a
  • charts.purple#945df4
  • charts.red#ea6962
  • charts.yellow#e8b44a
  • chat.avatarBackground#5a0fdb
  • chat.avatarForeground#dfdde3
  • chat.checkpointSeparator#494158
  • chat.editedFileForeground#b48df7
  • chat.linesAddedForeground#7daea380
  • chat.linesRemovedForeground#ea696280
  • chat.requestBackground#231d30
  • chat.requestBorder#494158
  • chat.requestBubbleBackground#322b40a0
  • chat.requestBubbleHoverBackground#372e47a0
  • chat.requestCodeBorder#494158a0
  • chat.slashCommandBackground#322b40
  • chat.slashCommandForeground#945df4
  • chatManagement.sashBorder#494158
  • checkbox.background#231d30
  • checkbox.border#494158
  • checkbox.foreground#dfdde3
  • checkbox.selectBackground#1c1528
  • checkbox.selectBorder#494158
  • commandCenter.activeBackground#322b40
  • commandCenter.activeBorder#752df0
  • commandCenter.activeForeground#dfdde3
  • commandCenter.background#151221
  • commandCenter.border#494158
  • commandCenter.foreground#b6b2bd
  • commandCenter.inactiveBorder#231d30
  • commandCenter.inactiveForeground#8d8896
  • debugIcon.breakpointCurrentStackframeForeground#945df4
  • debugIcon.breakpointDisabledForeground#8d8896
  • debugIcon.breakpointForeground#ea6962
  • debugIcon.breakpointStackframeForeground#752df0
  • debugIcon.breakpointUnverifiedForeground#e8b44a
  • debugIcon.continueForeground#7daea3
  • debugIcon.disconnectForeground#e8b44a
  • debugIcon.pauseForeground#e8b44a
  • debugIcon.restartForeground#7daea3
  • debugIcon.startForeground#7daea3
  • debugIcon.stepBackForeground#a475f5
  • debugIcon.stepIntoForeground#a475f5
  • debugIcon.stepOutForeground#a475f5
  • debugIcon.stepOverForeground#a475f5
  • debugIcon.stopForeground#ea6962
  • debugTokenExpression.boolean#945df4
  • debugTokenExpression.error#ea6962
  • debugTokenExpression.name#a475f5
  • debugTokenExpression.number#c3a4f9
  • debugTokenExpression.string#b48df7
  • debugTokenExpression.value#dfdde3
  • debugToolBar.background#1c1528
  • debugToolBar.border#494158
  • debugView.exceptionLabelBackground#4a1a1a
  • debugView.exceptionLabelForeground#f0c0c0
  • debugView.stateLabelBackground#322b40
  • debugView.stateLabelForeground#945df4
  • debugView.valueChangedHighlight#945df440
  • descriptionForeground#b6b2bd
  • diffEditor.insertedLineBackground#7daea322
  • diffEditor.insertedTextBackground#7daea328
  • diffEditor.removedLineBackground#ea696222
  • diffEditor.removedTextBackground#ea696228
  • diffEditor.unchangedRegionBackground#161023
  • diffEditor.unchangedRegionForeground#8d8896
  • diffEditorGutter.insertedLineBackground#7daea340
  • diffEditorGutter.removedLineBackground#ea696240
  • diffEditorOverview.insertedForeground#7daea380
  • diffEditorOverview.removedForeground#ea696280
  • disabledForeground#8d8896
  • dropdown.background#151221
  • dropdown.border#494158
  • dropdown.foreground#b6b2bd
  • dropdown.listBackground#151221
  • editor.background#0d0a15
  • editor.findMatchBackground#e8b44a60
  • editor.findMatchHighlightBackground#e8b44a25
  • editor.focusedStackFrameHighlightBackground#752df040
  • editor.foldBackground#322b4040
  • editor.foreground#dfdde3
  • editor.inactiveSelectionBackground#5a0fdb40
  • editor.inlineValuesBackground#322b4058
  • editor.inlineValuesForeground#8d8896
  • editor.lineHighlightBackground#ffffff08
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#5a0fdb40
  • editor.rangeHighlightBackground#32195d20
  • editor.selectionBackground#5a0fdb80
  • editor.selectionForeground#dfdde3
  • editor.selectionHighlightBackground#5a0fdb50
  • editor.stackFrameHighlightBackground#945df430
  • editor.symbolHighlightBackground#752df025
  • editor.wordHighlightBackground#5a0fdb40
  • editor.wordHighlightStrongBackground#5a0fdb60
  • editor.wordHighlightTextBackground#5a0fdb25
  • editorActionList.background#1c1528
  • editorActionList.focusBackground#322b40
  • editorActionList.focusForeground#dfdde3
  • editorActionList.foreground#b6b2bd
  • editorBracketHighlight.foreground1#945df4
  • editorBracketHighlight.foreground2#89b8c8
  • editorBracketHighlight.foreground3#e8b44a
  • editorBracketHighlight.foreground4#945df4
  • editorBracketHighlight.foreground5#89b8c8
  • editorBracketHighlight.foreground6#e8b44a
  • editorBracketHighlight.unexpectedBracket.foreground#ea6962
  • editorBracketMatch.background#32195d40
  • editorBracketMatch.border#752df0
  • editorBracketPairGuide.activeBackground1#945df480
  • editorBracketPairGuide.activeBackground2#89b8c880
  • editorBracketPairGuide.activeBackground3#e8b44a80
  • editorBracketPairGuide.background1#945df425
  • editorBracketPairGuide.background2#89b8c825
  • editorBracketPairGuide.background3#e8b44a25
  • editorCodeLens.foreground#9080a8
  • editorCursor.background#110c1d
  • editorCursor.foreground#945df4
  • editorError.foreground#ea6962
  • editorGhostText.border#00000000
  • editorGhostText.foreground#8d88969a
  • editorGroup.border#494158
  • editorGroup.dropBackground#32195d30
  • editorGroup.emptyBackground#0d0a15
  • editorGroup.focusedEmptyBorder#752df0
  • editorGroupHeader.tabsBackground#0d0a15
  • editorGroupHeader.tabsBorder#231d30
  • editorGutter.addedBackground#7daea360
  • editorGutter.deletedBackground#ea696260
  • editorGutter.modifiedBackground#b48df760
  • editorHint.foreground#8d8896
  • editorHoverWidget.background#151221
  • editorHoverWidget.border#494158
  • editorHoverWidget.highlightForeground#945df4
  • editorIndentGuide.activeBackground1#752df030
  • editorIndentGuide.background1#752df020
  • editorInfo.foreground#9b69f6
  • editorInlayHint.background#322b4066
  • editorInlayHint.foreground#b6b2bd
  • editorInlayHint.parameterBackground#322b4066
  • editorInlayHint.parameterForeground#b6b2bd
  • editorInlayHint.typeBackground#231d3066
  • editorInlayHint.typeForeground#9b69f6
  • editorLightBulb.foreground#e8b44a
  • editorLightBulbAi.foreground#945df4
  • editorLightBulbAutoFix.foreground#7daea3
  • editorLineNumber.activeForeground#b6b2bd
  • editorLineNumber.foreground#a19da8
  • editorMultiCursor.primary.foreground#945df4
  • editorMultiCursor.secondary.foreground#945df480
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.bracketMatchForeground#752df080
  • editorOverviewRuler.errorForeground#ea696280
  • editorOverviewRuler.findMatchForeground#e8b44a80
  • editorOverviewRuler.infoForeground#9b69f680
  • editorOverviewRuler.inlineChatInserted#7daea380
  • editorOverviewRuler.inlineChatRemoved#ea696280
  • editorOverviewRuler.modifiedForeground#b48df780
  • editorOverviewRuler.selectionHighlightForeground#5a0fdb80
  • editorOverviewRuler.warningForeground#e8b44a80
  • editorOverviewRuler.wordHighlightForeground#5a0fdb60
  • editorOverviewRuler.wordHighlightStrongForeground#5a0fdb80
  • editorOverviewRuler.wordHighlightTextForeground#5a0fdb40
  • editorRuler.foreground#231d30
  • editorStickyScroll.background#110c1d
  • editorStickyScroll.border#231d30
  • editorStickyScrollHover.background#231d30
  • editorSuggestWidget.background#151221
  • editorSuggestWidget.border#494158
  • editorSuggestWidget.foreground#dfdde3
  • editorSuggestWidget.highlightForeground#945df4
  • editorSuggestWidget.selectedBackground#322b40
  • editorSuggestWidget.selectedForeground#dfdde3
  • editorUnnecessaryCode.border#00000000
  • editorUnnecessaryCode.opacity#dfdde377
  • editorWarning.foreground#e8b44a
  • editorWhitespace.foreground#372e47
  • editorWidget.background#151221
  • editorWidget.border#494158
  • editorWidget.foreground#dfdde3
  • editorWidget.resizeBorder#752df0
  • errorForeground#ea6962
  • extensionBadge.remoteBackground#5a0fdb
  • extensionBadge.remoteForeground#dfdde3
  • extensionButton.prominentBackground#5a0fdb
  • extensionButton.prominentForeground#dfdde3
  • extensionButton.prominentHoverBackground#752df0
  • extensionIcon.preReleaseForeground#945df4
  • extensionIcon.sponsorForeground#ea6962
  • extensionIcon.starForeground#e8b44a
  • extensionIcon.verifiedForeground#7daea3
  • focusBorder#752df090
  • foreground#dfdde3
  • gitDecoration.addedResourceForeground#7daea3
  • gitDecoration.conflictingResourceForeground#e8b44a
  • gitDecoration.deletedResourceForeground#ea6962
  • gitDecoration.ignoredResourceForeground#5e576b
  • gitDecoration.modifiedResourceForeground#b48df7
  • gitDecoration.renamedResourceForeground#89b8c8
  • gitDecoration.stageDeletedResourceForeground#ea696280
  • gitDecoration.stageModifiedResourceForeground#945df4
  • gitDecoration.submoduleResourceForeground#8d8896
  • gitDecoration.untrackedResourceForeground#7daea380
  • icon.foreground#b6b2bd
  • inlineChat.background#1c1528
  • inlineChat.border#494158
  • inlineChat.foreground#dfdde3
  • inlineChat.shadow#00000090
  • inlineChatDiff.inserted#7daea320
  • inlineChatDiff.removed#ea696220
  • inlineChatInput.background#231d30
  • inlineChatInput.border#494158
  • inlineChatInput.focusBorder#752df0
  • inlineChatInput.placeholderForeground#5e576b
  • input.background#1a1724
  • input.border#494158
  • input.foreground#dfdde3
  • input.placeholderForeground#827d8c
  • inputOption.activeBackground#32195d
  • inputOption.activeBorder#752df0
  • inputOption.activeForeground#dfdde3
  • inputValidation.errorBackground#2a171d
  • inputValidation.errorBorder#ea6962
  • inputValidation.errorForeground#dfdde3
  • inputValidation.infoBackground#1c1528
  • inputValidation.infoBorder#9b69f6
  • inputValidation.infoForeground#dfdde3
  • inputValidation.warningBackground#2a2119
  • inputValidation.warningBorder#e8b44a
  • inputValidation.warningForeground#dfdde3
  • interactive.activeCodeBorder#752df0
  • interactive.inactiveCodeBorder#494158
  • keybindingLabel.background#2b2636
  • keybindingLabel.border#494158
  • keybindingLabel.bottomBorder#231d30
  • keybindingLabel.foreground#dfdde3
  • keybindingTable.headerBackground#231d30
  • keybindingTable.rowsBackground#1c152810
  • list.activeSelectionBackground#322b40
  • list.activeSelectionForeground#dfdde3
  • list.activeSelectionIconForeground#dfdde3
  • list.deemphasizedForeground#4a4554
  • list.errorForeground#ea6962
  • list.focusBackground#372e47
  • list.focusForeground#dfdde3
  • list.focusHighlightForeground#945df4
  • list.focusOutline#752df090
  • list.highlightForeground#945df4
  • list.hoverBackground#231d30
  • list.hoverForeground#dfdde3
  • list.inactiveFocusBackground#231d30
  • list.inactiveFocusOutline#494158
  • list.inactiveSelectionBackground#231d30
  • list.inactiveSelectionForeground#b6b2bd
  • list.inactiveSelectionIconForeground#b6b2bd
  • list.warningForeground#e8b44a
  • listFilterWidget.background#1c1528
  • listFilterWidget.outline#752df0
  • menu.background#151221
  • menu.border#494158
  • menu.foreground#b6b2bd
  • menu.selectionBackground#2b2636
  • menu.selectionBorder#752df090
  • menu.selectionForeground#dfdde3
  • menu.separatorBackground#494158
  • menubar.selectionBackground#2b2636
  • menubar.selectionBorder#752df090
  • menubar.selectionForeground#dfdde3
  • mergeEditor.change.background#5a0fdb30
  • mergeEditor.change.word.background#5a0fdb50
  • mergeEditor.changeBase.background#7daea320
  • mergeEditor.changeBase.word.background#7daea340
  • mergeEditor.conflict.handled.minimapOverViewRuler#7daea3
  • mergeEditor.conflict.handledFocused.border#7daea3
  • mergeEditor.conflict.handledUnfocused.border#7daea380
  • mergeEditor.conflict.input1.background#5a0fdb20
  • mergeEditor.conflict.input2.background#b48df720
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#ea6962
  • mergeEditor.conflict.unhandledFocused.border#ea6962
  • mergeEditor.conflict.unhandledUnfocused.border#ea696280
  • mergeEditor.conflictingLines.background#32195d30
  • minimap.background#110c1d
  • minimap.errorHighlight#ea696280
  • minimap.findMatchHighlight#e8b44a80
  • minimap.selectionHighlight#32195d80
  • minimap.selectionOccurrenceHighlight#32195d60
  • minimap.warningHighlight#e8b44a80
  • minimapGutter.addedBackground#7daea360
  • minimapGutter.deletedBackground#ea696260
  • minimapGutter.modifiedBackground#b48df760
  • minimapSlider.activeBackground#5a0fdb50
  • minimapSlider.background#49415830
  • minimapSlider.hoverBackground#32195d50
  • multiDiffEditor.background#0d0a15
  • multiDiffEditor.border#494158
  • multiDiffEditor.headerBackground#1c1528
  • notebook.cellBorderColor#494158
  • notebook.cellEditorBackground#1c1528
  • notebook.cellHoverBackground#231d30
  • notebook.cellInsertionIndicator#945df4
  • notebook.cellStatusBarItemHoverBackground#322b40
  • notebook.cellToolbarSeparator#494158
  • notebook.editorBackground#110c1d
  • notebook.focusedCellBackground#1c1528
  • notebook.focusedCellBorder#752df0
  • notebook.focusedEditorBorder#945df4
  • notebook.inactiveFocusedCellBorder#494158
  • notebook.inactiveSelectedCellBorder#494158
  • notebook.outputContainerBackgroundColor#0b0712
  • notebook.outputContainerBorderColor#494158
  • notebook.selectedCellBackground#231d30
  • notebook.selectedCellBorder#752df0
  • notebook.symbolHighlightBackground#32195d30
  • notebookEditorOverviewRuler.runningCellForeground#e8b44a
  • notebookScrollbarSlider.activeBackground#5a0fdb80
  • notebookScrollbarSlider.background#49415860
  • notebookScrollbarSlider.hoverBackground#32195d80
  • notebookStatusErrorIcon.foreground#ea6962
  • notebookStatusRunningIcon.foreground#e8b44a
  • notebookStatusSuccessIcon.foreground#7daea3
  • notificationCenter.border#494158
  • notificationCenterHeader.background#0d0a15
  • notificationCenterHeader.foreground#b6b2bd
  • notificationLink.foreground#945df4
  • notifications.background#1c1528
  • notifications.border#494158
  • notifications.foreground#dfdde3
  • notificationsErrorIcon.foreground#ea6962
  • notificationsInfoIcon.foreground#9b69f6
  • notificationsWarningIcon.foreground#e8b44a
  • notificationToast.border#494158
  • panel.background#0d0a15
  • panel.border#494158
  • panelInput.border#494158
  • panelSection.border#494158
  • panelSection.dropBackground#32195d30
  • panelSectionHeader.background#231d30
  • panelSectionHeader.border#494158
  • panelSectionHeader.foreground#b6b2bd
  • panelTitle.activeBorder#752df0
  • panelTitle.activeForeground#945df4
  • panelTitle.inactiveForeground#8d8896
  • peekView.border#494158
  • peekViewEditor.background#1c1528
  • peekViewEditor.matchHighlightBackground#5a0fdb50
  • peekViewResult.background#0d0a15
  • peekViewResult.matchHighlightBackground#5a0fdb45
  • peekViewResult.selectionBackground#322b40
  • peekViewResult.selectionForeground#dfdde3
  • peekViewTitle.background#231d30
  • peekViewTitleDescription.foreground#b6b2bd
  • peekViewTitleLabel.foreground#dfdde3
  • pickerGroup.border#494158
  • pickerGroup.foreground#8d8896
  • ports.iconRunningProcessForeground#7daea3
  • problemsErrorIcon.foreground#ea6962
  • problemsInfoIcon.foreground#9b69f6
  • problemsWarningIcon.foreground#e8b44a
  • profileBadge.background#5a0fdb
  • profileBadge.foreground#dfdde3
  • progressBar.background#752df0
  • quickInput.background#151221
  • quickInput.foreground#dfdde3
  • quickInputList.focusBackground#322b40
  • quickInputList.focusForeground#dfdde3
  • quickInputList.focusIconForeground#945df4
  • quickInputTitle.background#231d30
  • sash.hoverBorder#752df0
  • scrollbar.shadow#00000060
  • scrollbarSlider.activeBackground#5a0fdb80
  • scrollbarSlider.background#49415860
  • scrollbarSlider.hoverBackground#32195d80
  • searchEditor.findMatchBackground#e8b44a40
  • searchEditor.findMatchBorder#945df4
  • searchEditor.textInputBorder#494158
  • selection.background#5a0fdb80
  • settings.checkboxBackground#231d30
  • settings.checkboxBorder#494158
  • settings.checkboxForeground#dfdde3
  • settings.dropdownBackground#151221
  • settings.dropdownBorder#494158
  • settings.dropdownForeground#b6b2bd
  • settings.dropdownListBorder#494158
  • settings.focusedRowBackground#322b4080
  • settings.focusedRowBorder#752df0
  • settings.headerBorder#494158
  • settings.headerForeground#dfdde3
  • settings.modifiedItemIndicator#945df4
  • settings.numberInputBackground#1a1724
  • settings.numberInputBorder#494158
  • settings.numberInputForeground#dfdde3
  • settings.rowHoverBackground#231d30
  • settings.sashBorder#494158
  • settings.settingsHeaderHoverForeground#dfdde3
  • settings.textInputBackground#1a1724
  • settings.textInputBorder#494158
  • settings.textInputForeground#dfdde3
  • sideBar.background#151221
  • sideBar.border#231d30
  • sideBar.foreground#b6b2bd
  • sideBarSectionHeader.background#231d30
  • sideBarSectionHeader.border#231d30
  • sideBarSectionHeader.foreground#b6b2bd
  • sideBarTitle.foreground#b6b2bd
  • statusBar.background#0b0712
  • statusBar.border#231d30
  • statusBar.debuggingBackground#32195d
  • statusBar.debuggingForeground#dfdde3
  • statusBar.focusBorder#752df060
  • statusBar.foreground#b6b2bd
  • statusBar.noFolderBackground#0b0712
  • statusBarItem.errorBackground#7a1e1e
  • statusBarItem.errorForeground#f0c0c0
  • statusBarItem.focusBorder#752df090
  • statusBarItem.hoverBackground#322b40
  • statusBarItem.remoteBackground#5a0fdb
  • statusBarItem.remoteForeground#dfdde3
  • statusBarItem.warningBackground#5a3a10
  • statusBarItem.warningForeground#f0d890
  • symbolIcon.arrayForeground#b48df7
  • symbolIcon.booleanForeground#945df4
  • symbolIcon.classForeground#945df4
  • symbolIcon.colorForeground#b48df7
  • symbolIcon.constantForeground#c3a4f9
  • symbolIcon.constructorForeground#945df4
  • symbolIcon.enumeratorForeground#945df4
  • symbolIcon.enumeratorMemberForeground#c3a4f9
  • symbolIcon.eventForeground#b48df7
  • symbolIcon.fieldForeground#dbd4e8
  • symbolIcon.fileForeground#b6b2bd
  • symbolIcon.folderForeground#8d8896
  • symbolIcon.functionForeground#a475f5
  • symbolIcon.interfaceForeground#a475f5
  • symbolIcon.keyForeground#a475f5
  • symbolIcon.keywordForeground#9b69f6
  • symbolIcon.methodForeground#a475f5
  • symbolIcon.moduleForeground#a475f5
  • symbolIcon.namespaceForeground#a475f5
  • symbolIcon.nullForeground#8d6fd1
  • symbolIcon.numberForeground#c3a4f9
  • symbolIcon.objectForeground#a475f5
  • symbolIcon.operatorForeground#8d6fd1
  • symbolIcon.packageForeground#a475f5
  • symbolIcon.propertyForeground#dbd4e8
  • symbolIcon.referenceForeground#b6b2bd
  • symbolIcon.snippetForeground#8d8896
  • symbolIcon.stringForeground#b48df7
  • symbolIcon.structForeground#945df4
  • symbolIcon.textForeground#dfdde3
  • symbolIcon.typeParameterForeground#dbd4e8
  • symbolIcon.unitForeground#c3a4f9
  • symbolIcon.variableForeground#dfdde3
  • tab.activeBackground#110c1d
  • tab.activeBorder#752df0
  • tab.activeBorderTop#00000000
  • tab.activeForeground#dfdde3
  • tab.activeModifiedBorder#b48df7
  • tab.border#231d30
  • tab.hoverBackground#231d30
  • tab.hoverBorder#32195d
  • tab.hoverForeground#dfdde3
  • tab.inactiveBackground#0d0a15
  • tab.inactiveForeground#8d8896
  • tab.inactiveModifiedBorder#8d8896
  • tab.unfocusedActiveBackground#110c1d
  • tab.unfocusedActiveForeground#b6b2bd
  • tab.unfocusedActiveModifiedBorder#b6b2bd
  • tab.unfocusedInactiveBackground#0d0a15
  • tab.unfocusedInactiveForeground#5e576b
  • tab.unfocusedInactiveModifiedBorder#5e576b
  • terminal.ansiBlack#8d8896
  • terminal.ansiBlue#6b82c8
  • terminal.ansiBrightBlack#827d8c
  • terminal.ansiBrightBlue#8898d8
  • terminal.ansiBrightCyan#a8d0e0
  • terminal.ansiBrightGreen#a0c8a0
  • terminal.ansiBrightMagenta#b48df7
  • terminal.ansiBrightRed#f28080
  • terminal.ansiBrightWhite#dfdde3
  • terminal.ansiBrightYellow#f0c870
  • terminal.ansiCyan#89b8c8
  • terminal.ansiGreen#7daea3
  • terminal.ansiMagenta#945df4
  • terminal.ansiRed#ea6962
  • terminal.ansiWhite#b6b2bd
  • terminal.ansiYellow#e8b44a
  • terminal.background#0d0a15
  • terminal.border#494158
  • terminal.findMatchBackground#e8b44a60
  • terminal.findMatchBorder#e8b44a
  • terminal.findMatchHighlightBackground#e8b44a30
  • terminal.findMatchHighlightBorder#e8b44a80
  • terminal.foreground#dfdde3
  • terminal.hoverHighlightBackground#5a0fdb25
  • terminal.inactiveSelectionBackground#5a0fdb40
  • terminal.selectionBackground#5a0fdb80
  • terminal.tab.activeBorder#945df4
  • terminalCommandDecoration.defaultBackground#5e576b
  • terminalCommandDecoration.errorBackground#ea6962
  • terminalCommandDecoration.successBackground#7daea3
  • terminalCursor.foreground#945df4
  • terminalStickyScroll.background#0b0712
  • terminalStickyScroll.border#494158
  • terminalStickyScrollHover.background#231d30
  • testing.coveredBackground#7daea315
  • testing.coveredBorder#7daea340
  • testing.coveredGutterBackground#7daea330
  • testing.iconErrored#ea6962
  • testing.iconFailed#ea6962
  • testing.iconPassed#7daea3
  • testing.iconQueued#8d8896
  • testing.iconSkipped#e8b44a
  • testing.iconUnset#8d8896
  • testing.messagePeekBorder#494158
  • testing.messagePeekHeaderBackground#231d30
  • testing.peekBorder#494158
  • testing.peekHeaderBackground#1c1528
  • testing.runAction#7daea3
  • testing.uncoveredBackground#ea696212
  • testing.uncoveredBorder#ea696240
  • testing.uncoveredBranchBackground#ea696215
  • testing.uncoveredGutterBackground#ea696230
  • textBlockQuote.background#231d3080
  • textBlockQuote.border#752df0
  • textLink.activeForeground#b48df7
  • textLink.foreground#945df4
  • titleBar.activeBackground#0d0a15
  • titleBar.activeForeground#b6b2bd
  • titleBar.border#231d30
  • titleBar.inactiveBackground#0d0a15
  • titleBar.inactiveForeground#8d8896
  • tree.inactiveIndentGuidesStroke#231d30
  • tree.indentGuidesStroke#494158
  • walkThrough.embeddedEditorBackground#0d0a15
  • walkthrough.stepTitle.foreground#945df4
  • welcomePage.background#110c1d
  • welcomePage.progress.background#231d30
  • welcomePage.progress.foreground#752df0
  • welcomePage.tileBackground#1c1528
  • welcomePage.tileBorder#494158
  • welcomePage.tileHoverBackground#231d30
  • widget.border#494158
  • widget.shadow#00000090
  • window.activeBorder#494158
  • window.inactiveBorder#231d30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8d70c0italic
string, string.quoted.single, string.quoted.double, string.quoted.backtick, string.template#f0c870italic
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#8d6fd1italic
constant.numeric#a8d0e0italic
constant.language#945df4italic
constant.character, constant.other#a8d0e0italic
keyword.control, keyword.other#9b69f6italic
storage.type, storage.modifier#9b69f6italic
keyword.operator, storage.type.function.arrow#8d6fd1italic
punctuation#8d8896italic
entity.name.function, support.function#89b8c8italic
variable.parameter#dbd4e8italic
entity.name.type, entity.name.class, entity.name.interface, support.class, support.type, support.type.primitive#945df4italic
variable, variable.other.readwrite#dfdde3italic
entity.name.type.model.prisma, support.type.primitive.prisma#945df4italic
variable.other.property, variable.other.object.property, support.variable.property#dbd4e8italic
entity.name.tag, support.class.component#9b69f6italic
entity.other.attribute-name#a475f5italic
support.type.property-name, support.type.property-name.css#a475f5italic
support.constant.property-value#89b8c8italic
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css#945df4italic
support.type.property-name.json#a475f5italic
string.quoted.double.json#89b8c8italic
constant.numeric.json#e8b44aitalic
string.regexp#e8b44aitalic
meta.decorator, punctuation.decorator#e8b44aitalic
constant.character.escape#945df4italic
markup.heading, punctuation.definition.heading.markdown#945df4italic bold
markup.bold#dfdde3italic bold
markup.italic#dbd4e8italic
markup.underline.link#9b69f6italic
markup.raw.inline, markup.fenced_code.block#a8d0e0italic
invalid#ea6962italic
invalid.deprecated#e8b44aitalic strikethrough
variable.language#945df4italic
keyword.control.import, keyword.control.export, keyword.control.from#9b69f6italic
markup.quote#8d8896italic
markup.list, punctuation.definition.list.begin.markdown#8d6fd1italic
markup.strikethrough#8d6fd1italic strikethrough
variable.other.constant, variable.other.constant.object#c3a4f9italic
entity.name.section.group-title.ini, keyword.other.definition.ini, support.type.property-name.toml#a475f5italic
entity.name.lifetime.rust, punctuation.definition.lifetime.rust#e8b44aitalic
meta.attribute.rust, punctuation.definition.attribute.rust#8d6fd1italic
support.function.builtin.go#89b8c8italic
entity.name.package.go#a475f5italic
meta.embedded, source.groovy.embedded#dfdde3italic
entity.name.tag.yaml, support.type.property-name.yaml, variable.other.anchor.yaml, variable.other.alias.yaml#a475f5italic
entity.other.document.begin.yaml, keyword.control.directive.yaml, storage.type.tag-handle.yaml, storage.type.tag-suffix.yaml#9b69f6italic
keyword.other.special-method.dockerfile, keyword.control.dockerfile, storage.modifier.dockerfile#9b69f6italic
support.function.builtin.shell, support.function.utility.shell, variable.other.option.shell, variable.other.normal.shell#89b8c8italic
keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql, storage.type.sql, support.function.aggregate.sql, support.function.scalar.sql#9b69f6italic
entity.name.function.sql, entity.name.type.sql, support.type.sql#a475f5italic
entity.name.type.graphql, entity.name.function.graphql, support.type.builtin.graphql, variable.graphql#a475f5italic
variable.other.php, punctuation.definition.variable.php, support.class.php, support.function.construct.php#dbd4e8italic
support.function.magic.python, support.variable.magic.python, variable.language.special.self.python, variable.language.special.cls.python#89b8c8italic
entity.name.type.namespace.cs, entity.name.type.class.cs, entity.name.type.interface.cs, meta.attribute.cs, storage.type.cs#a475f5italic
constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby, constant.other.symbol.elixir, constant.other.atom.elixir#c3a4f9italic
support.function.library.lua, support.function.lua, support.type.lua#89b8c8italic
entity.name.type.terraform, entity.name.function.terraform, variable.other.terraform, support.type.property-name.terraform, support.type.property-name.hcl#a475f5italic
keyword.other.import.java, keyword.other.package.java, storage.modifier.import.java, storage.modifier.package.java#9b69f6italic
entity.name.type.c, entity.name.type.cpp, storage.type.c, storage.type.cpp, storage.type.built-in.c, storage.type.built-in.cpp#945df4italic
keyword.other.kotlin, storage.type.kotlin, keyword.other.declaration-specifier.swift, storage.type.swift#9b69f6italic
entity.name.type.dart, support.class.dart#945df4italic
keyword.control.zig, storage.type.zig, support.function.zig#9b69f6italic
entity.name.tag.svelte, entity.name.tag.vue, support.class.component.svelte, support.class.component.vue#9b69f6italic
entity.other.attribute-name.class.tailwind, support.constant.color.tailwind#89b8c8italic
keyword.control.prisma, storage.type.prisma, entity.name.type.model.prisma, variable.other.property.prisma#9b69f6italic
support.function.test.js, support.function.test.ts, entity.name.function.test, support.function.any-method.playwright, support.function.any-method.cypress#a475f5italic
keyword.control.elixir, variable.other.readwrite.module.elixir, entity.name.type.module.elixir, punctuation.section.embedded.elixir, support.function.phoenix#9b69f6italic
source.ruby, keyword.control.ruby, support.class.rails, keyword.other.special-method.ruby, variable.other.readwrite.instance.ruby#9b69f6italic
source.cs, storage.type.cs, keyword.control.cs, entity.name.type.cs, variable.other.object.cs#9b69f6italic
entity.other.attribute-name.ng-binding, entity.other.attribute-name.ng-directive, support.class.component.angular#9b69f6italic
source.js.styled, source.ts.styled, source.jsx.styled, source.tsx.styled, entity.name.tag.styled#89b8c8italic
entity.name.type.sanity, support.type.sanity, variable.other.property.sanity#a475f5italic
support.class.firebase, support.function.firebase#9b69f6italic
Santi020k Theme by Santi020k - VS Code Theme