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#D35400
  • activityBar.background#1A2634
  • activityBar.border#151E2A
  • activityBar.dropBorder#D35400
  • activityBar.foreground#BBBBBB
  • activityBar.inactiveForeground#4B4B4B
  • activityBarBadge.background#D35400
  • activityBarBadge.foreground#05080A
  • activityBarTop.activeBackground#1A2634
  • activityBarTop.activeBorder#D35400
  • activityBarTop.background#1A2634
  • activityBarTop.dropBorder#D35400
  • activityBarTop.foreground#BBBBBB
  • activityBarTop.inactiveForeground#4B4B4B
  • activityErrorBadge.background#E74C3C
  • activityErrorBadge.foreground#05080A
  • activityWarningBadge.background#FFC107
  • activityWarningBadge.foreground#05080A
  • badge.background#D35400
  • badge.foreground#05080A
  • bookmarks.lineBackground#4A90E211
  • bookmarks.lineBorder#4A90E266
  • bookmarks.overviewRuler#4A90E2
  • breadcrumb.activeSelectionForeground#BBBBBB
  • breadcrumb.focusForeground#BBBBBB
  • breadcrumb.foreground#4B4B4B
  • breadcrumbPicker.background#1A2634
  • button.background#D35400
  • button.foreground#05080A
  • button.hoverBackground#FD6500
  • button.secondaryBackground#F39C12
  • button.secondaryForeground#05080A
  • button.secondaryHoverBackground#F6B144
  • charts.blue#4A90E2
  • charts.green#27AE60
  • charts.orange#F39C12
  • charts.purple#9B59B6
  • charts.red#E74C3C
  • charts.yellow#F4D03F
  • chat.avatarBackground#BBBBBB
  • chat.avatarForeground#1A2634
  • chat.requestBackground#212E3D
  • chat.requestBorder#151E2A
  • chat.slashCommandBackground#D35400
  • chat.slashCommandForeground#05080A
  • checkbox.background#1A2634
  • checkbox.border#151E2A
  • checkbox.foreground#FFC107
  • commandCenter.activeBackground#212E3D
  • commandCenter.activeBorder#D35400
  • commandCenter.activeForeground#4B4B4B
  • commandCenter.background#212E3D
  • commandCenter.border#151E2A
  • commandCenter.foreground#4B4B4B
  • commandCenter.inactiveBorder#151E2A
  • debugConsole.errorForeground#E74C3C
  • debugConsole.infoForeground#4A90E2
  • debugConsole.sourceForeground#4B4B4B
  • debugConsole.warningForeground#FFC107
  • debugConsoleInputIcon.foreground#4B4B4B
  • debugExceptionWidget.background#1A2634
  • debugExceptionWidget.border#D35400
  • debugIcon.breakpointCurrentStackframeForeground#5DADE2
  • debugIcon.breakpointDisabledForeground#4B4B4B66
  • debugIcon.breakpointForeground#EC7063
  • debugIcon.breakpointStackframeForeground#4A90E299
  • debugIcon.breakpointUnverifiedForeground#D0D0D0
  • debugIcon.continueForeground#D35400
  • debugIcon.disconnectForeground#E74C3C
  • debugIcon.pauseForeground#D35400
  • debugIcon.restartForeground#58D68D
  • debugIcon.startForeground#D35400
  • debugIcon.stepBackForeground#5DADE2
  • debugIcon.stepIntoForeground#5DADE2
  • debugIcon.stepOutForeground#5DADE2
  • debugIcon.stepOverForeground#5DADE2
  • debugIcon.stopForeground#E74C3C
  • debugTokenExpression.boolean#FFC107
  • debugTokenExpression.error#E74C3C
  • debugTokenExpression.name#BBBBBB
  • debugTokenExpression.number#FFC107
  • debugTokenExpression.string#58D68D
  • debugTokenExpression.type#FF8A65
  • debugTokenExpression.value#4B4B4B
  • debugToolBar.background#1A2634
  • debugToolBar.border#151E2A
  • debugView.exceptionLabelBackground#E74C3C
  • debugView.exceptionLabelForeground#05080A
  • debugView.stateLabelBackground#4A90E2
  • debugView.stateLabelForeground#05080A
  • debugView.valueChangedHighlight#4A90E299
  • descriptionForeground#BBBBBB
  • diffEditor.border#151E2A
  • diffEditor.diagonalFill#4B4B4B44
  • diffEditor.insertedLineBackground#58D68D09
  • diffEditor.insertedTextBackground#58D68D22
  • diffEditor.removedLineBackground#EC706309
  • diffEditor.removedTextBackground#EC706322
  • diffEditor.unchangedCodeBackground#B39DDB22
  • diffEditor.unchangedRegionForeground#4B4B4B
  • disabledForeground#4B4B4B
  • dropdown.background#1A2634
  • dropdown.border#151E2A
  • dropdown.foreground#BBBBBB
  • editor.background#212E3D
  • editor.findMatchBackground#2ECC7144
  • editor.findMatchBorder#2ECC71AA
  • editor.findMatchHighlightBackground#2ECC7133
  • editor.findRangeHighlightBackground#58D68D11
  • editor.focusedStackFrameHighlightBackground#5DADE222
  • editor.foldBackground#4A90E211
  • editor.foldPlaceholderForeground#4B4B4B
  • editor.foreground#BBBBBB
  • editor.hoverHighlightBackground#BBBBBB11
  • editor.inlineValuesBackground#1A2634
  • editor.inlineValuesForeground#4B4B4B
  • editor.lineHighlightBackground#BBBBBB09
  • editor.rangeHighlightBackground#BBBBBB11
  • editor.selectionBackground#BBBBBB22
  • editor.selectionHighlightBackground#BBBBBB11
  • editor.snippetFinalTabstopHighlightBackground#2ECC7133
  • editor.snippetFinalTabstopHighlightBorder#2ECC7199
  • editor.snippetTabstopHighlightBackground#2ECC7100
  • editor.snippetTabstopHighlightBorder#2ECC7199
  • editor.stackFrameHighlightBackground#4A90E233
  • editor.wordHighlightBackground#BBBBBB11
  • editor.wordHighlightStrongBackground#D3540033
  • editor.wordHighlightStrongBorder#D35400AA
  • editorBracketHighlight.foreground1#AF7AC588
  • editorBracketHighlight.foreground2#EC706388
  • editorBracketHighlight.foreground3#F4D03F88
  • editorBracketHighlight.foreground4#48C9B088
  • editorBracketHighlight.foreground5#58D68D88
  • editorBracketHighlight.foreground6#5DADE288
  • editorBracketHighlight.unexpectedBracket.foreground#FFC107
  • editorBracketMatch.background#4B4B4B33
  • editorBracketMatch.border#4B4B4B66
  • editorCodeLens.foreground#4B4B4B
  • editorCursor.background#1A2634
  • editorCursor.foreground#BBBBBB
  • editorError.foreground#E74C3C
  • editorGhostText.background#4B4B4B22
  • editorGhostText.foreground#4B4B4B
  • editorGroup.border#151E2A
  • editorGroup.dropBackground#BBBBBB22
  • editorGroupHeader.noTabsBackground#1A2634
  • editorGroupHeader.tabsBackground#1A2634
  • editorGutter.addedBackground#58D68D
  • editorGutter.commentRangeForeground#4B4B4B99
  • editorGutter.deletedBackground#EC7063
  • editorGutter.foldingControlForeground#4B4B4B
  • editorGutter.modifiedBackground#5DADE2
  • editorHint.foreground#00BCD4
  • editorHoverWidget.background#1A2634
  • editorHoverWidget.border#151E2A
  • editorIndentGuide.activeBackground#4B4B4B99
  • editorIndentGuide.background#4B4B4B33
  • editorInfo.foreground#4A90E2
  • editorInlayHint.background#1A2634
  • editorInlayHint.foreground#4B4B4B
  • editorLightBulb.foreground#FFC107
  • editorLightBulbAutoFix.foreground#4A90E2
  • editorLineNumber.activeForeground#BBBBBB
  • editorLineNumber.foreground#4B4B4B
  • editorLink.activeForeground#D35400
  • editorMarkerNavigation.background#1A2634
  • editorMarkerNavigationError.background#E74C3C44
  • editorMarkerNavigationInfo.background#4A90E244
  • editorMarkerNavigationWarning.background#FFC10744
  • editorOverviewRuler.addedForeground#58D68D
  • editorOverviewRuler.background#1A2634
  • editorOverviewRuler.border#1A2634
  • editorOverviewRuler.bracketMatchForeground#4B4B4B
  • editorOverviewRuler.deletedForeground#EC7063
  • editorOverviewRuler.errorForeground#E74C3C
  • editorOverviewRuler.findMatchForeground#2ECC71AA
  • editorOverviewRuler.infoForeground#4A90E2
  • editorOverviewRuler.modifiedForeground#5DADE2
  • editorOverviewRuler.rangeHighlightForeground#D35400AA
  • editorOverviewRuler.warningForeground#FFC107
  • editorOverviewRuler.wordHighlightForeground#2ECC7199
  • editorOverviewRuler.wordHighlightStrongForeground#2ECC71
  • editorPane.background#1A2634
  • editorRuler.foreground#4B4B4B99
  • editorStickyScrollHover.background#BBBBBB09
  • editorSuggestWidget.background#1A2634
  • editorSuggestWidget.border#151E2A
  • editorSuggestWidget.foreground#BBBBBB
  • editorSuggestWidget.highlightForeground#D35400
  • editorSuggestWidget.selectedBackground#D3540066
  • editorUnnecessaryCode.opacity#00000055
  • editorWarning.foreground#FFC107
  • editorWhitespace.foreground#4B4B4B99
  • editorWidget.background#1A2634
  • editorWidget.border#151E2A
  • editorWidget.resizeBorder#D35400
  • errorLens.errorBackground#0000
  • errorLens.errorBackgroundLight#0000
  • errorLens.errorForeground#E74C3C
  • errorLens.errorForegroundLight#E74C3C
  • errorLens.hintBackground#0000
  • errorLens.hintBackgroundLight#0000
  • errorLens.hintForeground#00BCD4
  • errorLens.hintForegroundLight#00BCD4
  • errorLens.infoBackground#0000
  • errorLens.infoBackgroundLight#0000
  • errorLens.infoForeground#4A90E2
  • errorLens.infoForegroundLight#4A90E2
  • errorLens.warningBackground#0000
  • errorLens.warningBackgroundLight#0000
  • errorLens.warningForeground#FFC107
  • errorLens.warningForegroundLight#FFC107
  • extensionButton.prominentBackground#D35400
  • extensionButton.prominentForeground#05080A
  • extensionButton.prominentHoverBackground#FF6B09
  • extensionIcon.preReleaseForeground#E74C3C
  • extensionIcon.starForeground#D35400
  • extensionIcon.verifiedForeground#27AE60
  • filewatcher.error#E74C3C
  • focusBorder#D3540066
  • foreground#BBBBBB
  • gitDecoration.addedResourceForeground#58D68D
  • gitDecoration.conflictingResourceForeground#FFD54F
  • gitDecoration.deletedResourceForeground#EC7063
  • gitDecoration.ignoredResourceForeground#4B4B4B
  • gitDecoration.modifiedResourceForeground#5DADE2
  • gitDecoration.submoduleResourceForeground#B39DDB
  • gitDecoration.untrackedResourceForeground#B39DDB
  • gitlens.closedPullRequestIconColor#BBBBBB
  • gitlens.decorations.addedForegroundColor#58D68D
  • gitlens.decorations.branchAheadForegroundColor#7986CB
  • gitlens.decorations.branchBehindForegroundColor#AED581
  • gitlens.decorations.branchDivergedForegroundColor#FFD54F
  • gitlens.decorations.branchUnpublishedForegroundColor#B39DDB
  • gitlens.decorations.branchUpToDateForegroundColor#BBBBBB
  • gitlens.decorations.copiedForegroundColor#5DADE2
  • gitlens.decorations.deletedForegroundColor#EC7063
  • gitlens.decorations.ignoredForegroundColor#4B4B4B
  • gitlens.decorations.modifiedForegroundColor#5DADE2
  • gitlens.decorations.renamedForegroundColor#5DADE2
  • gitlens.decorations.untrackedForegroundColor#B39DDB
  • gitlens.gutterBackgroundColor#212E3D
  • gitlens.gutterForegroundColor#4B4B4B
  • gitlens.gutterUncommittedForegroundColor#B39DDB
  • gitlens.lineHighlightBackgroundColor#58D68D11
  • gitlens.lineHighlightOverviewRulerColor#58D68D11
  • gitlens.mergedPullRequestIconColor#BBBBBB
  • gitlens.openPullRequestIconColor#BBBBBB
  • gitlens.unpublishedCommitIconColor#BBBBBB
  • gitlens.unpulledChangesIconColor#BBBBBB
  • gitlens.unpushlishedChangesIconColor#BBBBBB
  • icon.foreground#BBBBBB
  • input.background#212E3D
  • input.border#151E2A
  • input.placeholderForeground#4B4B4B
  • inputOption.activeBorder#D3540066
  • inputValidation.errorBackground#E74C3C
  • inputValidation.errorBorder#E74C3C
  • inputValidation.errorForeground#05080A
  • inputValidation.infoBackground#4A90E2
  • inputValidation.infoBorder#4A90E2
  • inputValidation.infoForeground#05080A
  • inputValidation.warningBackground#FFC107
  • inputValidation.warningBorder#FFC107
  • inputValidation.warningForeground#05080A
  • issues.closed#E74C3C
  • issues.newIssueDecoration#4B4B4B
  • issues.open#27AE60
  • keybindingLabel.background#323C4866
  • keybindingLabel.border#151E2A
  • keybindingLabel.bottomBorder#151E2A
  • keybindingLabel.foreground#BBBBBB
  • keybindingTable.headerBackground#1A2634
  • keybindingTable.rowsBackground#1A263466
  • lintlens.annotationColor#00BCD499
  • list.activeSelectionBackground#D35400AA
  • list.activeSelectionForeground#BBBBBB
  • list.deemphasizedForeground#4B4B4B
  • list.dropBackground#BBBBBB22
  • list.errorForeground#E74C3C
  • list.filterMatchBackground#2ECC7144
  • list.highlightForeground#D35400
  • list.hoverBackground#BBBBBB11
  • list.inactiveFocusBackground#BBBBBB09
  • list.inactiveSelectionBackground#BBBBBB09
  • list.invalidItemForeground#E74C3C
  • list.warningForeground#FFC107
  • listFilterWidget.background#1A2634
  • listFilterWidget.noMatchesOutline#E74C3C
  • menu.background#1A2634
  • menu.border#D3540066
  • menu.foreground#BBBBBB
  • menu.selectionBackground#D3540044
  • menu.selectionForeground#BBBBBB
  • menu.separatorBackground#151E2A
  • menubar.selectionBackground#D35400
  • menubar.selectionForeground#BBBBBB
  • merge.border#151E2A99
  • merge.commonContentBackground#E0E0E011
  • merge.commonHeaderBackground#E0E0E033
  • merge.currentContentBackground#AED58111
  • merge.currentHeaderBackground#AED58133
  • merge.incomingContentBackground#7986CB11
  • merge.incomingHeaderBackground#7986CB33
  • mergeEditor.change.background#FFD54F11
  • mergeEditor.change.word.background#FFD54F22
  • mergeEditor.conflict.handled.minimapOverViewRuler#5DADE2
  • mergeEditor.conflict.handledFocused.border#5DADE266
  • mergeEditor.conflict.handledUnfocused.border#5DADE222
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#FFD54F
  • mergeEditor.conflict.unhandledFocused.border#FFD54F66
  • mergeEditor.conflict.unhandledUnfocused.border#FFD54F22
  • mergeEditor.conflictingLines.background#FFD54F66
  • minimap.background#1A2634
  • minimap.errorHighlight#E74C3C
  • minimap.findMatchHighlight#2ECC7144
  • minimap.selectionHighlight#BBBBBBAA
  • minimap.warningHighlight#FFC107
  • minimapGutter.addedBackground#58D68D
  • minimapGutter.deletedBackground#EC7063
  • minimapGutter.modifiedBackground#5DADE2
  • minimapSlider.activeBackground#D3540066
  • minimapSlider.background#D3540022
  • minimapSlider.hoverBackground#D3540044
  • multiDiffEditor.headerBackground#1A2634
  • notebook.cellBorderColor#151E2A
  • notebook.cellHoverBackground#BBBBBB09
  • notebook.cellInsertionIndicator#D35400
  • notebook.cellStatusBarItemHoverBackground#323C4866
  • notebook.cellToolbarSeparator#151E2A
  • notebook.focusedCellBackground#BBBBBB09
  • notebook.focusedCellBorder#D3540066
  • notebook.inactiveFocusedCellBorder#D3540044
  • notebook.outputContainerBackgroundColor#1A2634
  • notebook.selectedCellBackground#BBBBBB22
  • notebook.symbolHighlightBackground#BBBBBB11
  • notebookStatusErrorIcon.foreground#E74C3C
  • notebookStatusRunningIcon.foreground#BBBBBB
  • notebookStatusSuccessIcon.foreground#27AE60
  • notificationCenter.border#151E2A
  • notificationCenterHeader.background#151E2A
  • notificationCenterHeader.foreground#BBBBBB
  • notificationLink.foreground#D35400
  • notifications.background#1A2634
  • notifications.border#151E2A
  • notificationsErrorIcon.foreground#E74C3C
  • notificationsInfoIcon.foreground#4A90E2
  • notificationsWarningIcon.foreground#FFC107
  • notificationToast.border#151E2A
  • panel.background#1A2634
  • panel.border#151E2A
  • panel.dropBorder#D35400
  • panelSection.border#151E2A
  • panelSection.dropBackground#BBBBBB22
  • panelSectionHeader.background#1A2634
  • panelSectionHeader.border#151E2A
  • panelSectionHeader.foreground#4B4B4B
  • panelTitle.activeBorder#D35400
  • panelTitle.activeForeground#BBBBBB
  • panelTitle.inactiveForeground#4B4B4B
  • peekView.border#D3540099
  • peekViewEditor.background#212E3D
  • peekViewEditor.matchHighlightBackground#2ECC7122
  • peekViewEditorGutter.background#1A2634
  • peekViewResult.background#1A2634
  • peekViewResult.fileForeground#BBBBBB
  • peekViewResult.lineForeground#BBBBBB
  • peekViewResult.matchHighlightBackground#2ECC7199
  • peekViewResult.selectionBackground#D3540099
  • peekViewResult.selectionForeground#BBBBBB
  • peekViewTitle.background#1A2634
  • peekViewTitleDescription.foreground#4B4B4B
  • peekViewTitleLabel.foreground#BBBBBB
  • pickerGroup.border#151E2A
  • pickerGroup.foreground#BBBBBB
  • ports.iconRunningProcessForeground#27AE60
  • problemsErrorIcon.foreground#E74C3C
  • problemsInfoIcon.foreground#4A90E2
  • problemsWarningIcon.foreground#FFC107
  • progressBar.background#D35400
  • pullRequests.closed#EC7063
  • pullRequests.draft#B39DDB
  • pullRequests.merged#9C27B0
  • pullRequests.notification#4A90E2
  • pullRequests.open#58D68D
  • quickInputList.focusBackground#D3540099
  • radio.activeBackground#D35400
  • radio.activeBorder#151E2A
  • radio.activeForeground#05080A
  • radio.inactiveBackground#1A2634
  • radio.inactiveBorder#151E2A
  • radio.inactiveHoverBackground#BBBBBB11
  • sash.hoverBorder#151E2A
  • scmGraph.foreground1#2ECC71
  • scmGraph.foreground2#4A90E2
  • scmGraph.foreground3#9B59B6
  • scmGraph.foreground4#EC7063
  • scmGraph.foreground5#5DADE2
  • scmGraph.historyItemBaseRefColor#58D68D
  • scmGraph.historyItemHoverAdditionsForeground#58D68D
  • scmGraph.historyItemHoverDefaultLabelBackground#5DADE2
  • scmGraph.historyItemHoverDefaultLabelForeground#05080A
  • scmGraph.historyItemHoverDeletionsForeground#EC7063
  • scmGraph.historyItemHoverLabelForeground#05080A
  • scmGraph.historyItemRefColor#27AE60
  • scmGraph.historyItemRemoteRefColor#F39C12
  • scrollbar.shadow#0D131A
  • scrollbarSlider.activeBackground#D3540066
  • scrollbarSlider.background#D3540022
  • scrollbarSlider.hoverBackground#D3540044
  • searchEditor.findMatchBorder#2ECC7144
  • selection.background#BBBBBB44
  • settings.checkboxBackground#1A2634
  • settings.checkboxBorder#151E2A
  • settings.checkboxForeground#FFC107
  • settings.dropdownBackground#1A2634
  • settings.dropdownBorder#151E2A
  • settings.dropdownForeground#FFC107
  • settings.dropdownListBorder#151E2A
  • settings.focusedRowBackground#BBBBBB09
  • settings.focusedRowBorder#D3540066
  • settings.headerForeground#BBBBBB
  • settings.modifiedItemIndicator#D35400
  • settings.numberInputBackground#1A2634
  • settings.numberInputBorder#151E2A
  • settings.numberInputForeground#FFC107
  • settings.sashBorder#151E2A
  • settings.textInputBackground#1A2634
  • settings.textInputBorder#151E2A
  • settings.textInputForeground#58D68D
  • sideBar.background#1A2634
  • sideBar.border#151E2A
  • sideBar.dropBackground#BBBBBB22
  • sideBar.foreground#BBBBBB
  • sideBarSectionHeader.background#1A2634
  • sideBarSectionHeader.border#151E2A
  • sideBarSectionHeader.foreground#4B4B4B
  • sideBarTitle.foreground#4B4B4B
  • sqltools.currentQueryBg#2ECC7122
  • sqltools.currentQueryOutline#0000
  • statusBar.background#1A2634
  • statusBar.border#151E2A
  • statusBar.debuggingBackground#5DADE2
  • statusBar.debuggingBorder#151E2A
  • statusBar.debuggingForeground#191506
  • statusBar.focusBorder#D3540066
  • statusBar.foreground#696969
  • statusBar.noFolderBackground#1A2634
  • statusBarItem.activeBackground#1A2634
  • statusBarItem.compactHoverBackground#0000
  • statusBarItem.errorBackground#E74C3C
  • statusBarItem.errorForeground#191506
  • statusBarItem.errorHoverBackground#0000
  • statusBarItem.errorHoverForeground#BBBBBB
  • statusBarItem.focusBorder#D3540066
  • statusBarItem.hoverBackground#0000
  • statusBarItem.hoverForeground#BBBBBB
  • statusBarItem.prominentBackground#323C48
  • statusBarItem.prominentForeground#BBBBBB
  • statusBarItem.prominentHoverBackground#0000
  • statusBarItem.prominentHoverForeground#BBBBBB
  • statusBarItem.remoteBackground#F39C12
  • statusBarItem.remoteForeground#191506
  • statusBarItem.remoteHoverBackground#0000
  • statusBarItem.warningBackground#FFC107
  • statusBarItem.warningForeground#191506
  • statusBarItem.warningHoverBackground#0000
  • statusBarItem.warningHoverForeground#BBBBBB
  • symbolIcon.arrayForeground#B39DDB
  • symbolIcon.booleanForeground#FFC107
  • symbolIcon.classForeground#FFE082
  • symbolIcon.constantForeground#FFC107
  • symbolIcon.constructorForeground#FFE082
  • symbolIcon.fieldForeground#FFC107
  • symbolIcon.functionForeground#5DADE2
  • symbolIcon.interfaceForeground#FF8A65
  • symbolIcon.keywordForeground#AF7AC5
  • symbolIcon.methodForeground#5DADE2
  • symbolIcon.moduleForeground#FFE082
  • symbolIcon.namespaceForeground#FFE082
  • symbolIcon.nullForeground#FFC107
  • symbolIcon.numberForeground#FFC107
  • symbolIcon.objectForeground#B39DDB
  • symbolIcon.operatorForeground#AF7AC5
  • symbolIcon.packageForeground#FFE082
  • symbolIcon.propertyForeground#F48FB1
  • symbolIcon.snippetForeground#FFC107
  • symbolIcon.stringForeground#58D68D
  • symbolIcon.structForeground#FF8A65
  • symbolIcon.textForeground#5E5E5E
  • symbolIcon.typeParameterForeground#FF8A65
  • symbolIcon.unitForeground#FFC107
  • symbolIcon.variableForeground#4DB6AC
  • tab.activeBackground#212E3D
  • tab.activeBorderTop#D35400
  • tab.activeForeground#BBBBBB
  • tab.activeModifiedBorder#D35400
  • tab.border#1A2634
  • tab.dragAndDropBorder#D35400
  • tab.hoverForeground#BBBBBB
  • tab.inactiveBackground#1A2634
  • tab.inactiveForeground#4B4B4B
  • tab.inactiveModifiedBorder#D3540066
  • tab.lastPinnedBorder#151E2A
  • tab.selectedBackground#1A2634
  • tab.selectedBorderTop#D35400
  • tab.unfocusedActiveForeground#4B4B4B
  • tab.unfocusedHoverForeground#BBBBBB
  • tab.unfocusedInactiveForeground#4B4B4B
  • terminal.ansiBlack#263240
  • terminal.ansiBlue#4A90E2
  • terminal.ansiBrightBlack#4E6C91
  • terminal.ansiBrightBlue#5DADE2
  • terminal.ansiBrightCyan#48C9B0
  • terminal.ansiBrightGreen#58D68D
  • terminal.ansiBrightMagenta#AF7AC5
  • terminal.ansiBrightRed#EC7063
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#F4D03F
  • terminal.ansiCyan#2ECC71
  • terminal.ansiGreen#27AE60
  • terminal.ansiMagenta#9B59B6
  • terminal.ansiRed#E74C3C
  • terminal.ansiWhite#D0D0D0
  • terminal.ansiYellow#F39C12
  • terminal.background#1A2634
  • terminal.border#151E2A
  • terminal.findMatchBackground#2ECC7144
  • terminal.findMatchBorder#2ECC71AA
  • terminal.findMatchHighlightBackground#2ECC7133
  • terminal.foreground#BBBBBB
  • terminal.initialHintForeground#4B4B4B
  • terminal.selectionBackground#BBBBBB22
  • terminal.tab.activeBorder#D35400
  • terminalCommandDecoration.defaultBackground#4B4B4B
  • terminalCommandDecoration.errorBackground#E74C3C
  • terminalCommandDecoration.successBackground#27AE60
  • terminalCommandGuide.foreground#323C48
  • terminalCursor.foreground#BBBBBB
  • terminalOverviewRuler.border#151E2A
  • terminalStickyScrollHover.background#323C48FF
  • testExplorer.errorDecorationBackground#E74C3C66
  • testing.iconErrored#E74C3C
  • testing.iconFailed#E74C3C
  • testing.iconPassed#27AE60
  • testing.iconQueued#4A90E2
  • testing.iconSkipped#4B4B4B
  • testing.iconUnset#4A90E2
  • testing.message.error.badgeForeground#191506
  • testing.message.error.lineBackground#E74C3C66
  • testing.message.info.decorationForeground#191506
  • testing.message.info.lineBackground#4A90E266
  • testing.peekBorder#151E2A
  • testing.runAction#4B4B4B
  • textBlockQuote.background#1A2634
  • textBlockQuote.border#D35400
  • textCodeBlock.background#212E3D
  • textLink.activeForeground#D35400
  • textLink.foreground#D35400
  • textPreformat.background#1A2634
  • textPreformat.foreground#FFC107
  • titleBar.activeBackground#1A2634
  • titleBar.activeForeground#BBBBBB
  • titleBar.border#151E2A
  • titleBar.inactiveBackground#212E3D
  • titleBar.inactiveForeground#4B4B4B
  • toolbar.activeBackground#323C48BB
  • toolbar.hoverBackground#323C4866
  • toolbar.hoverOutline#0000
  • tree.indentGuidesStroke#4B4B4B99
  • tree.tableColumnsBorder#151E2A
  • walkThrough.embeddedEditorBackground#1A2634
  • widget.shadow#0D131A

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#FFC107
comment, punctuation.definition.comment#5E5E5E
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#AF7AC5
punctuation.definition.directive, keyword.control.directive, entity.name.function.preprocessor, entity.name.function.directive, entity.name.label#00BCD4
punctuation, meta.brace.angle, meta.brace.round, meta.brace.square, meta.brace.curly, meta.brackets#B39DDB
entity.name.type.class, entity.name.type.namespace, entity.other.inherited-class, storage.type.namespace, support.class, support.other.namespace#FFE082
storage.type, entity.name.type, keyword.other.type, support.type#FF8A65
entity.name.function, support.function#5DADE2
variable#BBBBBB
constant, variable.language#F48FB1
string#58D68D
constant.character.escape#4DB6AC
string.regexp, string.regexp punctuation.definition#48C9B0
string.regexp constant.other.character-class#EC7063
string.regexp constant.other.character-class.set#E91E63
entity.name.section, punctuation.definition.heading#FF8A65bold
variable.other.jsdoc, meta.other.type.phpdoc, comment.block.javadoc variable.parameter#D0D0D0
variable.other.link#00BCD4
source.c storage.modifier.array.bracket.square, meta.embedded.block.c storage.modifier.array.bracket.square#B39DDB
source.c keyword.other.unit, meta.embedded.block.c keyword.other.unit#FFC107
source.cpp entity.name.type.namespace, meta.embedded.block.cpp entity.name.type.namespace#FFE082
source.cpp storage.type.namespace.definition, meta.embedded.block.cpp storage.type.namespace.definition#AF7AC5
source.cs entity.name.type.namespace, meta.embedded.block.csharp entity.name.type.namespace#FFE082
source.cs keyword.type, meta.embedded.block.csharp keyword.type#FF8A65
source.css entity.name.tag, meta.embedded.block.css entity.name.tag, meta.embedded.block.less entity.name.tag#FFC107
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#FFE082
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#27AE60
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#00BCD4
source.css variable, meta.embedded.block.css variable, meta.embedded.block.less variable#4DB6AC
source.css support.type.property-name, meta.embedded.block.css support.type.property-name, meta.embedded.block.less support.type.property-name#BBBBBB
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#FFC107
source.css support.function, meta.embedded.block.css support.function, meta.embedded.block.less support.function#5DADE2
text.html entity.other.attribute-name, meta.embedded.block.html entity.other.attribute-name#F48FB1
text.html meta.attribute.id string.quoted, meta.embedded.block.html meta.attribute.id string.quoted#27AE60
text.pug entity.other.attribute-name.tag, text.pug entity.name.label#F48FB1
text.pug entity.other.attribute-name.id#27AE60
text.pug entity.other.attribute-name.class#FFE082
text.pug storage.type.import.include, text.pug attribute_value#AF7AC5
text.pug meta.tag.other constant.name.attribute.tag.pug#B39DDB
text.pug string.comment#5E5E5E
text.pug constant.language.name.generic.filter#5DADE2
source.java storage.modifier.import, source.java storage.modifier.package, meta.embedded.block.java storage.modifier.import, meta.embedded.block.java storage.modifier.package#BBBBBB
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#FFC107
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#AF7AC5
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#FFE082
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#F48FB1
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#FF8A65
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#F48FB1
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#B39DDB
source.makefile variable.other, meta.embedded.block.makefile variable.other#F48FB1
source.makefile meta.scope.prerequisites, meta.embedded.block.makefile meta.scope.prerequisites#F39C12
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#2ECC71
text.html.markdown markup.quote, meta.embedded.block.markdown markup.quote#5E5E5Eitalic
text.html.markdown markup.inline.raw, meta.embedded.block.markdown markup.inline.raw#FFC107
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#00BCD4
text.html.markdown string.other.link.title, meta.embedded.block.markdown string.other.link.title#FF8A65
text.html.markdown fenced_code.block.language, meta.embedded.block.markdown fenced_code.block.language#B39DDB
text.html.markdown markup.bold, meta.embedded.block.markdown markup.bold#E0E0E0bold
text.html.markdown markup.italic, meta.embedded.block.markdown markup.italic#E0E0E0italic
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#F48FB1
source.shell variable.other.positional, meta.embedded.block.shellscript variable.other.positional#FFC107
comment, punctuation.definition.commentitalic
punctuation.definition.directive, entity.name.function.preprocessor, entity.name.function.directiveitalic
stringitalic
keyword, keyword.operator.expression, keyword.operator.new, storage.modifier, 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.typeitalic
entity.other.attribute-nameitalic
source.css entity.name.tag, meta.embedded.block.css entity.name.tag, meta.embedded.block.less entity.name.tag, source.js storage.type.js, source.js storage.type.ts, source.js storage.type.tsx, source.ts storage.type.js, source.ts storage.type.ts, source.ts storage.type.tsx, source.tsx storage.type.js, source.tsx storage.type.ts, source.tsx storage.type.tsx, source.svelte storage.type.js, source.svelte storage.type.ts, source.svelte storage.type.tsx, meta.embedded.block.javascript storage.type.js, meta.embedded.block.javascript storage.type.ts, meta.embedded.block.javascript storage.type.tsx, meta.embedded.block.typescript storage.type.js, meta.embedded.block.typescript storage.type.ts, meta.embedded.block.typescript storage.type.tsx, meta.embedded.block.typescriptreact storage.type.js, meta.embedded.block.typescriptreact storage.type.ts, meta.embedded.block.typescriptreact storage.type.tsx, meta.embedded.block.svelte storage.type.js, meta.embedded.block.svelte storage.type.ts, meta.embedded.block.svelte storage.type.tsx, source.makefile meta.scope.prerequisites, meta.embedded.block.makefile meta.scope.prerequisites, text.pug storage.type.import.includeitalic
source.json support.type.property-name, meta.embedded.block.json support.type.property-name, source.yaml entity.name.tag, meta.embedded.block.yaml entity.name.tag, meta.embedded.block.frontmatter entity.name.tag
keyword.operator
source.js storage.type.function.arrow, source.ts storage.type.function.arrow, source.tsx storage.type.function.arrow, source.svelte storage.type.function.arrow, meta.embedded.block.javascript storage.type.function.arrow, meta.embedded.block.typescript storage.type.function.arrow, meta.embedded.block.typescriptreact storage.type.function.arrow, meta.embedded.block.svelte storage.type.function.arrow, source.makefile support.function, meta.embedded.block.makefile support.function
text.pug entity.other.attribute-name.class, text.pug entity.other.attribute-name.id
source.css keyword.other.unit, meta.embedded.block.css keyword.other.unit, meta.embedded.block.less keyword.other.unit
source.cs keyword.type, meta.embedded.block.csharp keyword.type
source.c storage.modifier.array.bracket.square, meta.embedded.block.c storage.modifier.array.bracket.square