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#00000000
  • activityBar.activeBorder#00000000
  • activityBar.activeFocusBorder#00000000
  • activityBar.background#0e1119
  • activityBar.border#00000000
  • activityBar.dropBorder#6068b033
  • activityBar.foreground#d4a8c0
  • activityBar.inactiveForeground#7a88a8
  • activityBarBadge.background#6068b0
  • activityBarBadge.foreground#ffffff
  • activityBarTop.activeBorder#00000000
  • activityBarTop.dropBorder#6068b033
  • activityBarTop.foreground#d4a8c0
  • activityBarTop.inactiveForeground#7a88a8
  • badge.background#6068b0
  • badge.foreground#ffffff
  • banner.background#334478
  • banner.foreground#c6d2f0
  • banner.iconForeground#c6d2f0
  • breadcrumb.activeSelectionForeground#d4a8c0
  • breadcrumb.background#162040
  • breadcrumb.focusForeground#d4a8c0
  • breadcrumb.foreground#c6d2f0cc
  • breadcrumbPicker.background#131d32
  • button.background#a07888
  • button.border#00000000
  • button.foreground#0c0e18
  • button.hoverBackground#b08898
  • button.secondaryBackground#40508c
  • button.secondaryBorder#6068b0
  • button.secondaryForeground#c6d2f0
  • button.secondaryHoverBackground#4a6ab8
  • button.separator#00000000
  • charts.blue#7cc8ff
  • charts.foreground#c6d2f0
  • charts.green#a0c878
  • charts.lines#9298c2
  • charts.orange#e4c860
  • charts.purple#a2a0f8
  • charts.red#c07888
  • charts.yellow#e4c860
  • checkbox.background#334478
  • checkbox.border#00000000
  • checkbox.foreground#6068b0
  • commandCenter.activeBackground#40508c33
  • commandCenter.activeBorder#6068b0
  • commandCenter.activeForeground#d4a8c0
  • commandCenter.background#131d32
  • commandCenter.border#00000000
  • commandCenter.foreground#9298c2
  • commandCenter.inactiveBorder#00000000
  • commandCenter.inactiveForeground#9298c2
  • debugConsole.errorForeground#c07888
  • debugConsole.infoForeground#7cc8ff
  • debugConsole.sourceForeground#d4a8c0
  • debugConsole.warningForeground#e4c860
  • debugConsoleInputIcon.foreground#c6d2f0
  • debugExceptionWidget.background#10131e
  • debugExceptionWidget.border#a2a0f8
  • debugIcon.breakpointCurrentStackframeForeground#40508c
  • debugIcon.breakpointDisabledForeground#c0788899
  • debugIcon.breakpointForeground#c07888
  • debugIcon.breakpointStackframeForeground#40508c
  • debugIcon.breakpointUnverifiedForeground#9872a8
  • debugIcon.continueForeground#a0c878
  • debugIcon.disconnectForeground#40508c
  • debugIcon.pauseForeground#7cc8ff
  • debugIcon.restartForeground#7ed8f0
  • debugIcon.startForeground#a0c878
  • debugIcon.stepBackForeground#40508c
  • debugIcon.stepIntoForeground#c6d2f0
  • debugIcon.stepOutForeground#c6d2f0
  • debugIcon.stepOverForeground#a2a0f8
  • debugIcon.stopForeground#c07888
  • debugTokenExpression.boolean#a2a0f8
  • debugTokenExpression.error#c07888
  • debugTokenExpression.number#e4c860
  • debugTokenExpression.string#a0c878
  • debugToolBar.background#10131e
  • debugToolBar.border#00000000
  • descriptionForeground#c6d2f0
  • diffEditor.border#40508c
  • diffEditor.diagonalFill#40508c99
  • diffEditor.insertedLineBackground#a0c87826
  • diffEditor.insertedTextBackground#a0c87833
  • diffEditor.removedLineBackground#c0788826
  • diffEditor.removedTextBackground#c0788833
  • diffEditorOverview.insertedForeground#a0c878cc
  • diffEditorOverview.removedForeground#c07888cc
  • disabledForeground#9298c2
  • dropdown.background#131d32
  • dropdown.border#273a6c
  • dropdown.foreground#c6d2f0
  • dropdown.listBackground#40508c
  • editor.background#121620
  • editor.findMatchBackground#6068b0
  • editor.findMatchBorder#c0788833
  • editor.findMatchForeground#ffffff
  • editor.findMatchHighlightBackground#e4c86028
  • editor.findMatchHighlightBorder#7ed8f033
  • editor.findRangeHighlightBackground#1e3860
  • editor.findRangeHighlightBorder#7ed8f033
  • editor.focusedStackFrameHighlightBackground#a0c87826
  • editor.foldBackground#7ed8f040
  • editor.foreground#c6d2f0
  • editor.hoverHighlightBackground#7ed8f040
  • editor.inactiveSelectionBackground#1a2448
  • editor.lineHighlightBackground#152030
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#7ed8f040
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#232f5c
  • editor.selectionHighlightBackground#7ed8f020
  • editor.selectionHighlightBorder#7ed8f033
  • editor.stackFrameHighlightBackground#e4c86026
  • editor.wordHighlightBackground#7cc8ff20
  • editor.wordHighlightStrongBackground#7cc8ff38
  • editorBracketHighlight.foreground1#c6d2f0
  • editorBracketHighlight.foreground2#c6d2f0
  • editorBracketHighlight.foreground3#c6d2f0
  • editorBracketHighlight.foreground4#c6d2f0
  • editorBracketHighlight.foreground5#c6d2f0
  • editorBracketHighlight.foreground6#c6d2f0
  • editorBracketHighlight.unexpectedBracket.foreground#c07888
  • editorBracketMatch.background#dce4f41e
  • editorBracketMatch.border#14141400
  • editorCodeLens.foreground#7a88a8
  • editorCursor.background#162040
  • editorCursor.foreground#7ed8f0
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#c07888
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#7a88a880
  • editorGroup.border#40508c
  • editorGroup.dropBackground#6068b033
  • editorGroup.emptyBackground#162040
  • editorGroupHeader.tabsBackground#0e1119
  • editorGroupHeader.tabsBorder#0e1119
  • editorGutter.addedBackground#a0c878
  • editorGutter.background#121620
  • editorGutter.commentGlyphForeground#6068b0
  • editorGutter.commentRangeForeground#263560
  • editorGutter.deletedBackground#c07888
  • editorGutter.foldingControlForeground#7ed8f0
  • editorGutter.modifiedBackground#e4c860
  • editorHoverWidget.background#131d32
  • editorHoverWidget.border#40508c
  • editorHoverWidget.foreground#c6d2f0
  • editorIndentGuide.activeBackground#40508c
  • editorIndentGuide.background#334478
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#7cc8ff
  • editorInlayHint.background#131d32bf
  • editorInlayHint.foreground#5068b4
  • editorInlayHint.parameterBackground#131d32bf
  • editorInlayHint.parameterForeground#9298c2
  • editorInlayHint.typeBackground#131d32bf
  • editorInlayHint.typeForeground#9298c2
  • editorLightBulb.foreground#e4c860
  • editorLineNumber.activeForeground#d4a8c0
  • editorLineNumber.foreground#7a88a8
  • editorLink.activeForeground#d4a8c0
  • editorMarkerNavigation.background#131d32
  • editorMarkerNavigationError.background#c07888
  • editorMarkerNavigationInfo.background#7cc8ff
  • editorMarkerNavigationWarning.background#e4c860
  • editorOverviewRuler.background#131d32
  • editorOverviewRuler.border#c6d2f012
  • editorOverviewRuler.modifiedForeground#e4c860
  • editorRuler.foreground#40508c
  • editorStickyScroll.background#131d32
  • editorStickyScroll.border#00000000
  • editorStickyScroll.shadow#10131e80
  • editorStickyScrollGutter.background#131d32
  • editorStickyScrollHover.background#263560
  • editorSuggestWidget.background#131d32
  • editorSuggestWidget.border#40508c
  • editorSuggestWidget.foreground#c6d2f0
  • editorSuggestWidget.highlightForeground#d4a8c0
  • editorSuggestWidget.selectedBackground#263560
  • editorUnnecessaryCode.opacity#ffffffa6
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#e4c860
  • editorWhitespace.foreground#273a6c99
  • editorWidget.background#131d32
  • editorWidget.foreground#c6d2f0
  • editorWidget.resizeBorder#40508c
  • errorForeground#c07888
  • errorLens.errorBackground#c0788826
  • errorLens.errorBackgroundLight#c0788826
  • errorLens.errorForeground#c07888
  • errorLens.errorForegroundLight#c07888
  • errorLens.errorMessageBackground#c0788826
  • errorLens.hintBackground#a0c87826
  • errorLens.hintBackgroundLight#a0c87826
  • errorLens.hintForeground#a0c878
  • errorLens.hintForegroundLight#a0c878
  • errorLens.hintMessageBackground#a0c87826
  • errorLens.infoBackground#7cc8ff26
  • errorLens.infoBackgroundLight#7cc8ff26
  • errorLens.infoForeground#7cc8ff
  • errorLens.infoForegroundLight#7cc8ff
  • errorLens.infoMessageBackground#7cc8ff26
  • errorLens.statusBarErrorForeground#c07888
  • errorLens.statusBarHintForeground#a0c878
  • errorLens.statusBarIconErrorForeground#c07888
  • errorLens.statusBarIconWarningForeground#e4c860
  • errorLens.statusBarInfoForeground#7cc8ff
  • errorLens.statusBarWarningForeground#e4c860
  • errorLens.warningBackground#e4c86026
  • errorLens.warningBackgroundLight#e4c86026
  • errorLens.warningForeground#e4c860
  • errorLens.warningForegroundLight#e4c860
  • errorLens.warningMessageBackground#e4c86026
  • extensionBadge.remoteBackground#7cc8ff
  • extensionBadge.remoteForeground#10131e
  • extensionButton.prominentBackground#a07888
  • extensionButton.prominentForeground#0c0e18
  • extensionButton.prominentHoverBackground#b08898
  • extensionButton.separator#162040
  • extensionIcon.preReleaseForeground#40508c
  • extensionIcon.sponsorForeground#d8b8f0
  • extensionIcon.starForeground#e4c860
  • extensionIcon.verifiedForeground#a0c878
  • focusBorder#c0a0b8
  • foreground#c6d2f0
  • gitDecoration.addedResourceForeground#a0c878
  • gitDecoration.conflictingResourceForeground#e4c860
  • gitDecoration.deletedResourceForeground#c07888
  • gitDecoration.ignoredResourceForeground#40508c
  • gitDecoration.modifiedResourceForeground#e4c860
  • gitDecoration.stageDeletedResourceForeground#c07888
  • gitDecoration.stageModifiedResourceForeground#e4c860
  • gitDecoration.submoduleResourceForeground#7cc8ff
  • gitDecoration.untrackedResourceForeground#a0c878
  • gitlens.closedAutolinkedIssueIconColor#a2a0f8
  • gitlens.closedPullRequestIconColor#c07888
  • gitlens.decorations.branchAheadForegroundColor#a0c878
  • gitlens.decorations.branchBehindForegroundColor#e4c860
  • gitlens.decorations.branchDivergedForegroundColor#e4c860
  • gitlens.decorations.branchMissingUpstreamForegroundColor#e4c860
  • gitlens.decorations.branchUnpublishedForegroundColor#a0c878
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#c07888
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#e4c860
  • gitlens.decorations.workspaceCurrentForegroundColor#a2a0f8
  • gitlens.decorations.workspaceRepoMissingForegroundColor#9298c2
  • gitlens.decorations.workspaceRepoOpenForegroundColor#a2a0f8
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#e4c860
  • gitlens.decorations.worktreeMissingForegroundColor#c07888
  • gitlens.graphChangesColumnAddedColor#a0c878
  • gitlens.graphChangesColumnDeletedColor#c07888
  • gitlens.graphLane10Color#d4a8c0
  • gitlens.graphLane1Color#a2a0f8
  • gitlens.graphLane2Color#e4c860
  • gitlens.graphLane3Color#7cc8ff
  • gitlens.graphLane4Color#d4a8c0
  • gitlens.graphLane5Color#a0c878
  • gitlens.graphLane6Color#a2a0f8
  • gitlens.graphLane7Color#d4a8c0
  • gitlens.graphLane8Color#c07888
  • gitlens.graphLane9Color#7ed8f0
  • gitlens.graphMinimapMarkerHeadColor#a0c878
  • gitlens.graphMinimapMarkerHighlightsColor#e4c860
  • gitlens.graphMinimapMarkerLocalBranchesColor#7cc8ff
  • gitlens.graphMinimapMarkerRemoteBranchesColor#7cc8ff
  • gitlens.graphMinimapMarkerStashesColor#a2a0f8
  • gitlens.graphMinimapMarkerTagsColor#d4a8c0
  • gitlens.graphMinimapMarkerUpstreamColor#a0c878
  • gitlens.graphScrollMarkerHeadColor#a0c878
  • gitlens.graphScrollMarkerHighlightsColor#e4c860
  • gitlens.graphScrollMarkerLocalBranchesColor#7cc8ff
  • gitlens.graphScrollMarkerRemoteBranchesColor#7cc8ff
  • gitlens.graphScrollMarkerStashesColor#a2a0f8
  • gitlens.graphScrollMarkerTagsColor#d4a8c0
  • gitlens.graphScrollMarkerUpstreamColor#a0c878
  • gitlens.gutterBackgroundColor#2635604d
  • gitlens.gutterForegroundColor#c6d2f0
  • gitlens.gutterUncommittedForegroundColor#a2a0f8
  • gitlens.lineHighlightBackgroundColor#a2a0f826
  • gitlens.lineHighlightOverviewRulerColor#a2a0f8cc
  • gitlens.mergedPullRequestIconColor#a2a0f8
  • gitlens.openAutolinkedIssueIconColor#a0c878
  • gitlens.openPullRequestIconColor#a0c878
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#c6d2f04d
  • gitlens.unpublishedChangesIconColor#a0c878
  • gitlens.unpublishedCommitIconColor#a0c878
  • gitlens.unpulledChangesIconColor#e4c860
  • icon.foreground#d4a8c0
  • input.background#0b0d12
  • input.border#d4a8c066
  • input.foreground#c6d2f0
  • input.placeholderForeground#7a88a8
  • inputOption.activeBackground#40508c
  • inputOption.activeBorder#6068b0
  • inputOption.activeForeground#c6d2f0
  • inputOption.hoverBackground#33447866
  • inputValidation.errorBackground#c07888
  • inputValidation.errorBorder#10131e33
  • inputValidation.errorForeground#10131e
  • inputValidation.infoBackground#7cc8ff
  • inputValidation.infoBorder#10131e33
  • inputValidation.infoForeground#10131e
  • inputValidation.warningBackground#e4c860
  • inputValidation.warningBorder#10131e33
  • inputValidation.warningForeground#10131e
  • issues.closed#a2a0f8
  • issues.newIssueDecoration#d4a8c0
  • issues.open#a0c878
  • keybindingLabel.background#131d3280
  • keybindingLabel.border#334478
  • keybindingLabel.bottomBorder#273a6c
  • keybindingLabel.foreground#c6d2f0
  • list.activeSelectionBackground#1d2c52
  • list.activeSelectionForeground#c6d2f0
  • list.dropBackground#6068b033
  • list.errorForeground#c07888
  • list.filterMatchBackground#e4c86033
  • list.filterMatchBorder#e4c86066
  • list.focusAndSelectionBackground#334478
  • list.focusBackground#1d2c52
  • list.focusForeground#c6d2f0
  • list.focusHighlightForeground#d4a8c0
  • list.focusOutline#273a6c
  • list.highlightForeground#d4a8c0
  • list.hoverBackground#141e34
  • list.hoverForeground#c6d2f0
  • list.inactiveSelectionBackground#161c2e
  • list.inactiveSelectionForeground#c6d2f0
  • list.treeItemToggleForeground#d4a8c0
  • list.warningForeground#e4c860
  • listFilterWidget.background#334478
  • listFilterWidget.noMatchesOutline#c07888
  • listFilterWidget.outline#00000000
  • menu.background#162040
  • menu.border#16204080
  • menu.foreground#c6d2f0
  • menu.selectionBackground#40508c
  • menu.selectionBorder#00000000
  • menu.selectionForeground#c6d2f0
  • menu.separatorBackground#40508c
  • menubar.selectionBackground#334478
  • menubar.selectionForeground#c6d2f0
  • merge.commonContentBackground#334478
  • merge.commonHeaderBackground#40508c
  • merge.currentContentBackground#a0c87833
  • merge.currentHeaderBackground#a0c87866
  • merge.incomingContentBackground#7cc8ff33
  • merge.incomingHeaderBackground#7cc8ff66
  • mergeEditor.change.background#a0c87826
  • mergeEditor.change.word.background#a0c87840
  • mergeEditor.conflict.handled.minimapOverviewRuler#a0c878bf
  • mergeEditor.conflict.handledFocused.border#a0c878cc
  • mergeEditor.conflict.handledUnfocused.border#a0c87866
  • mergeEditor.conflict.unhandled.minimapOverviewRuler#c07888bf
  • mergeEditor.conflict.unhandledFocused.border#c07888cc
  • mergeEditor.conflict.unhandledUnfocused.border#c0788866
  • mergeEditor.conflictingLines.background#c078881a
  • minimap.background#121620
  • minimap.errorHighlight#c07888bf
  • minimap.findMatchHighlight#7ed8f04d
  • minimap.selectionHighlight#40508cbf
  • minimap.selectionOccurrenceHighlight#40508cbf
  • minimap.warningHighlight#e4c860bf
  • minimapGutter.addedBackground#a0c878bf
  • minimapGutter.deletedBackground#c07888bf
  • minimapGutter.modifiedBackground#e4c860bf
  • minimapSlider.activeBackground#6068b099
  • minimapSlider.background#6068b033
  • minimapSlider.hoverBackground#6068b066
  • notebook.cellBorderColor#334478
  • notebook.cellStatusBarItemHoverBackground#40508c33
  • notebook.editorBackground#121620
  • notebook.focusedCellBackground#6068b00a
  • notebook.focusedCellBorder#6068b0
  • notebook.inactiveFocusedCellBorder#40508c
  • notebook.outputContainerBackgroundColor#162040
  • notebook.outputContainerBorderColor#334478
  • notebook.selectedCellBackground#6068b014
  • notificationCenter.border#273a6c
  • notificationCenterHeader.background#0e1119
  • notificationCenterHeader.foreground#c6d2f0
  • notificationLink.foreground#7cc8ff
  • notifications.background#161c2e
  • notifications.border#334478
  • notifications.foreground#c6d2f0
  • notificationsErrorIcon.foreground#c07888
  • notificationsInfoIcon.foreground#7cc8ff
  • notificationsWarningIcon.foreground#e4c860
  • notificationToast.border#273a6c
  • panel.background#0e1119
  • panel.border#273a6c
  • panelSection.border#40508c
  • panelSection.dropBackground#6068b033
  • panelTitle.activeBorder#d4a8c0
  • panelTitle.activeForeground#c6d2f0
  • panelTitle.inactiveForeground#9298c2
  • peekView.border#273a6c
  • peekViewEditor.background#131d32
  • peekViewEditor.matchHighlightBackground#7ed8f04d
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#131d32
  • peekViewResult.background#131d32
  • peekViewResult.fileForeground#c6d2f0
  • peekViewResult.lineForeground#c6d2f0
  • peekViewResult.matchHighlightBackground#7ed8f04d
  • peekViewResult.selectionBackground#263560
  • peekViewResult.selectionForeground#c6d2f0
  • peekViewTitle.background#162040
  • peekViewTitleDescription.foreground#9298c2b3
  • peekViewTitleLabel.foreground#c6d2f0
  • pickerGroup.border#6068b0
  • pickerGroup.foreground#6068b0
  • problemsErrorIcon.foreground#c07888
  • problemsInfoIcon.foreground#7cc8ff
  • problemsWarningIcon.foreground#e4c860
  • progressBar.background#6068b0
  • pullRequests.closed#c07888
  • pullRequests.draft#7a88a8
  • pullRequests.merged#a2a0f8
  • pullRequests.notification#c6d2f0
  • pullRequests.open#a0c878
  • quickInput.background#0b0d12
  • quickInput.foreground#c6d2f0
  • quickInputList.focusBackground#1d2c52
  • quickInputList.focusForeground#c6d2f0
  • quickInputTitle.background#0e1119
  • sash.hoverBorder#273a6c
  • scmGraph.foreground1#e4c860
  • scmGraph.foreground2#c07888
  • scmGraph.foreground3#a0c878
  • scmGraph.foreground4#a2a0f8
  • scmGraph.foreground5#7ed8f0
  • scmGraph.historyItemBaseRefColor#e4c860
  • scmGraph.historyItemRefColor#7cc8ff
  • scmGraph.historyItemRemoteRefColor#a2a0f8
  • scrollbar.shadow#10131e
  • scrollbarSlider.activeBackground#5068b490
  • scrollbarSlider.background#3344784d
  • scrollbarSlider.hoverBackground#40508c6e
  • selection.background#6068b033
  • settings.dropdownBackground#334478
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#40508c33
  • settings.headerForeground#c6d2f0
  • settings.modifiedItemIndicator#6068b0
  • settings.numberInputBackground#334478
  • settings.numberInputBorder#00000000
  • settings.textInputBackground#334478
  • settings.textInputBorder#00000000
  • sideBar.background#0e1119
  • sideBar.border#273a6c
  • sideBar.dropBackground#6068b033
  • sideBar.foreground#c6d2f0
  • sideBarSectionHeader.background#0e1119
  • sideBarSectionHeader.foreground#c6d2f0
  • sideBarTitle.foreground#9298c2
  • statusBar.background#0e1119
  • statusBar.border#00000000
  • statusBar.debuggingBackground#e4c860
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#10131e
  • statusBar.foreground#7a88a8
  • statusBar.noFolderBackground#0e1119
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#c6d2f0
  • statusBarItem.activeBackground#1d2c52
  • statusBarItem.errorBackground#c07888
  • statusBarItem.errorForeground#ffffff
  • statusBarItem.hoverBackground#141e34
  • statusBarItem.prominentBackground#00000000
  • statusBarItem.prominentForeground#d4a8c0
  • statusBarItem.prominentHoverBackground#40508c33
  • statusBarItem.remoteBackground#7cc8ff
  • statusBarItem.remoteForeground#10131e
  • statusBarItem.warningBackground#e4c860
  • statusBarItem.warningForeground#10131e
  • symbolIcon.arrayForeground#a2a0f8
  • symbolIcon.booleanForeground#a2a0f8
  • symbolIcon.classForeground#7cc8ff
  • symbolIcon.colorForeground#d4a8c0
  • symbolIcon.constantForeground#e4c860
  • symbolIcon.constructorForeground#e49870
  • symbolIcon.enumeratorForeground#7cc8ff
  • symbolIcon.enumeratorMemberForeground#e4c860
  • symbolIcon.eventForeground#d4a8c0
  • symbolIcon.fieldForeground#a2a0f8
  • symbolIcon.fileForeground#9298c2
  • symbolIcon.folderForeground#9298c2
  • symbolIcon.functionForeground#e49870
  • symbolIcon.interfaceForeground#7cc8ff
  • symbolIcon.keyForeground#a2a0f8
  • symbolIcon.keywordForeground#82d2d8
  • symbolIcon.methodForeground#d8c278
  • symbolIcon.moduleForeground#c0c8e0
  • symbolIcon.namespaceForeground#c0c8e0
  • symbolIcon.nullForeground#c07888
  • symbolIcon.numberForeground#d8c278
  • symbolIcon.objectForeground#7cc8ff
  • symbolIcon.operatorForeground#82d2d8
  • symbolIcon.packageForeground#c0c8e0
  • symbolIcon.propertyForeground#a2a0f8
  • symbolIcon.referenceForeground#a2a0f8
  • symbolIcon.snippetForeground#d4a8c0
  • symbolIcon.stringForeground#d888e0
  • symbolIcon.structForeground#7cc8ff
  • symbolIcon.textForeground#c6d2f0
  • symbolIcon.typeParameterForeground#7cc8ff
  • symbolIcon.unitForeground#d8c278
  • symbolIcon.variableForeground#c6d2f0
  • tab.activeBackground#121620
  • tab.activeBorder#121620
  • tab.activeBorderTop#d4a8c0
  • tab.activeForeground#e8eeff
  • tab.activeModifiedBorder#e4c860
  • tab.border#0e1119
  • tab.hoverBackground#141e34
  • tab.hoverBorder#00000000
  • tab.hoverForeground#d4a8c0
  • tab.inactiveBackground#0e1119
  • tab.inactiveForeground#9298c2
  • tab.inactiveModifiedBorder#e4c86073
  • tab.lastPinnedBorder#6068b0
  • tab.unfocusedActiveBackground#131d32
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#273a6c
  • tab.unfocusedActiveForeground#e8eeff99
  • tab.unfocusedInactiveBackground#0d1016
  • tab.unfocusedInactiveForeground#9298c280
  • table.headerBackground#263560
  • table.headerForeground#c6d2f0
  • terminal.ansiBlack#161c2e
  • terminal.ansiBlue#7cc8ff
  • terminal.ansiBrightBlack#5068b4
  • terminal.ansiBrightBlue#66a8f8
  • terminal.ansiBrightCyan#62d0c8
  • terminal.ansiBrightGreen#82d888
  • terminal.ansiBrightMagenta#e0a8f0
  • terminal.ansiBrightRed#f07888
  • terminal.ansiBrightWhite#b0c0de
  • terminal.ansiBrightYellow#dcd090
  • terminal.ansiCyan#7ed8f0
  • terminal.ansiGreen#a0c878
  • terminal.ansiMagenta#d888e0
  • terminal.ansiRed#c07888
  • terminal.ansiWhite#c6d2f0
  • terminal.ansiYellow#e4c860
  • terminal.background#121620
  • terminal.border#40508c
  • terminal.dropBackground#6068b033
  • terminal.findMatchBackground#6068b0cc
  • terminal.findMatchBorder#00000000
  • terminal.findMatchHighlightBackground#6068b04d
  • terminal.foreground#c6d2f0
  • terminal.inactiveSelectionBackground#40508c80
  • terminal.selectionBackground#40508c
  • terminal.tab.activeBorder#d4a8c0
  • terminalCommandDecoration.defaultBackground#40508c
  • terminalCommandDecoration.errorBackground#c07888
  • terminalCommandDecoration.successBackground#a0c878
  • terminalCursor.background#162040
  • terminalCursor.foreground#7ed8f0
  • testing.coverCountBadgeBackground#00000000
  • testing.coverCountBadgeForeground#a2a0f8
  • testing.coveredBackground#a0c8784d
  • testing.coveredBorder#00000000
  • testing.coveredGutterBackground#a0c8784d
  • testing.iconErrored#c07888
  • testing.iconErrored.retired#c07888
  • testing.iconFailed#c07888
  • testing.iconFailed.retired#c07888
  • testing.iconPassed#a0c878
  • testing.iconPassed.retired#a0c878
  • testing.iconQueued#7cc8ff
  • testing.iconQueued.retired#7cc8ff
  • testing.iconSkipped#9298c2
  • testing.iconSkipped.retired#9298c2
  • testing.iconUnset#c6d2f0
  • testing.iconUnset.retired#c6d2f0
  • testing.message.error.decorationForeground#c07888
  • testing.message.error.lineBackground#c0788826
  • testing.message.info.decorationForeground#a0c878cc
  • testing.message.info.lineBackground#a0c87826
  • testing.messagePeekBorder#a2a0f8
  • testing.messagePeekHeaderBackground#40508c
  • testing.peekBorder#a2a0f8
  • testing.peekHeaderBackground#40508c
  • testing.runAction#a2a0f8
  • testing.uncoveredBackground#c0788833
  • testing.uncoveredBorder#00000000
  • testing.uncoveredBranchBackground#c0788833
  • testing.uncoveredGutterBackground#c0788840
  • textBlockQuote.background#131d32
  • textBlockQuote.border#10131e
  • textCodeBlock.background#131d32
  • textLink.activeForeground#7ed8f0
  • textLink.foreground#7cc8ff
  • textPreformat.foreground#c6d2f0
  • textSeparator.foreground#273a6c
  • titleBar.activeBackground#0e1119
  • titleBar.activeForeground#c6d2f0
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0e1119
  • titleBar.inactiveForeground#c6d2f080
  • toolbar.activeBackground#40508c55
  • toolbar.hoverBackground#40508c33
  • tree.inactiveIndentGuidesStroke#334478
  • tree.indentGuidesStroke#7ed8f0
  • walkThrough.embeddedEditorBackground#1620404d
  • welcomePage.progress.background#10131e
  • welcomePage.progress.foreground#6068b0
  • welcomePage.tileBackground#131d32
  • widget.border#273a6c
  • widget.shadow#131d3280

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control.directive#a0c878
string, punctuation.definition.string.begin, punctuation.definition.string.end#d888e0
variable.parameter.function#c6d2f0
comment markup.link#c6d2f0
keyword.operator.logical#c6d2f0
keyword.operator.bitwise#c6d2f0
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.increment, keyword.operator.relational#c6d2f0
keyword.operator.channel#c6d2f0
keyword.operator#c6d2f0
keyword.operator.assignment.compound#82d2d8
keyword.operator.delete#82d2d8
punctuation.separator.delimiter#c6d2f0
keyword#82d2d8
entity.name.namespace#c0c8e0
variable, variable.c#c6d2f0
variable.language#c07888
entity.name.function, meta.require, support.function, variable.function#e49870
entity.name.type.namespace#e49870
support.class, entity.name.type.class#7cc8ff
entity.name.class, variable.other.class.js, variable.other.class.ts, entity.name.class.identifier.namespace.type#e49870
entity.name.type#e49870
keyword.other.special-method#a2a0f8
storage, token.storage#82d2d8
support.function#e49870
entity.other.inherited-class#e49870
constant.other.symbol#c6d2f0
constant.numeric#d8c278
punctuation.definition.constant#e4c860
entity.other.attribute-name#a2a0f8
entity.other.attribute-name.id#a2a0f8
markup.heading#c6d2f0
markup.heading punctuation.definition.heading, entity.name.section#a2a0f8
string.regexp#d8c278
constant.character.escape#82d2d8
variable.interpolation#c6d2f0
punctuation.section.embedded.begin,punctuation.section.embedded.end#82d2d8
invalid.illegal, invalid.illegal.bad-ampersand.html, invalid.broken, invalid.deprecated, invalid.unimplemented#c6d2f0
function.brace#c6d2f0
function.parameter, function.parameter.ruby, function.parameter.cs#c6d2f0
rgb-value#c6d2f0
block.scope.end,block.scope.begin#c6d2f0
token.info-token#a2a0f8
token.warn-token#e4c860
token.error-token#f04860
token.debug-token#82d2d8
meta.brace.square#c6d2f0
comment, punctuation.definition.comment, comment.line.double-slash, comment.block.documentation#dce4f45eitalic
string.quoted.binary.single.python#a0c878
constant.other.ellipsis.python#c0c8e0
support.variable.magic.python#c6d2f0
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c6d2f0
variable.parameter.function.language.special.self.python#e49870
support.type.python#82d2d8
keyword.operator.logical.python#82d2d8
variable.parameter.function.python, variable.parameter.function.language.python#e4c860
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c6d2f0
meta.function-call.generic.python#a2a0f8
constant.character.format.placeholder.other.python#e4c860
meta.function.decorator.python, punctuation.definition.decorator.python, entity.name.function.decorator.python#a0c878
support.token.decorator.python,meta.function.decorator.identifier.python#c6d2f0
keyword.control.import.python,keyword.control.flow.pythonitalic
constant.language.false.cpp, constant.language.true.cpp#82d2d8
variable.language.this.cpp#82d2d8
meta.function.c,meta.function.cpp#c6d2f0
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#c6d2f0
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#82d2d8
punctuation.separator.c,punctuation.separator.cpp#82d2d8
support.type.posix-reserved.c,support.type.posix-reserved.cpp#c6d2f0
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#82d2d8
storage.modifier.reference, storage.modifier.pointer#c0c8e0
keyword.control.directive.include.cpp#a0c878
storage.type.cs#e49870
entity.name.variable.local.cs#c6d2f0
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e49870
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#c6d2f0
punctuation.separator.key-value#c6d2f0
keyword.operator.expression.import#a2a0f8
support.constant.math#e49870
support.constant.property.math#e4c860
variable.other.constant#a2a0f8
meta.object-literal.key,support.variable.object.process,support.variable.object.node#c6d2f0
variable.other.readwrite#7cc8ff
support.variable.property, variable.other.property, variable.other.property.ts, meta.definition.property.ts#a2a0f8
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof, keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.typeof, keyword.operator.expression.void#82d2d8
support.type.object.console#c6d2f0
support.variable.property.process#e4c860
entity.name.function.js,support.function.console.js#d8c278
support.type.object.dom#c6d2f0
support.variable.dom,support.variable.property.dom#c6d2f0
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#c6d2f0
entity.name.type.module, support.module.node, support.type.object.module#e49870
entity.name.tag.template, entity.name.tag.script, entity.name.tag.style#a2a0f8
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#82d2d8
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#82d2d8
meta.template.expression#c6d2f0
keyword.operator.module#82d2d8
support.type.type.flowtype#a2a0f8
support.type.primitive#e49870
meta.property.object#c6d2f0
variable.parameter.function.js#c6d2f0
keyword.other.template.begin, keyword.other.template.end, keyword.other.substitution.begin, keyword.other.substitution.end#d888e0
keyword.operator.assignment#c6d2f0
punctuation.quasi.element#82d2d8
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
storage.type.annotation.java, storage.type.object.array.java#e49870
source.java#c6d2f0
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#c6d2f0
meta.method.java#a2a0f8
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e49870
keyword.operator.instanceof.java#82d2d8
meta.definition.variable.name.java#c6d2f0
token.variable.parameter.java#c6d2f0
import.storage.java#e49870
token.package.keyword#82d2d8
token.package#c6d2f0
token.storage.type.java#e49870
entity.name.type.class.php#7cc8ff
entity.name.type.interface.php#7cc8ff
entity.name.type.trait.php#e49870
entity.name.type.enum.php#7cc8ff
constant.language.php#7cc8ff
constant.other.php#e4c860
variable.language.this.php#c07888
support.function.builtin.php#82d2d8
support.class.builtin.php#82d2d8
variable.other.class.php#c6d2f0
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e49870
keyword.operator.error-control.php#82d2d8
keyword.operator.type.php#82d2d8
punctuation.section.array.begin.php#c6d2f0
punctuation.section.array.end.php#c6d2f0
invalid.illegal.non-null-typehinted.php#f04860
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e49870
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#a2a0f8
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#c6d2f0
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e4c860
entity.name.goto-label.php,support.other.php#a2a0f8
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#c6d2f0
keyword.operator.regexp.php#82d2d8
keyword.operator.comparison.php#c6d2f0
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#82d2d8
storage.modifier.lifetime.rust#c6d2f0
support.function.std.rust#a2a0f8
entity.name.lifetime.rust#e4c860italic
variable.language.rust#c6d2f0
keyword.operator.misc.rust#c6d2f0
keyword.operator.sigil.rust#82d2d8
support.constant.core.rust#e4c860
keyword.operator.assignment.go#e49870
keyword.operator.arithmetic.go, keyword.operator.address.go#82d2d8
entity.name.package.go#e49870
punctuation.definition.tag#9298b0
entity.name.tag.html#7cc8ff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#c6d2f0
support.constant.color.w3c-standard-color-name.css, support.constant.color.w3c-standard-color-name.scss#e4c860
punctuation.separator.list.comma.css#c6d2f0
control.elements, keyword.operator.less#e4c860
meta.property-name.css#7cc8ff
meta.tag#e8c870
meta.property-value.css#d888e0
entity.other.attribute-name.class.css#e4c860
meta.selector#82d2d8
keyword.other.unit#d8c278
constant.other.color#d8c278
inline-color-decoration rgb-value#e4c860
less rgb-value#e4c860
selector.sass#c6d2f0
constant.character.entity#c6d2f0
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#c6d2f0
markup.changed.diff#e49870
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#a2a0f8
markup.inserted.diff#d888e0
markup.deleted.diff#c6d2f0
markup.bold,todo.bold#e4c860
punctuation.definition.bold#e49870
markup.italic, punctuation.definition.italic,todo.emphasis#82d2d8
emphasis md#82d2d8
entity.name.section.markdown#c6d2f0
punctuation.definition.heading.markdown#c6d2f0
markup.heading.setext#c6d2f0
punctuation.definition.bold.markdown#e4c860
markup.inline.raw.markdown, markup.inline.raw.string.markdown#d888e0
punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown, beginning.punctuation.definition.list.markdown#c6d2f0
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#c6d2f0
punctuation.definition.metadata.markdown#c6d2f0
markup.underline.link.markdown,markup.underline.link.image.markdown#82d2d8
string.other.link.title.markdown,string.other.link.description.markdown#a2a0f8
markup.quote.markdown#dce4f45e
markup.italic.markdownitalic
support.constant.json#e4c860
source.json meta.structure.dictionary.json > string.quoted.json#c6d2f0
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#c6d2f0
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#d888e0
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#c6d2f0
support.type.property-name.json#82d2d8
punctuation.definition.block.sequence.item.yaml#c6d2f0
entity.name.tag.yaml#82d2d8
string.quoted.double.yaml, string.quoted.single.yaml#d888e0
constant.numeric.yaml#d8c278
constant.language.boolean.yaml#e4c860
constant.language.null.yaml#e4c860
entity.name.other.anchor.yaml, variable.other.alias.yaml#a2a0f8
comment.line.number-sign.yaml#dce4f45eitalic
entity.other.attribute-name.toml#82d2d8
entity.name.section.table.toml#7cc8ff
string.quoted.double.toml, string.quoted.single.toml, string.quoted.multiline.toml#d888e0
constant.numeric.integer.toml, constant.numeric.float.toml#d8c278
constant.language.boolean.toml#e4c860
constant.other.datetime.toml#d8c278
comment.line.number-sign.toml#dce4f45eitalic
keyword.other.special-method.dockerfile#82d2d8
keyword.other.from.dockerfile#82d2d8
entity.name.image.dockerfile#7cc8ff
string.quoted.double.dockerfile, string.quoted.single.dockerfile#d888e0
variable.other.dockerfile#a2a0f8
comment.line.number-sign.dockerfile#dce4f45eitalic
keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.create.sql, keyword.other.DDL.sql, keyword.other.alias.sql, keyword.other.order.sql, keyword.other.authorization.sql, storage.modifier.sql#82d2d8
support.function.aggregate.sql, support.function.string.sql, support.function.math.sql, entity.name.function.sql#e49870
storage.type.sql, support.type.sql#7cc8ff
string.quoted.single.sql#d888e0
constant.numeric.sql#d8c278
entity.name.table.sql, meta.columns.sql#c6d2f0
keyword.operator.comparison.sql#82d2d8
text.variable, text.bracketed#c6d2f0
comment.line.double-dash.sql, comment.block.sql#dce4f45eitalic
keyword.control.shell, keyword.operator.shell#82d2d8
support.function.builtin.shell, entity.name.function.shell#e49870
variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell#a2a0f8
variable.other.assign.shell#c6d2f0
string.quoted.double.shell, string.quoted.single.shell#d888e0
string.unquoted.heredoc.shell#d888e0
constant.numeric.shell#d8c278
string.other.option.shell#c6d2f0
comment.line.number-sign.shell#dce4f45eitalic
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#c6d2f0
variable.other.generic-type.haskell#82d2d8
storage.type.haskell#e4c860
support.constant.edge#82d2d8
keyword.operator.quantifier.regexp#e4c860
entity.name.tag.laravel-blade, support.constant.laravel-blade#82d2d8
constant.language.symbol.ruby#c6d2f0
support.type.prelude.elm#c6d2f0
support.constant.elm#e4c860
entity.global.clojure#e49870
meta.symbol.clojure#c6d2f0
constant.keyword.clojure#c6d2f0
meta.arguments.coffee, variable.parameter.function.coffee#c6d2f0
source.ini#d888e0
meta.scope.prerequisites.makefile#c6d2f0
source.makefile#e49870
storage.modifier.import.groovy#e49870
meta.method.groovy#a2a0f8
meta.definition.variable.name.groovy#c6d2f0
meta.definition.class.inherited.classes.groovy#d888e0
support.variable.semantic.hlsl#e49870
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#82d2d8
support.type.swift, support.type.vb.asp#e49870
entity.name.function.xi#e49870
entity.name.class.xi#c6d2f0
constant.character.character-class.regexp.xi#c6d2f0
constant.regexp.xi#82d2d8
keyword.control.xi#c6d2f0
invalid.xi#c6d2f0
beginning.punctuation.definition.quote.markdown.xi#d888e0
beginning.punctuation.definition.list.markdown.xi#dce4f45e
constant.character.xi#a2a0f8
accent.xi#a2a0f8
wikiword.xi#e4c860
constant.other.color.rgb-value.xi#c6d2f0
punctuation.definition.tag.xi#dce4f45e
constant.language.symbol.elixir#c6d2f0