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.activeBorder#E67E22
  • activityBar.background#F5F5F5
  • activityBar.border#C4C4C4
  • activityBar.dropBorder#E67E22
  • activityBar.foreground#282828
  • activityBar.inactiveForeground#676767
  • activityBarBadge.background#E67E22
  • activityBarBadge.foreground#F5F5F5
  • activityBarTop.activeBackground#F5F5F5
  • activityBarTop.activeBorder#E67E22
  • activityBarTop.background#F5F5F5
  • activityBarTop.dropBorder#E67E22
  • activityBarTop.foreground#282828
  • activityBarTop.inactiveForeground#676767
  • activityErrorBadge.background#C1392B
  • activityErrorBadge.foreground#F5F5F5
  • activityWarningBadge.background#F57C00
  • activityWarningBadge.foreground#F5F5F5
  • badge.background#E67E22
  • badge.foreground#F5F5F5
  • bookmarks.lineBackground#3A7CA511
  • bookmarks.lineBorder#3A7CA566
  • bookmarks.overviewRuler#3A7CA5
  • breadcrumb.activeSelectionForeground#282828
  • breadcrumb.focusForeground#282828
  • breadcrumb.foreground#3B3B3B
  • breadcrumbPicker.background#F5F5F5
  • button.background#E67E22
  • button.foreground#F5F5F5
  • button.hoverBackground#EB9A51
  • button.secondaryBackground#D4A338
  • button.secondaryForeground#F5F5F5
  • button.secondaryHoverBackground#DEB764
  • charts.blue#3A7CA5
  • charts.green#4A8F29
  • charts.orange#D4A338
  • charts.purple#9C3A7A
  • charts.red#C1392B
  • charts.yellow#F4D03F
  • chat.avatarBackground#282828
  • chat.avatarForeground#F5F5F5
  • chat.requestBackground#FFFFFF
  • chat.requestBorder#C4C4C4
  • chat.slashCommandBackground#E67E22
  • chat.slashCommandForeground#F5F5F5
  • checkbox.background#F5F5F5
  • checkbox.border#C4C4C4
  • checkbox.foreground#F57C00
  • commandCenter.activeBackground#FFFFFF
  • commandCenter.activeBorder#E67E22
  • commandCenter.activeForeground#3B3B3B
  • commandCenter.background#FFFFFF
  • commandCenter.border#C4C4C4
  • commandCenter.foreground#3B3B3B
  • commandCenter.inactiveBorder#C4C4C4
  • debugConsole.errorForeground#C1392B
  • debugConsole.infoForeground#3A7CA5
  • debugConsole.sourceForeground#676767
  • debugConsole.warningForeground#F57C00
  • debugConsoleInputIcon.foreground#676767
  • debugExceptionWidget.background#F5F5F5
  • debugExceptionWidget.border#E67E22
  • debugIcon.breakpointCurrentStackframeForeground#5DADE2
  • debugIcon.breakpointDisabledForeground#67676766
  • debugIcon.breakpointForeground#EC7063
  • debugIcon.breakpointStackframeForeground#3A7CA599
  • debugIcon.breakpointUnverifiedForeground#A0A0A0
  • debugIcon.continueForeground#E67E22
  • debugIcon.disconnectForeground#C1392B
  • debugIcon.pauseForeground#E67E22
  • debugIcon.restartForeground#58D68D
  • debugIcon.startForeground#E67E22
  • debugIcon.stepBackForeground#5DADE2
  • debugIcon.stepIntoForeground#5DADE2
  • debugIcon.stepOutForeground#5DADE2
  • debugIcon.stepOverForeground#5DADE2
  • debugIcon.stopForeground#C1392B
  • debugTokenExpression.boolean#F57C00
  • debugTokenExpression.error#C1392B
  • debugTokenExpression.name#282828
  • debugTokenExpression.number#F57C00
  • debugTokenExpression.string#4A8F29
  • debugTokenExpression.type#FF7043
  • debugTokenExpression.value#676767
  • debugToolBar.background#F5F5F5
  • debugToolBar.border#C4C4C4
  • debugView.exceptionLabelBackground#C1392B
  • debugView.exceptionLabelForeground#F5F5F5
  • debugView.stateLabelBackground#3A7CA5
  • debugView.stateLabelForeground#F5F5F5
  • debugView.valueChangedHighlight#3A7CA599
  • descriptionForeground#282828
  • diffEditor.border#C4C4C4
  • diffEditor.diagonalFill#3B3B3B44
  • diffEditor.insertedLineBackground#58D68D09
  • diffEditor.insertedTextBackground#58D68D22
  • diffEditor.removedLineBackground#EC706309
  • diffEditor.removedTextBackground#EC706322
  • diffEditor.unchangedCodeBackground#8E24AA22
  • diffEditor.unchangedRegionForeground#3B3B3B
  • disabledForeground#676767
  • dropdown.background#F5F5F5
  • dropdown.border#C4C4C4
  • dropdown.foreground#282828
  • editor.background#FFFFFF
  • editor.findMatchBackground#2E9C7C44
  • editor.findMatchBorder#2E9C7CAA
  • editor.findMatchHighlightBackground#2E9C7C33
  • editor.findRangeHighlightBackground#58D68D11
  • editor.focusedStackFrameHighlightBackground#5DADE222
  • editor.foldBackground#3A7CA511
  • editor.foldPlaceholderForeground#3B3B3B
  • editor.foreground#282828
  • editor.hoverHighlightBackground#28282811
  • editor.inlineValuesBackground#F5F5F5
  • editor.inlineValuesForeground#3B3B3B
  • editor.lineHighlightBackground#28282809
  • editor.rangeHighlightBackground#28282811
  • editor.selectionBackground#28282822
  • editor.selectionHighlightBackground#28282811
  • editor.snippetFinalTabstopHighlightBackground#2E9C7C33
  • editor.snippetFinalTabstopHighlightBorder#2E9C7C99
  • editor.snippetTabstopHighlightBackground#2E9C7C00
  • editor.snippetTabstopHighlightBorder#2E9C7C99
  • editor.stackFrameHighlightBackground#3A7CA533
  • editor.wordHighlightBackground#28282811
  • editor.wordHighlightStrongBackground#E67E2233
  • editor.wordHighlightStrongBorder#E67E22AA
  • editorBracketHighlight.foreground1#AF7AC588
  • editorBracketHighlight.foreground2#EC706388
  • editorBracketHighlight.foreground3#F4D03F88
  • editorBracketHighlight.foreground4#48C9B088
  • editorBracketHighlight.foreground5#58D68D88
  • editorBracketHighlight.foreground6#5DADE288
  • editorBracketHighlight.unexpectedBracket.foreground#F57C00
  • editorBracketMatch.background#3B3B3B33
  • editorBracketMatch.border#3B3B3B66
  • editorCodeLens.foreground#3B3B3B
  • editorCursor.background#F5F5F5
  • editorCursor.foreground#282828
  • editorError.foreground#C1392B
  • editorGhostText.background#3B3B3B22
  • editorGhostText.foreground#3B3B3B
  • editorGroup.border#C4C4C4
  • editorGroup.dropBackground#28282822
  • editorGroupHeader.noTabsBackground#F5F5F5
  • editorGroupHeader.tabsBackground#F5F5F5
  • editorGutter.addedBackground#58D68D
  • editorGutter.commentRangeForeground#3B3B3B99
  • editorGutter.deletedBackground#EC7063
  • editorGutter.foldingControlForeground#3B3B3B
  • editorGutter.modifiedBackground#5DADE2
  • editorHint.foreground#0097A7
  • editorHoverWidget.background#F5F5F5
  • editorHoverWidget.border#C4C4C4
  • editorIndentGuide.activeBackground#3B3B3B99
  • editorIndentGuide.background#3B3B3B33
  • editorInfo.foreground#3A7CA5
  • editorInlayHint.background#F5F5F5
  • editorInlayHint.foreground#3B3B3B
  • editorLightBulb.foreground#F57C00
  • editorLightBulbAutoFix.foreground#3A7CA5
  • editorLineNumber.activeForeground#282828
  • editorLineNumber.foreground#3B3B3B
  • editorLink.activeForeground#E67E22
  • editorMarkerNavigation.background#F5F5F5
  • editorMarkerNavigationError.background#C1392B44
  • editorMarkerNavigationInfo.background#3A7CA544
  • editorMarkerNavigationWarning.background#F57C0044
  • editorOverviewRuler.addedForeground#58D68D
  • editorOverviewRuler.background#F5F5F5
  • editorOverviewRuler.border#F5F5F5
  • editorOverviewRuler.bracketMatchForeground#3B3B3B
  • editorOverviewRuler.deletedForeground#EC7063
  • editorOverviewRuler.errorForeground#C1392B
  • editorOverviewRuler.findMatchForeground#2E9C7CAA
  • editorOverviewRuler.infoForeground#3A7CA5
  • editorOverviewRuler.modifiedForeground#5DADE2
  • editorOverviewRuler.rangeHighlightForeground#E67E22AA
  • editorOverviewRuler.warningForeground#F57C00
  • editorOverviewRuler.wordHighlightForeground#2E9C7C99
  • editorOverviewRuler.wordHighlightStrongForeground#2E9C7C
  • editorPane.background#F5F5F5
  • editorRuler.foreground#3B3B3B99
  • editorStickyScrollHover.background#28282809
  • editorSuggestWidget.background#F5F5F5
  • editorSuggestWidget.border#C4C4C4
  • editorSuggestWidget.foreground#282828
  • editorSuggestWidget.highlightForeground#E67E22
  • editorSuggestWidget.selectedBackground#E67E2266
  • editorUnnecessaryCode.opacity#00000055
  • editorWarning.foreground#F57C00
  • editorWhitespace.foreground#3B3B3B99
  • editorWidget.background#F5F5F5
  • editorWidget.border#C4C4C4
  • editorWidget.resizeBorder#E67E22
  • errorLens.errorBackground#0000
  • errorLens.errorBackgroundLight#0000
  • errorLens.errorForeground#C1392B
  • errorLens.errorForegroundLight#C1392B
  • errorLens.hintBackground#0000
  • errorLens.hintBackgroundLight#0000
  • errorLens.hintForeground#0097A7
  • errorLens.hintForegroundLight#0097A7
  • errorLens.infoBackground#0000
  • errorLens.infoBackgroundLight#0000
  • errorLens.infoForeground#3A7CA5
  • errorLens.infoForegroundLight#3A7CA5
  • errorLens.warningBackground#0000
  • errorLens.warningBackgroundLight#0000
  • errorLens.warningForeground#F57C00
  • errorLens.warningForegroundLight#F57C00
  • extensionButton.prominentBackground#E67E22
  • extensionButton.prominentForeground#F5F5F5
  • extensionButton.prominentHoverBackground#EDA15D
  • extensionIcon.preReleaseForeground#C1392B
  • extensionIcon.starForeground#E67E22
  • extensionIcon.verifiedForeground#4A8F29
  • filewatcher.error#C1392B
  • focusBorder#E67E2266
  • foreground#282828
  • gitDecoration.addedResourceForeground#58D68D
  • gitDecoration.conflictingResourceForeground#FFCA28
  • gitDecoration.deletedResourceForeground#EC7063
  • gitDecoration.ignoredResourceForeground#676767
  • gitDecoration.modifiedResourceForeground#5DADE2
  • gitDecoration.submoduleResourceForeground#8E24AA
  • gitDecoration.untrackedResourceForeground#8E24AA
  • gitlens.closedPullRequestIconColor#282828
  • gitlens.decorations.addedForegroundColor#58D68D
  • gitlens.decorations.branchAheadForegroundColor#5C6BC0
  • gitlens.decorations.branchBehindForegroundColor#9CCC65
  • gitlens.decorations.branchDivergedForegroundColor#FFCA28
  • gitlens.decorations.branchUnpublishedForegroundColor#8E24AA
  • gitlens.decorations.branchUpToDateForegroundColor#282828
  • gitlens.decorations.copiedForegroundColor#5DADE2
  • gitlens.decorations.deletedForegroundColor#EC7063
  • gitlens.decorations.ignoredForegroundColor#676767
  • gitlens.decorations.modifiedForegroundColor#5DADE2
  • gitlens.decorations.renamedForegroundColor#5DADE2
  • gitlens.decorations.untrackedForegroundColor#8E24AA
  • gitlens.gutterBackgroundColor#FFFFFF
  • gitlens.gutterForegroundColor#3B3B3B
  • gitlens.gutterUncommittedForegroundColor#8E24AA
  • gitlens.lineHighlightBackgroundColor#58D68D11
  • gitlens.lineHighlightOverviewRulerColor#58D68D11
  • gitlens.mergedPullRequestIconColor#282828
  • gitlens.openPullRequestIconColor#282828
  • gitlens.unpublishedCommitIconColor#282828
  • gitlens.unpulledChangesIconColor#282828
  • gitlens.unpushlishedChangesIconColor#282828
  • icon.foreground#282828
  • input.background#FFFFFF
  • input.border#C4C4C4
  • input.placeholderForeground#3B3B3B
  • inputOption.activeBorder#E67E2266
  • inputValidation.errorBackground#C1392B
  • inputValidation.errorBorder#C1392B
  • inputValidation.errorForeground#F5F5F5
  • inputValidation.infoBackground#3A7CA5
  • inputValidation.infoBorder#3A7CA5
  • inputValidation.infoForeground#F5F5F5
  • inputValidation.warningBackground#F57C00
  • inputValidation.warningBorder#F57C00
  • inputValidation.warningForeground#F5F5F5
  • issues.closed#C1392B
  • issues.newIssueDecoration#3B3B3B
  • issues.open#4A8F29
  • keybindingLabel.background#B7B7B766
  • keybindingLabel.border#C4C4C4
  • keybindingLabel.bottomBorder#C4C4C4
  • keybindingLabel.foreground#282828
  • keybindingTable.headerBackground#F5F5F5
  • keybindingTable.rowsBackground#F5F5F566
  • lintlens.annotationColor#0097A799
  • list.activeSelectionBackground#E67E22AA
  • list.activeSelectionForeground#282828
  • list.deemphasizedForeground#676767
  • list.dropBackground#28282822
  • list.errorForeground#C1392B
  • list.filterMatchBackground#2E9C7C44
  • list.highlightForeground#E67E22
  • list.hoverBackground#28282811
  • list.inactiveFocusBackground#28282809
  • list.inactiveSelectionBackground#28282809
  • list.invalidItemForeground#C1392B
  • list.warningForeground#F57C00
  • listFilterWidget.background#F5F5F5
  • listFilterWidget.noMatchesOutline#C1392B
  • menu.background#F5F5F5
  • menu.border#E67E2266
  • menu.foreground#282828
  • menu.selectionBackground#E67E2244
  • menu.selectionForeground#282828
  • menu.separatorBackground#C4C4C4
  • menubar.selectionBackground#E67E22
  • menubar.selectionForeground#282828
  • merge.border#C4C4C499
  • merge.commonContentBackground#B0B0B011
  • merge.commonHeaderBackground#B0B0B033
  • merge.currentContentBackground#9CCC6511
  • merge.currentHeaderBackground#9CCC6533
  • merge.incomingContentBackground#5C6BC011
  • merge.incomingHeaderBackground#5C6BC033
  • mergeEditor.change.background#FFCA2811
  • mergeEditor.change.word.background#FFCA2822
  • mergeEditor.conflict.handled.minimapOverViewRuler#5DADE2
  • mergeEditor.conflict.handledFocused.border#5DADE266
  • mergeEditor.conflict.handledUnfocused.border#5DADE222
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#FFCA28
  • mergeEditor.conflict.unhandledFocused.border#FFCA2866
  • mergeEditor.conflict.unhandledUnfocused.border#FFCA2822
  • mergeEditor.conflictingLines.background#FFCA2866
  • minimap.background#F5F5F5
  • minimap.errorHighlight#C1392B
  • minimap.findMatchHighlight#2E9C7C44
  • minimap.selectionHighlight#282828AA
  • minimap.warningHighlight#F57C00
  • minimapGutter.addedBackground#58D68D
  • minimapGutter.deletedBackground#EC7063
  • minimapGutter.modifiedBackground#5DADE2
  • minimapSlider.activeBackground#E67E2266
  • minimapSlider.background#E67E2222
  • minimapSlider.hoverBackground#E67E2244
  • multiDiffEditor.headerBackground#F5F5F5
  • notebook.cellBorderColor#C4C4C4
  • notebook.cellHoverBackground#28282809
  • notebook.cellInsertionIndicator#E67E22
  • notebook.cellStatusBarItemHoverBackground#B7B7B766
  • notebook.cellToolbarSeparator#C4C4C4
  • notebook.focusedCellBackground#28282809
  • notebook.focusedCellBorder#E67E2266
  • notebook.inactiveFocusedCellBorder#E67E2244
  • notebook.outputContainerBackgroundColor#F5F5F5
  • notebook.selectedCellBackground#28282822
  • notebook.symbolHighlightBackground#28282811
  • notebookStatusErrorIcon.foreground#C1392B
  • notebookStatusRunningIcon.foreground#282828
  • notebookStatusSuccessIcon.foreground#4A8F29
  • notificationCenter.border#C4C4C4
  • notificationCenterHeader.background#C4C4C4
  • notificationCenterHeader.foreground#282828
  • notificationLink.foreground#E67E22
  • notifications.background#F5F5F5
  • notifications.border#C4C4C4
  • notificationsErrorIcon.foreground#C1392B
  • notificationsInfoIcon.foreground#3A7CA5
  • notificationsWarningIcon.foreground#F57C00
  • notificationToast.border#C4C4C4
  • panel.background#F5F5F5
  • panel.border#C4C4C4
  • panel.dropBorder#E67E22
  • panelSection.border#C4C4C4
  • panelSection.dropBackground#28282822
  • panelSectionHeader.background#F5F5F5
  • panelSectionHeader.border#C4C4C4
  • panelSectionHeader.foreground#3B3B3B
  • panelTitle.activeBorder#E67E22
  • panelTitle.activeForeground#282828
  • panelTitle.inactiveForeground#3B3B3B
  • peekView.border#E67E2299
  • peekViewEditor.background#FFFFFF
  • peekViewEditor.matchHighlightBackground#2E9C7C22
  • peekViewEditorGutter.background#F5F5F5
  • peekViewResult.background#F5F5F5
  • peekViewResult.fileForeground#282828
  • peekViewResult.lineForeground#282828
  • peekViewResult.matchHighlightBackground#2E9C7C99
  • peekViewResult.selectionBackground#E67E2299
  • peekViewResult.selectionForeground#282828
  • peekViewTitle.background#F5F5F5
  • peekViewTitleDescription.foreground#3B3B3B
  • peekViewTitleLabel.foreground#282828
  • pickerGroup.border#C4C4C4
  • pickerGroup.foreground#282828
  • ports.iconRunningProcessForeground#4A8F29
  • problemsErrorIcon.foreground#C1392B
  • problemsInfoIcon.foreground#3A7CA5
  • problemsWarningIcon.foreground#F57C00
  • progressBar.background#E67E22
  • pullRequests.closed#EC7063
  • pullRequests.draft#8E24AA
  • pullRequests.merged#7B1FA2
  • pullRequests.notification#3A7CA5
  • pullRequests.open#58D68D
  • quickInputList.focusBackground#E67E2299
  • radio.activeBackground#E67E22
  • radio.activeBorder#C4C4C4
  • radio.activeForeground#F5F5F5
  • radio.inactiveBackground#F5F5F5
  • radio.inactiveBorder#C4C4C4
  • radio.inactiveHoverBackground#28282811
  • sash.hoverBorder#C4C4C4
  • scmGraph.foreground1#2E9C7C
  • scmGraph.foreground2#3A7CA5
  • scmGraph.foreground3#9C3A7A
  • scmGraph.foreground4#EC7063
  • scmGraph.foreground5#5DADE2
  • scmGraph.historyItemBaseRefColor#58D68D
  • scmGraph.historyItemHoverAdditionsForeground#58D68D
  • scmGraph.historyItemHoverDefaultLabelBackground#5DADE2
  • scmGraph.historyItemHoverDefaultLabelForeground#F5F5F5
  • scmGraph.historyItemHoverDeletionsForeground#EC7063
  • scmGraph.historyItemHoverLabelForeground#F5F5F5
  • scmGraph.historyItemRefColor#4A8F29
  • scmGraph.historyItemRemoteRefColor#D4A338
  • scrollbar.shadow#676767
  • scrollbarSlider.activeBackground#E67E2266
  • scrollbarSlider.background#E67E2222
  • scrollbarSlider.hoverBackground#E67E2244
  • searchEditor.findMatchBorder#2E9C7C44
  • selection.background#28282844
  • settings.checkboxBackground#F5F5F5
  • settings.checkboxBorder#C4C4C4
  • settings.checkboxForeground#F57C00
  • settings.dropdownBackground#F5F5F5
  • settings.dropdownBorder#C4C4C4
  • settings.dropdownForeground#F57C00
  • settings.dropdownListBorder#C4C4C4
  • settings.focusedRowBackground#28282809
  • settings.focusedRowBorder#E67E2266
  • settings.headerForeground#282828
  • settings.modifiedItemIndicator#E67E22
  • settings.numberInputBackground#F5F5F5
  • settings.numberInputBorder#C4C4C4
  • settings.numberInputForeground#F57C00
  • settings.sashBorder#C4C4C4
  • settings.textInputBackground#F5F5F5
  • settings.textInputBorder#C4C4C4
  • settings.textInputForeground#4A8F29
  • sideBar.background#F5F5F5
  • sideBar.border#C4C4C4
  • sideBar.dropBackground#28282822
  • sideBar.foreground#282828
  • sideBarSectionHeader.background#F5F5F5
  • sideBarSectionHeader.border#C4C4C4
  • sideBarSectionHeader.foreground#3B3B3B
  • sideBarTitle.foreground#3B3B3B
  • sqltools.currentQueryBg#2E9C7C22
  • sqltools.currentQueryOutline#0000
  • statusBar.background#F5F5F5
  • statusBar.border#C4C4C4
  • statusBar.debuggingBackground#5DADE2
  • statusBar.debuggingBorder#C4C4C4
  • statusBar.debuggingForeground#191506
  • statusBar.focusBorder#E67E2266
  • statusBar.foreground#303030
  • statusBar.noFolderBackground#F5F5F5
  • statusBarItem.activeBackground#F5F5F5
  • statusBarItem.compactHoverBackground#0000
  • statusBarItem.errorBackground#C1392B
  • statusBarItem.errorForeground#191506
  • statusBarItem.errorHoverBackground#0000
  • statusBarItem.errorHoverForeground#282828
  • statusBarItem.focusBorder#E67E2266
  • statusBarItem.hoverBackground#0000
  • statusBarItem.hoverForeground#282828
  • statusBarItem.prominentBackground#B7B7B7
  • statusBarItem.prominentForeground#282828
  • statusBarItem.prominentHoverBackground#0000
  • statusBarItem.prominentHoverForeground#282828
  • statusBarItem.remoteBackground#D4A338
  • statusBarItem.remoteForeground#191506
  • statusBarItem.remoteHoverBackground#0000
  • statusBarItem.warningBackground#F57C00
  • statusBarItem.warningForeground#191506
  • statusBarItem.warningHoverBackground#0000
  • statusBarItem.warningHoverForeground#282828
  • symbolIcon.arrayForeground#8E24AA
  • symbolIcon.booleanForeground#F57C00
  • symbolIcon.classForeground#FDD835
  • symbolIcon.constantForeground#F57C00
  • symbolIcon.constructorForeground#FDD835
  • symbolIcon.fieldForeground#F57C00
  • symbolIcon.functionForeground#303F9F
  • symbolIcon.interfaceForeground#FF7043
  • symbolIcon.keywordForeground#7B1FA2
  • symbolIcon.methodForeground#303F9F
  • symbolIcon.moduleForeground#FDD835
  • symbolIcon.namespaceForeground#FDD835
  • symbolIcon.nullForeground#F57C00
  • symbolIcon.numberForeground#F57C00
  • symbolIcon.objectForeground#8E24AA
  • symbolIcon.operatorForeground#7B1FA2
  • symbolIcon.packageForeground#FDD835
  • symbolIcon.propertyForeground#F06292
  • symbolIcon.snippetForeground#F57C00
  • symbolIcon.stringForeground#4A8F29
  • symbolIcon.structForeground#FF7043
  • symbolIcon.textForeground#676767
  • symbolIcon.typeParameterForeground#FF7043
  • symbolIcon.unitForeground#F57C00
  • symbolIcon.variableForeground#26A69A
  • tab.activeBackground#FFFFFF
  • tab.activeBorderTop#E67E22
  • tab.activeForeground#282828
  • tab.activeModifiedBorder#E67E22
  • tab.border#F5F5F5
  • tab.dragAndDropBorder#E67E22
  • tab.hoverForeground#282828
  • tab.inactiveBackground#F5F5F5
  • tab.inactiveForeground#3B3B3B
  • tab.inactiveModifiedBorder#E67E2266
  • tab.lastPinnedBorder#C4C4C4
  • tab.selectedBackground#F5F5F5
  • tab.selectedBorderTop#E67E22
  • tab.unfocusedActiveForeground#3B3B3B
  • tab.unfocusedHoverForeground#282828
  • tab.unfocusedInactiveForeground#3B3B3B
  • terminal.ansiBlack#2C2C2C
  • terminal.ansiBlue#3A7CA5
  • terminal.ansiBrightBlack#8D8D8D
  • terminal.ansiBrightBlue#5DADE2
  • terminal.ansiBrightCyan#48C9B0
  • terminal.ansiBrightGreen#58D68D
  • terminal.ansiBrightMagenta#AF7AC5
  • terminal.ansiBrightRed#EC7063
  • terminal.ansiBrightWhite#5A5A5A
  • terminal.ansiBrightYellow#F4D03F
  • terminal.ansiCyan#2E9C7C
  • terminal.ansiGreen#4A8F29
  • terminal.ansiMagenta#9C3A7A
  • terminal.ansiRed#C1392B
  • terminal.ansiWhite#A0A0A0
  • terminal.ansiYellow#D4A338
  • terminal.background#F5F5F5
  • terminal.border#C4C4C4
  • terminal.findMatchBackground#2E9C7C44
  • terminal.findMatchBorder#2E9C7CAA
  • terminal.findMatchHighlightBackground#2E9C7C33
  • terminal.foreground#282828
  • terminal.initialHintForeground#676767
  • terminal.selectionBackground#28282822
  • terminal.tab.activeBorder#E67E22
  • terminalCommandDecoration.defaultBackground#676767
  • terminalCommandDecoration.errorBackground#C1392B
  • terminalCommandDecoration.successBackground#4A8F29
  • terminalCommandGuide.foreground#B7B7B7
  • terminalCursor.foreground#282828
  • terminalOverviewRuler.border#C4C4C4
  • terminalStickyScrollHover.background#B7B7B7FF
  • testExplorer.errorDecorationBackground#C1392B66
  • testing.iconErrored#C1392B
  • testing.iconFailed#C1392B
  • testing.iconPassed#4A8F29
  • testing.iconQueued#3A7CA5
  • testing.iconSkipped#676767
  • testing.iconUnset#3A7CA5
  • testing.message.error.badgeForeground#191506
  • testing.message.error.lineBackground#C1392B66
  • testing.message.info.decorationForeground#191506
  • testing.message.info.lineBackground#3A7CA566
  • testing.peekBorder#C4C4C4
  • testing.runAction#3B3B3B
  • textBlockQuote.background#F5F5F5
  • textBlockQuote.border#E67E22
  • textCodeBlock.background#FFFFFF
  • textLink.activeForeground#E67E22
  • textLink.foreground#E67E22
  • textPreformat.background#F5F5F5
  • textPreformat.foreground#F57C00
  • titleBar.activeBackground#F5F5F5
  • titleBar.activeForeground#282828
  • titleBar.border#C4C4C4
  • titleBar.inactiveBackground#FFFFFF
  • titleBar.inactiveForeground#3B3B3B
  • toolbar.activeBackground#B7B7B7BB
  • toolbar.hoverBackground#B7B7B766
  • toolbar.hoverOutline#0000
  • tree.indentGuidesStroke#3B3B3B99
  • tree.tableColumnsBorder#C4C4C4
  • walkThrough.embeddedEditorBackground#F5F5F5
  • widget.shadow#676767

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.tag, constant.numeric, constant.language, support.type.builtin, support.type.primitive, support.constant#F57C00
comment, punctuation.definition.comment#676767
keyword, storage, storage.type.class, storage.type.enum, storage.type.function, storage.type.interface, storage.type.internaldeclaration, storage.type.modifier, storage.type.namespace, storage.type.property, storage.type.trait, storage.type.type#7B1FA2
punctuation.definition.directive, keyword.control.directive, entity.name.function.preprocessor, entity.name.function.directive, entity.name.label#0097A7
punctuation, meta.brace.angle, meta.brace.round, meta.brace.square, meta.brace.curly, meta.brackets#8E24AA
entity.name.type.class, entity.name.type.namespace, entity.other.inherited-class, storage.type.namespace, support.class, support.other.namespace#FDD835
storage.type, entity.name.type, keyword.other.type, support.type#FF7043
entity.name.function, support.function#303F9F
variable#282828
constant, variable.language#F06292
string#4A8F29
constant.character.escape#26A69A
string.regexp, string.regexp punctuation.definition#26C6DA
string.regexp constant.other.character-class#FF7043
string.regexp constant.other.character-class.set#D81B60
entity.name.section, punctuation.definition.heading#FF7043bold
variable.other.jsdoc, meta.other.type.phpdoc, comment.block.javadoc variable.parameter#A0A0A0
variable.other.link#0097A7
source.c storage.modifier.array.bracket.square, meta.embedded.block.c storage.modifier.array.bracket.square#8E24AA
source.c keyword.other.unit, meta.embedded.block.c keyword.other.unit#F57C00
source.cpp entity.name.type.namespace, meta.embedded.block.cpp entity.name.type.namespace#FDD835
source.cpp storage.type.namespace.definition, meta.embedded.block.cpp storage.type.namespace.definition#7B1FA2
source.cs entity.name.type.namespace, meta.embedded.block.csharp entity.name.type.namespace#FDD835
source.cs keyword.type, meta.embedded.block.csharp keyword.type#FF7043
source.css entity.name.tag, meta.embedded.block.css entity.name.tag, meta.embedded.block.less entity.name.tag#F57C00
source.css entity.other.attribute-name.class, meta.embedded.block.css entity.other.attribute-name.class, meta.embedded.block.less entity.other.attribute-name.class#FDD835
source.css entity.other.attribute-name.id, meta.embedded.block.css entity.other.attribute-name.id, meta.embedded.block.less entity.other.attribute-name.id#4A8F29
source.css entity.other.attribute-name.pseudo-element, meta.embedded.block.css entity.other.attribute-name.pseudo-element, meta.embedded.block.less entity.other.attribute-name.pseudo-element#0097A7
source.css variable, meta.embedded.block.css variable, meta.embedded.block.less variable#26A69A
source.css support.type.property-name, meta.embedded.block.css support.type.property-name, meta.embedded.block.less support.type.property-name#282828
source.css constant.numeric, source.css constant.other.color, source.css keyword.other.unit, source.css support.constant.property-value, meta.embedded.block.css constant.numeric, meta.embedded.block.css constant.other.color, meta.embedded.block.css keyword.other.unit, meta.embedded.block.css support.constant.property-value, meta.embedded.block.less constant.numeric, meta.embedded.block.less constant.other.color, meta.embedded.block.less keyword.other.unit, meta.embedded.block.less support.constant.property-value#F57C00
source.css support.function, meta.embedded.block.css support.function, meta.embedded.block.less support.function#303F9F
text.html entity.other.attribute-name, meta.embedded.block.html entity.other.attribute-name#F06292
text.html meta.attribute.id string.quoted, meta.embedded.block.html meta.attribute.id string.quoted#4A8F29
text.pug entity.other.attribute-name.tag, text.pug entity.name.label#F06292
text.pug entity.other.attribute-name.id#4A8F29
text.pug entity.other.attribute-name.class#FDD835
text.pug storage.type.import.include, text.pug attribute_value#7B1FA2
text.pug meta.tag.other constant.name.attribute.tag.pug#8E24AA
text.pug string.comment#676767
text.pug constant.language.name.generic.filter#303F9F
source.java storage.modifier.import, source.java storage.modifier.package, meta.embedded.block.java storage.modifier.import, meta.embedded.block.java storage.modifier.package#282828
source.js support.variable.object, source.js support.type.object.module, source.ts support.variable.object, source.ts support.type.object.module, source.tsx support.variable.object, source.tsx support.type.object.module, source.svelte support.variable.object, source.svelte support.type.object.module, meta.embedded.block.javascript support.variable.object, meta.embedded.block.javascript support.type.object.module, meta.embedded.block.typescript support.variable.object, meta.embedded.block.typescript support.type.object.module, meta.embedded.block.typescriptreact support.variable.object, meta.embedded.block.typescriptreact support.type.object.module, meta.embedded.block.svelte support.variable.object, meta.embedded.block.svelte support.type.object.module#F57C00
source.js storage.type.js, source.ts storage.type.ts, source.tsx storage.type.tsx, meta.embedded.block.javascript storage.type.js, meta.embedded.block.typescript storage.type.ts, meta.embedded.block.svelte storage.type.js, meta.embedded.block.svelte storage.type.ts, source.js storage.type.class, source.js storage.type.function, source.ts storage.type.class, source.ts storage.type.function, source.tsx storage.type.class, source.tsx storage.type.function, source.svelte storage.type.class, source.svelte storage.type.function, meta.embedded.block.javascript storage.type.class, meta.embedded.block.javascript storage.type.function, meta.embedded.block.typescript storage.type.class, meta.embedded.block.typescript storage.type.function, meta.embedded.block.typescriptreact storage.type.class, meta.embedded.block.typescriptreact storage.type.function, meta.embedded.block.svelte storage.type.class, meta.embedded.block.svelte storage.type.function#7B1FA2
source.js new.expr entity.name.type, source.ts new.expr entity.name.type, source.tsx new.expr entity.name.type, source.svelte new.expr entity.name.type, meta.embedded.block.javascript new.expr entity.name.type, meta.embedded.block.typescript new.expr entity.name.type, meta.embedded.block.typescriptreact new.expr entity.name.type, meta.embedded.block.svelte new.expr entity.name.type#FDD835
source.js meta.tag.attributes entity.other.attribute-name, source.js meta.attribute entity.other.attribute-name, source.js variable.other.constant.property, source.ts meta.tag.attributes entity.other.attribute-name, source.ts meta.attribute entity.other.attribute-name, source.ts variable.other.constant.property, source.tsx meta.tag.attributes entity.other.attribute-name, source.tsx meta.attribute entity.other.attribute-name, source.tsx variable.other.constant.property, source.svelte meta.tag.attributes entity.other.attribute-name, source.svelte meta.attribute entity.other.attribute-name, source.svelte variable.other.constant.property, meta.embedded.block.javascript meta.tag.attributes entity.other.attribute-name, meta.embedded.block.javascript meta.attribute entity.other.attribute-name, meta.embedded.block.javascript variable.other.constant.property, meta.embedded.block.typescript meta.tag.attributes entity.other.attribute-name, meta.embedded.block.typescript meta.attribute entity.other.attribute-name, meta.embedded.block.typescript variable.other.constant.property, meta.embedded.block.typescriptreact meta.tag.attributes entity.other.attribute-name, meta.embedded.block.typescriptreact meta.attribute entity.other.attribute-name, meta.embedded.block.typescriptreact variable.other.constant.property, meta.embedded.block.svelte meta.tag.attributes entity.other.attribute-name, meta.embedded.block.svelte meta.attribute entity.other.attribute-name, meta.embedded.block.svelte variable.other.constant.property#F06292
source.ts meta.type.annotation entity.name.type, source.tsx meta.type.annotation entity.name.type, meta.embedded.block.typescript meta.type.annotation entity.name.type, meta.embedded.block.typescriptreact meta.type.annotation entity.name.type#FF7043
source.env variable, source.json support.type.property-name, meta.embedded.block.json support.type.property-name, source.terraform source.terraform.embedded.source variable.other.terraform, meta.embedded.block.terraform source.terraform.embedded.source variable.other.terraform, source.yaml entity.name.tag, meta.embedded.block.yaml entity.name.tag, meta.embedded.block.frontmatter entity.name.tag#F06292
source.yaml entity.other.document.begin, meta.embedded.block.yaml entity.other.document.begin, meta.embedded.block.frontmatter entity.other.document.begin, source.terraform entity.tag.embedded, meta.embedded.block.terraform entity.tag.embedded#8E24AA
source.makefile variable.other, meta.embedded.block.makefile variable.other#F06292
source.makefile meta.scope.prerequisites, meta.embedded.block.makefile meta.scope.prerequisites#D4A338
source.makefile entity.name.function.target, meta.embedded.block.makefile entity.name.function.target#F4D03Fbold
source.makefile support.function.target, meta.embedded.block.makefile support.function.target#F4D03F
source.makefile meta.scope.function-call, meta.embedded.block.makefile meta.scope.function-call#2E9C7C
text.html.markdown markup.quote, meta.embedded.block.markdown markup.quote#676767italic
text.html.markdown markup.inline.raw, meta.embedded.block.markdown markup.inline.raw#F57C00
text.html.markdown constant.other.reference.link, text.html.markdown markup.underline.link, text.html.markdown meta.link.reference, meta.embedded.block.markdown constant.other.reference.link, meta.embedded.block.markdown markup.underline.link, meta.embedded.block.markdown meta.link.reference#0097A7
text.html.markdown string.other.link.title, meta.embedded.block.markdown string.other.link.title#FF7043
text.html.markdown fenced_code.block.language, meta.embedded.block.markdown fenced_code.block.language#8E24AA
text.html.markdown markup.bold, meta.embedded.block.markdown markup.bold#B0B0B0bold
text.html.markdown markup.italic, meta.embedded.block.markdown markup.italic#B0B0B0italic
source.shell variable.other.bracket, source.shell variable.other.special, source.shell variable.other.normal, meta.embedded.block.shellscript variable.other.bracket, meta.embedded.block.shellscript variable.other.special, meta.embedded.block.shellscript variable.other.normal#F06292
source.shell variable.other.positional, meta.embedded.block.shellscript variable.other.positional#F57C00