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.

  • activityBar.activeBackground#45c6b214
  • activityBar.activeBorder#45c6b2
  • activityBar.background#151523
  • activityBar.border#151523
  • activityBar.foreground#45c6b2
  • activityBar.inactiveForeground#8985ad
  • activityBarBadge.background#45c6b2
  • activityBarBadge.foreground#151523
  • activityBarTop.activeBorder#45c6b2
  • activityBarTop.foreground#45c6b2
  • activityBarTop.inactiveForeground#8985ad
  • badge.background#45c6b2
  • badge.foreground#151523
  • banner.background#343348
  • banner.foreground#dbdbeb
  • banner.iconForeground#45c6b2
  • breadcrumb.activeSelectionForeground#45c6b2
  • breadcrumb.background#222133
  • breadcrumb.focusForeground#dbdbeb
  • breadcrumb.foreground#8985ad
  • breadcrumbPicker.background#2a293d
  • button.background#45c6b2
  • button.border#55536e00
  • button.foreground#151523
  • button.hoverBackground#5dcbbc
  • button.secondaryBackground#424158
  • button.secondaryForeground#dbdbeb
  • button.secondaryHoverBackground#55536e
  • charts.blue#63b0e6
  • charts.foreground#dbdbeb
  • charts.green#7aba7c
  • charts.lines#55536e
  • charts.orange#e79c64
  • charts.purple#b7a0f0
  • charts.red#df655f
  • charts.yellow#c5a64c
  • checkbox.background#2a293d
  • checkbox.border#424158
  • checkbox.foreground#45c6b2
  • commandCenter.activeBackground#2a293d
  • commandCenter.activeBorder#45c6b280
  • commandCenter.activeForeground#dbdbeb
  • commandCenter.background#1b1b2a
  • commandCenter.border#424158
  • commandCenter.foreground#a8a6c4
  • commandCenter.inactiveBorder#42415899
  • commandCenter.inactiveForeground#8985ad
  • debugConsole.errorForeground#df655f
  • debugConsole.infoForeground#63b0e6
  • debugConsole.sourceForeground#8985ad
  • debugConsole.warningForeground#c5a64c
  • debugConsoleInputIcon.foreground#45c6b2
  • debugIcon.breakpointCurrentStackframeForeground#c5a64c
  • debugIcon.breakpointDisabledForeground#df655f80
  • debugIcon.breakpointForeground#df655f
  • debugIcon.breakpointStackframeForeground#45c6b2
  • debugIcon.breakpointUnverifiedForeground#55536e
  • debugIcon.continueForeground#b7a0f0
  • debugIcon.disconnectForeground#df655f
  • debugIcon.pauseForeground#63b0e6
  • debugIcon.restartForeground#45c6b2
  • debugIcon.startForeground#7aba7c
  • debugIcon.stepBackForeground#b7a0f0
  • debugIcon.stepIntoForeground#b7a0f0
  • debugIcon.stepOutForeground#b7a0f0
  • debugIcon.stepOverForeground#b7a0f0
  • debugIcon.stopForeground#df655f
  • debugTokenExpression.boolean#d788c0
  • debugTokenExpression.error#df655f
  • debugTokenExpression.name#63b0e6
  • debugTokenExpression.number#e79c64
  • debugTokenExpression.string#7aba7c
  • debugTokenExpression.value#a8a6c4
  • debugToolBar.background#2a293d
  • debugToolBar.border#424158
  • descriptionForeground#8985ad
  • diffEditor.border#424158
  • diffEditor.diagonalFill#42415899
  • diffEditor.insertedLineBackground#6da37118
  • diffEditor.insertedTextBackground#6da37129
  • diffEditor.removedLineBackground#c35b5818
  • diffEditor.removedTextBackground#c35b5829
  • diffEditor.unchangedCodeBackground#34334866
  • diffEditor.unchangedRegionBackground#1b1b2a
  • diffEditorGutter.insertedLineBackground#6da37114
  • diffEditorGutter.removedLineBackground#c35b5814
  • diffEditorOverview.insertedForeground#6da37199
  • diffEditorOverview.removedForeground#c35b5899
  • disabledForeground#6e6c99
  • dropdown.background#2a293d
  • dropdown.border#424158
  • dropdown.foreground#dbdbeb
  • dropdown.listBackground#2a293d
  • editor.background#222133
  • editor.currentSearchMatchHighlightBackground#e79c6466
  • editor.findMatchBackground#e79c6466
  • editor.findMatchBorder#e79c64cc
  • editor.findMatchHighlightBackground#c5a64c38
  • editor.findMatchHighlightBorder#c5a64c00
  • editor.findRangeHighlightBackground#42415880
  • editor.focusedStackFrameHighlightBackground#7aba7c33
  • editor.foreground#dbdbeb
  • editor.hoverHighlightBackground#63b0e61f
  • editor.inactiveSelectionBackground#9790bb2e
  • editor.lineHighlightBackground#343348
  • editor.lineHighlightBorder#34334800
  • editor.rangeHighlightBackground#42415866
  • editor.selectionBackground#9790bb4d
  • editor.selectionHighlightBackground#45c6b229
  • editor.selectionHighlightBorder#45c6b200
  • editor.stackFrameHighlightBackground#c5a64c33
  • editor.symbolHighlightBackground#45c6b233
  • editor.wordHighlightBackground#63b0e629
  • editor.wordHighlightStrongBackground#45c6b238
  • editor.wordHighlightTextBackground#63b0e629
  • editorBracketHighlight.foreground1#72ccc3
  • editorBracketHighlight.foreground2#c2b2ef
  • editorBracketHighlight.foreground3#ccb67c
  • editorBracketHighlight.foreground4#87bde8
  • editorBracketHighlight.foreground5#d8a1cd
  • editorBracketHighlight.foreground6#97c49d
  • editorBracketHighlight.unexpectedBracket.foreground#df655f
  • editorBracketMatch.background#45c6b22e
  • editorBracketMatch.border#45c6b299
  • editorCodeLens.foreground#8985ad
  • editorCursor.background#222133
  • editorCursor.foreground#45c6b2
  • editorError.background#df655f00
  • editorError.foreground#df655f
  • editorGhostText.foreground#8985ad
  • editorGroup.border#151523
  • editorGroup.dropBackground#b7a0f033
  • editorGroupHeader.border#42415800
  • editorGroupHeader.noTabsBackground#151523
  • editorGroupHeader.tabsBackground#151523
  • editorGroupHeader.tabsBorder#151523
  • editorGutter.addedBackground#6da371e6
  • editorGutter.background#222133
  • editorGutter.commentRangeForeground#55536e
  • editorGutter.deletedBackground#c35b58e6
  • editorGutter.foldingControlForeground#a8a6c4
  • editorGutter.modifiedBackground#63b0e6e6
  • editorHint.foreground#45c6b2
  • editorHoverWidget.background#2a293d
  • editorHoverWidget.border#424158
  • editorHoverWidget.foreground#dbdbeb
  • editorHoverWidget.highlightForeground#45c6b2
  • editorIndentGuide.activeBackground1#6e6c99
  • editorIndentGuide.background1#424158
  • editorInfo.background#63b0e600
  • editorInfo.foreground#63b0e6
  • editorInlayHint.background#42415880
  • editorInlayHint.foreground#8985ad
  • editorInlayHint.parameterBackground#42415880
  • editorInlayHint.parameterForeground#8985ad
  • editorInlayHint.typeBackground#42415880
  • editorInlayHint.typeForeground#8985ad
  • editorLightBulb.foreground#c5a64c
  • editorLightBulbAutoFix.foreground#45c6b2
  • editorLineNumber.activeForeground#45c6b2
  • editorLineNumber.dimmedForeground#55536e99
  • editorLineNumber.foreground#6e6c99
  • editorLink.activeForeground#45c6b2
  • editorMarkerNavigation.background#2a293d
  • editorMarkerNavigationError.background#df655f
  • editorMarkerNavigationInfo.background#63b0e6
  • editorMarkerNavigationWarning.background#c5a64c
  • editorMultiCursor.primary.foreground#45c6b2
  • editorMultiCursor.secondary.foreground#b7a0f0
  • editorOverviewRuler.addedForeground#6da37199
  • editorOverviewRuler.background#222133
  • editorOverviewRuler.border#15152300
  • editorOverviewRuler.bracketMatchForeground#45c6b280
  • editorOverviewRuler.deletedForeground#c35b5899
  • editorOverviewRuler.errorForeground#df655f
  • editorOverviewRuler.findMatchForeground#e79c6499
  • editorOverviewRuler.infoForeground#63b0e6
  • editorOverviewRuler.modifiedForeground#63b0e699
  • editorOverviewRuler.rangeHighlightForeground#55536e99
  • editorOverviewRuler.selectionHighlightForeground#45c6b266
  • editorOverviewRuler.warningForeground#c5a64c
  • editorOverviewRuler.wordHighlightForeground#63b0e666
  • editorOverviewRuler.wordHighlightStrongForeground#45c6b280
  • editorPane.background#222133
  • editorRuler.foreground#424158cc
  • editorStickyScroll.background#1b1b2a
  • editorStickyScrollHover.background#343348
  • editorSuggestWidget.background#2a293d
  • editorSuggestWidget.border#424158
  • editorSuggestWidget.focusHighlightForeground#45c6b2
  • editorSuggestWidget.foreground#dbdbeb
  • editorSuggestWidget.highlightForeground#45c6b2
  • editorSuggestWidget.selectedBackground#424158
  • editorSuggestWidget.selectedForeground#e6e6f5
  • editorSuggestWidget.selectedIconForeground#45c6b2
  • editorSuggestWidgetStatus.foreground#8985ad
  • editorUnicodeHighlight.background#c5a64c1f
  • editorUnicodeHighlight.border#c5a64c
  • editorWarning.background#c5a64c00
  • editorWarning.foreground#c5a64c
  • editorWhitespace.foreground#55536e80
  • editorWidget.background#2a293d
  • editorWidget.border#424158
  • editorWidget.foreground#dbdbeb
  • editorWidget.resizeBorder#45c6b2
  • errorForeground#df655f
  • extensionBadge.remoteBackground#45c6b2
  • extensionBadge.remoteForeground#151523
  • extensionButton.background#45c6b2
  • extensionButton.foreground#151523
  • extensionButton.hoverBackground#5dcbbc
  • extensionButton.prominentBackground#45c6b2
  • extensionButton.prominentForeground#151523
  • extensionButton.prominentHoverBackground#5dcbbc
  • extensionIcon.preReleaseForeground#d788c0
  • extensionIcon.sponsorForeground#ed8e9b
  • extensionIcon.starForeground#c5a64c
  • extensionIcon.verifiedForeground#45c6b2
  • focusBorder#45c6b2b3
  • foreground#dbdbeb
  • gitDecoration.addedResourceForeground#7aba7c
  • gitDecoration.conflictingResourceForeground#d788c0
  • gitDecoration.deletedResourceForeground#df655f
  • gitDecoration.ignoredResourceForeground#6e6c99
  • gitDecoration.modifiedResourceForeground#c5a64c
  • gitDecoration.renamedResourceForeground#45c6b2
  • gitDecoration.stageDeletedResourceForeground#df655f
  • gitDecoration.stageModifiedResourceForeground#45c6b2
  • gitDecoration.submoduleResourceForeground#b7a0f0
  • gitDecoration.untrackedResourceForeground#63b0e6
  • icon.foreground#a8a6c4
  • input.background#151523
  • input.border#424158
  • input.foreground#dbdbeb
  • input.placeholderForeground#8985ad
  • inputOption.activeBackground#45c6b240
  • inputOption.activeBorder#45c6b280
  • inputOption.activeForeground#45c6b2
  • inputValidation.errorBackground#482f3c
  • inputValidation.errorBorder#df655f
  • inputValidation.errorForeground#dbdbeb
  • inputValidation.infoBackground#2f3e57
  • inputValidation.infoBorder#63b0e6
  • inputValidation.infoForeground#dbdbeb
  • inputValidation.warningBackground#433c38
  • inputValidation.warningBorder#c5a64c
  • inputValidation.warningForeground#dbdbeb
  • keybindingLabel.background#42415899
  • keybindingLabel.border#55536e66
  • keybindingLabel.bottomBorder#55536e99
  • keybindingLabel.foreground#dbdbeb
  • keybindingTable.headerBackground#343348
  • keybindingTable.rowsBackground#1b1b2a
  • list.activeSelectionBackground#343348
  • list.activeSelectionForeground#e6e6f5
  • list.deemphasizedForeground#8985ad
  • list.dropBackground#b7a0f033
  • list.errorForeground#df655f
  • list.focusBackground#343348
  • list.focusForeground#e6e6f5
  • list.focusHighlightForeground#45c6b2
  • list.focusOutline#45c6b200
  • list.highlightForeground#45c6b2
  • list.hoverBackground#42415880
  • list.hoverForeground#dbdbeb
  • list.inactiveSelectionBackground#2a293d
  • list.inactiveSelectionForeground#dbdbeb
  • list.warningForeground#c5a64c
  • listFilterWidget.background#2a293d
  • listFilterWidget.noMatchesOutline#df655f
  • listFilterWidget.outline#45c6b2
  • menu.background#2a293d
  • menu.border#424158
  • menu.foreground#dbdbeb
  • menu.selectionBackground#424158
  • menu.selectionBorder#45c6b200
  • menu.selectionForeground#e6e6f5
  • menu.separatorBackground#424158
  • menubar.selectionBackground#343348
  • menubar.selectionBorder#45c6b200
  • menubar.selectionForeground#dbdbeb
  • merge.border#42415800
  • merge.commonContentBackground#55536e1f
  • merge.commonHeaderBackground#55536e4d
  • merge.currentContentBackground#45c6b21f
  • merge.currentHeaderBackground#45c6b24d
  • merge.incomingContentBackground#63b0e61f
  • merge.incomingHeaderBackground#63b0e64d
  • mergeEditor.change.background#6da37129
  • mergeEditor.change.word.background#6da37142
  • mergeEditor.conflict.handledFocused.border#7aba7ccc
  • mergeEditor.conflict.handledUnfocused.border#7aba7c66
  • mergeEditor.conflict.unhandledFocused.border#c5a64c
  • mergeEditor.conflict.unhandledUnfocused.border#c5a64c80
  • notebook.cellBorderColor#424158
  • notebook.cellEditorBackground#1b1b2a
  • notebook.cellHoverBackground#34334866
  • notebook.editorBackground#222133
  • notebook.focusedCellBackground#34334880
  • notebook.focusedCellBorder#45c6b299
  • notebook.focusedEditorBorder#45c6b299
  • notebook.inactiveFocusedCellBorder#424158
  • notebook.outputContainerBackgroundColor#1b1b2a80
  • notebook.selectedCellBackground#34334880
  • notebook.selectedCellBorder#424158
  • notebookStatusErrorIcon.foreground#df655f
  • notebookStatusRunningIcon.foreground#63b0e6
  • notebookStatusSuccessIcon.foreground#7aba7c
  • notificationCenter.border#424158
  • notificationCenterHeader.background#343348
  • notificationCenterHeader.foreground#dbdbeb
  • notificationLink.foreground#63b0e6
  • notifications.background#2a293d
  • notifications.border#424158
  • notifications.foreground#dbdbeb
  • notificationsErrorIcon.foreground#df655f
  • notificationsInfoIcon.foreground#63b0e6
  • notificationsWarningIcon.foreground#c5a64c
  • notificationToast.border#424158
  • panel.background#1b1b2a
  • panel.border#151523
  • panel.dropBorder#45c6b2
  • panelInput.border#424158
  • panelSection.border#151523
  • panelSectionHeader.background#1b1b2a
  • panelSectionHeader.foreground#dbdbeb
  • panelTitle.activeBorder#45c6b2
  • panelTitle.activeForeground#e6e6f5
  • panelTitle.inactiveForeground#8985ad
  • peekView.border#45c6b2
  • peekViewEditor.background#151523
  • peekViewEditor.matchHighlightBackground#e79c6466
  • peekViewEditor.matchHighlightBorder#e79c6400
  • peekViewEditorGutter.background#151523
  • peekViewResult.background#1b1b2a
  • peekViewResult.fileForeground#e6e6f5
  • peekViewResult.lineForeground#8985ad
  • peekViewResult.matchHighlightBackground#e79c6438
  • peekViewResult.selectionBackground#343348
  • peekViewResult.selectionForeground#e6e6f5
  • peekViewTitle.background#2a293d
  • peekViewTitleDescription.foreground#8985ad
  • peekViewTitleLabel.foreground#e6e6f5
  • pickerGroup.border#424158cc
  • pickerGroup.foreground#45c6b2
  • problemsErrorIcon.foreground#df655f
  • problemsInfoIcon.foreground#63b0e6
  • problemsWarningIcon.foreground#c5a64c
  • progressBar.background#45c6b2
  • quickInput.background#2a293d
  • quickInput.foreground#dbdbeb
  • quickInputList.focusBackground#424158
  • quickInputList.focusForeground#e6e6f5
  • quickInputList.focusIconForeground#45c6b2
  • quickInputTitle.background#343348
  • sash.hoverBorder#45c6b2
  • scmGraph.foreground1#45c6b2
  • scmGraph.foreground2#b7a0f0
  • scmGraph.foreground3#c5a64c
  • scmGraph.foreground4#63b0e6
  • scmGraph.foreground5#d788c0
  • scmGraph.historyItemHoverLabelForeground#151523
  • scrollbar.shadow#00000066
  • scrollbarSlider.activeBackground#45c6b280
  • scrollbarSlider.background#55536e66
  • scrollbarSlider.hoverBackground#55536e99
  • search.resultsInfoForeground#8985ad
  • searchEditor.findMatchBackground#e79c6438
  • selection.background#9790bb4d
  • settings.checkboxBackground#2a293d
  • settings.checkboxBorder#424158
  • settings.checkboxForeground#45c6b2
  • settings.dropdownBackground#2a293d
  • settings.dropdownBorder#424158
  • settings.dropdownForeground#dbdbeb
  • settings.dropdownListBorder#424158
  • settings.focusedRowBackground#34334899
  • settings.focusedRowBorder#45c6b24d
  • settings.headerBorder#424158
  • settings.headerForeground#e6e6f5
  • settings.modifiedItemIndicator#45c6b2
  • settings.numberInputBackground#151523
  • settings.numberInputBorder#424158
  • settings.numberInputForeground#e79c64
  • settings.sashBorder#424158
  • settings.textInputBackground#151523
  • settings.textInputBorder#424158
  • settings.textInputForeground#dbdbeb
  • sideBar.background#1b1b2a
  • sideBar.border#1b1b2a
  • sideBar.foreground#a8a6c4
  • sideBarSectionHeader.background#1b1b2a
  • sideBarSectionHeader.border#42415899
  • sideBarSectionHeader.foreground#dbdbeb
  • sideBarStickyScroll.background#1b1b2a
  • sideBarTitle.background#1b1b2a
  • sideBarTitle.foreground#8985ad
  • statusBar.background#151523
  • statusBar.border#151523
  • statusBar.debuggingBackground#e79c64
  • statusBar.debuggingBorder#e79c6400
  • statusBar.debuggingForeground#151523
  • statusBar.foreground#a8a6c4
  • statusBar.noFolderBackground#151523
  • statusBar.noFolderForeground#8985ad
  • statusBarItem.activeBackground#55536e80
  • statusBarItem.compactHoverBackground#55536e
  • statusBarItem.errorBackground#df655f00
  • statusBarItem.errorForeground#df655f
  • statusBarItem.focusBorder#45c6b2
  • statusBarItem.hoverBackground#42415899
  • statusBarItem.prominentBackground#424158
  • statusBarItem.prominentForeground#e6e6f5
  • statusBarItem.prominentHoverBackground#55536e
  • statusBarItem.remoteBackground#45c6b2
  • statusBarItem.remoteForeground#151523
  • statusBarItem.warningBackground#c5a64c00
  • statusBarItem.warningForeground#c5a64c
  • symbolIcon.arrayForeground#e79c64
  • symbolIcon.booleanForeground#d788c0
  • symbolIcon.classForeground#c5a64c
  • symbolIcon.colorForeground#d788c0
  • symbolIcon.constantForeground#e79c64
  • symbolIcon.constructorForeground#45c6b2
  • symbolIcon.enumeratorForeground#c5a64c
  • symbolIcon.enumeratorMemberForeground#e79c64
  • symbolIcon.eventForeground#d788c0
  • symbolIcon.fieldForeground#63b0e6
  • symbolIcon.fileForeground#dbdbeb
  • symbolIcon.folderForeground#dbdbeb
  • symbolIcon.functionForeground#45c6b2
  • symbolIcon.interfaceForeground#c5a64c
  • symbolIcon.keyForeground#63b0e6
  • symbolIcon.keywordForeground#b7a0f0
  • symbolIcon.methodForeground#45c6b2
  • symbolIcon.moduleForeground#c5a64c
  • symbolIcon.namespaceForeground#c5a64c
  • symbolIcon.nullForeground#d788c0
  • symbolIcon.numberForeground#e79c64
  • symbolIcon.objectForeground#c5a64c
  • symbolIcon.operatorForeground#b7a0f0
  • symbolIcon.packageForeground#c5a64c
  • symbolIcon.propertyForeground#63b0e6
  • symbolIcon.referenceForeground#63b0e6
  • symbolIcon.snippetForeground#7aba7c
  • symbolIcon.stringForeground#7aba7c
  • symbolIcon.structForeground#c5a64c
  • symbolIcon.textForeground#dbdbeb
  • symbolIcon.typeParameterForeground#c5a64c
  • symbolIcon.unitForeground#d788c0
  • symbolIcon.variableForeground#dbdbeb
  • tab.activeBackground#222133
  • tab.activeBorder#22213300
  • tab.activeBorderTop#45c6b2
  • tab.activeForeground#e6e6f5
  • tab.activeModifiedBorder#c5a64c
  • tab.border#151523
  • tab.hoverBackground#2a293d
  • tab.hoverForeground#dbdbeb
  • tab.inactiveBackground#151523
  • tab.inactiveForeground#8985ad
  • tab.inactiveModifiedBorder#c5a64c80
  • tab.lastPinnedBorder#424158
  • tab.unfocusedActiveBackground#222133
  • tab.unfocusedActiveBorderTop#45c6b266
  • tab.unfocusedActiveForeground#a8a6c4
  • tab.unfocusedInactiveForeground#8985ad
  • terminal.ansiBlack#424158
  • terminal.ansiBlue#63b0e6
  • terminal.ansiBrightBlack#55536e
  • terminal.ansiBrightBlue#7dbbe9
  • terminal.ansiBrightCyan#65ccbf
  • terminal.ansiBrightGreen#90c394
  • terminal.ansiBrightMagenta#d991c5
  • terminal.ansiBrightRed#e07f7d
  • terminal.ansiBrightWhite#e6e6f5
  • terminal.ansiBrightYellow#ccb36e
  • terminal.ansiCyan#45c6b2
  • terminal.ansiGreen#7aba7c
  • terminal.ansiMagenta#b7a0f0
  • terminal.ansiRed#df655f
  • terminal.ansiWhite#dbdbeb
  • terminal.ansiYellow#c5a64c
  • terminal.background#1b1b2a
  • terminal.border#424158
  • terminal.findMatchBackground#e79c6466
  • terminal.findMatchHighlightBackground#c5a64c38
  • terminal.foreground#dbdbeb
  • terminal.inactiveSelectionBackground#9790bb2e
  • terminal.selectionBackground#9790bb4d
  • terminal.tab.activeBorder#45c6b2
  • terminalCommandDecoration.defaultBackground#55536e
  • terminalCommandDecoration.errorBackground#df655f
  • terminalCommandDecoration.successBackground#7aba7c
  • terminalCursor.background#1b1b2a
  • terminalCursor.foreground#45c6b2
  • testing.iconErrored#df655f
  • testing.iconFailed#df655f
  • testing.iconPassed#7aba7c
  • testing.iconQueued#c5a64c
  • testing.iconSkipped#55536e
  • testing.iconUnset#55536e
  • testing.message.error.decorationForeground#df655f
  • testing.message.info.decorationForeground#8985ad
  • testing.runAction#7aba7c
  • textBlockQuote.background#1b1b2a
  • textBlockQuote.border#45c6b2
  • textCodeBlock.background#1b1b2a
  • textLink.activeForeground#45c6b2
  • textLink.foreground#63b0e6
  • textPreformat.background#343348
  • textPreformat.foreground#e79c64
  • textSeparator.foreground#424158
  • titleBar.activeBackground#151523
  • titleBar.activeForeground#dbdbeb
  • titleBar.border#151523
  • titleBar.inactiveBackground#151523
  • titleBar.inactiveForeground#8985ad
  • tree.inactiveIndentGuidesStroke#42415880
  • tree.indentGuidesStroke#424158
  • walkThrough.embeddedEditorBackground#151523
  • welcomePage.background#222133
  • welcomePage.progress.background#424158
  • welcomePage.progress.foreground#45c6b2
  • welcomePage.tileBackground#1b1b2a
  • welcomePage.tileBorder#424158
  • welcomePage.tileHoverBackground#343348
  • widget.border#424158
  • widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.comment#8985aditalic
comment.block.documentation storage.type.class, keyword.other.phpdoc, storage.type.annotation.java#a8a6c4italic
source, variable, variable.other, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable#dbdbeb
variable.parameter, meta.function.parameters variable, entity.name.variable.parameter, variable.other.jsdoc#a8a6c4italic
variable.language, variable.language.this, variable.language.super, variable.language.special.self, keyword.other.this#ed8e9b
variable.other.constant, variable.other.enummember, constant.other.caps, constant.other.placeholder, entity.name.constant#e79c64
constant.numeric, constant.numeric.integer, constant.numeric.float, keyword.other.unit, meta.preprocessor.numeric#e79c64
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.infinity, constant.language.nan, support.constant#d788c0
string, string.quoted, string.template, string.other.link, meta.attribute-selector string#7aba7c
punctuation.definition.string#80a590
constant.character.escape, constant.other.character-class.escape, punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded#e79c64
string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, punctuation.definition.group.regexp#d788c0
keyword, keyword.control, keyword.other, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.logical, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of, storage, storage.type, storage.modifier, keyword.declaration#b7a0f0
keyword.control.flow, keyword.control.return, keyword.control.trycatch, keyword.control.conditional, keyword.control.loop#b7a0f0
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, keyword.control.as#d788c0
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.type.annotation#a8a6c4
storage.type.function.arrow, meta.arrow storage.type.function#b7a0f0
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.parameters, meta.brace#a8a6c4
entity.name.function, meta.function-call entity.name.function, support.function, meta.function-call.generic, variable.function, entity.name.method, meta.method-call entity.name.function#45c6b2
support.function.builtin, support.function.magic, support.macro, entity.name.function.macro#45c6b2
meta.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.annotation#45c6b2italic
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.other.inherited-class, support.type, support.class, storage.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.struct, entity.name.type.trait, entity.name.type.module, meta.type.annotation entity.name.type#c5a64c
support.type.primitive, storage.type.primitive, keyword.type, entity.name.type.primitive#c5a64c
meta.type.parameters entity.name.type, entity.name.type.parameter#cbb374
variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key, variable.object.property, entity.name.tag.yaml#63b0e6
variable.other.object, support.class.dom, support.variable.object#dbdbeb
entity.name.tag, entity.name.tag.html, entity.name.tag.other, meta.tag entity.name.tag, support.class.component#ed8e9b
support.class.component.jsx, support.class.component.tsx, entity.name.tag.namespace#c5a64c
entity.other.attribute-name, entity.other.attribute-name.html, meta.tag entity.other.attribute-name#63b0e6
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end#c08aa3
entity.other.attribute-name.class, entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector#c5a64c
entity.other.attribute-name.id, entity.other.attribute-name.id.css#e79c64
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, meta.selector#d788c0
support.type.property-name.css, meta.property-name#63b0e6
support.constant.property-value, support.constant.font-name, support.constant.color, meta.property-value#45c6b2
keyword.control.at-rule, punctuation.definition.keyword.css#b7a0f0
variable.css, variable.argument.css, support.type.custom-property#d788c0
markup.heading, entity.name.section.markdown#45c6b2bold
punctuation.definition.heading.markdown, markup.heading.setext#60acb0
markup.bold#e79c64bold
markup.italic#d788c0italic
markup.strikethrough#8985adstrikethrough
markup.underline.link, string.other.link.title#63b0e6
string.other.link.description#b7a0f0
markup.inline.raw, markup.fenced_code, markup.raw#7aba7c
markup.quote#a8a6c4italic
markup.list, punctuation.definition.list.begin#ed8e9b
meta.separator.markdown#55536e
markup.inserted, meta.diff.header.to-file#7aba7c
markup.deleted, meta.diff.header.from-file#df655f
markup.changed#c5a64c
meta.diff.range, punctuation.definition.range.diff#d788c0
support.type.property-name.json#63b0e6
source.json meta.structure.dictionary.json support.type.property-name.json#63b0e6
entity.name.type.anchor.yaml, variable.other.alias.yaml#d788c0
entity.name.section.toml, entity.name.tag.ini#c5a64c
keyword.other.definition.ini, variable.other.env#63b0e6
support.function.builtin.shell, entity.name.function.shell#45c6b2
variable.other.normal.shell, punctuation.definition.variable.shell#d788c0
constant.other.option, variable.parameter.option#e79c64
support.function.magic.python, meta.function.decorator.python#45c6b2italic
variable.parameter.function.language.special.self.python#ed8e9b
storage.modifier.lifetime.rust, entity.name.lifetime.rust, meta.attribute.rust#d788c0
entity.name.package.go, variable.other.receiver.go#c5a64c
keyword.control.directive, meta.preprocessor, punctuation.definition.directive#d788c0
keyword.other.DML, keyword.other.DDL#b7a0f0
variable.graphql, meta.selection-set.graphql variable#63b0e6
invalid, invalid.illegal#df655f
invalid.deprecated#c5a64cstrikethrough
invalid.broken, invalid.unimplemented#df655f