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#33353dff
  • activityBar.activeBorder#83cafbff
  • activityBar.activeFocusBorder#83cafbff
  • activityBar.background#24262eff
  • activityBar.border#1d1f2740
  • activityBar.dropBorder#d3dbec1a
  • activityBar.foreground#d3dbecff
  • activityBar.inactiveForeground#d3dbec80
  • activityBarBadge.background#83cafbff
  • activityBarBadge.foreground#1d1f27ff
  • activityBarItem.profilesHoverForeground#d3dbecff
  • badge.background#83cafbff
  • badge.foreground#1d1f27ff
  • breadcrumb.activeSelectionForeground#d3dbecff
  • breadcrumb.background#1d1f27ff
  • breadcrumb.focusForeground#bcc4d5ff
  • breadcrumbPicker.background#1d1f27ff
  • button.background#83cafbff
  • button.foreground#1d1f27ff
  • button.hoverBackground#9cd5fcff
  • button.secondaryBackground#6ca1c5ff
  • button.secondaryForeground#1d1f27ff
  • button.secondaryHoverBackground#7eadcdff
  • button.separator#1d1f2740
  • charts.blue#83cafbff
  • charts.foreground#a6aebeff
  • charts.green#8edca9ff
  • charts.lines#a6aebe80
  • charts.orange#f9a988ff
  • charts.purple#f9b0e1ff
  • charts.red#faa2a0ff
  • charts.yellow#efc785ff
  • checkbox.background#24262eff
  • checkbox.border#1d1f2740
  • commandCenter.activeBackground#33353dff
  • commandCenter.activeBorder#1d1f2740
  • commandCenter.activeForeground#d3dbecff
  • commandCenter.background#24262eff
  • commandCenter.border#1d1f2740
  • commandCenter.foreground#a6aebeff
  • commandCenter.inactiveBorder#1d1f2740
  • commandCenter.inactiveForeground#a6aebeff
  • contrastActiveBorder#00000000
  • contrastBorder#00000000
  • debugIcon.breakpointCurrentStackframeForeground#fe7577ff
  • debugIcon.breakpointDisabledForeground#7c8393ff
  • debugIcon.breakpointForeground#fe7577ff
  • debugIcon.continueForeground#8edca9ff
  • debugIcon.disconnectForeground#faa2a0ff
  • debugIcon.pauseForeground#f9a988ff
  • debugIcon.restartForeground#e0b490ff
  • debugIcon.startForeground#8edca9ff
  • debugIcon.stepBackForeground#83cafbff
  • debugIcon.stepIntoForeground#83cafbff
  • debugIcon.stepOutForeground#83cafbff
  • debugIcon.stepOverForeground#83cafbff
  • debugIcon.stopForeground#fe7577ff
  • debugTokenExpression.boolean#e0b490ff
  • debugTokenExpression.error#faa2a0ff
  • debugTokenExpression.name#83cafbff
  • debugTokenExpression.number#e0b490ff
  • debugTokenExpression.string#e0b490ff
  • debugTokenExpression.value#e0b490ff
  • debugToolBar.background#33353dff
  • debugView.exceptionLabelBackground#644446ff
  • debugView.stateLabelBackground#2b2d36ff
  • debugView.valueChangedHighlight#74b28aff
  • descriptionForeground#a6aebeff
  • diffEditor.diagonalFill#3b3d45ff
  • diffEditor.insertedLineBackground#2d3e38ff
  • diffEditor.insertedTextBackground#385144ff
  • diffEditor.removedLineBackground#453236ff
  • diffEditor.removedTextBackground#5b3f42ff
  • diffEditorGutter.insertedLineBackground#385144ff
  • diffEditorGutter.removedLineBackground#5b3f42ff
  • diffEditorOverview.insertedForeground#4f775fff
  • diffEditorOverview.removedForeground#87595aff
  • disabledForeground#7c8393ff
  • dropdown.background#24262eff
  • dropdown.border#1d1f2740
  • dropdown.foreground#a6aebeff
  • dropdown.listBackground#24262eff
  • editor.background#2b2d36ff
  • editor.findMatchBackground#1d1f27ff
  • editor.findMatchHighlightBackground#5b3f42ff
  • editor.findRangeHighlightBackground#efc78526
  • editor.focusedStackFrameHighlightBackground#efc78526
  • editor.foldBackground#3b3d45ff
  • editor.foreground#a6aebeff
  • editor.hoverHighlightBackground#efc78526
  • editor.inactiveSelectionBackground#83cafb24
  • editor.lineHighlightBackground#2b2d36ff
  • editor.rangeHighlightBackground#efc78526
  • editor.selectionBackground#83cafb33
  • editor.selectionHighlightBackground#efc78526
  • editor.snippetFinalTabstopHighlightBackground#efc78526
  • editor.snippetTabstopHighlightBackground#efc78526
  • editor.stackFrameHighlightBackground#efc78526
  • editor.symbolHighlightBackground#efc78526
  • editor.wordHighlightBackground#efc78526
  • editor.wordHighlightStrongBackground#efc78526
  • editorBracketHighlight.foreground1#a6aebeff
  • editorBracketHighlight.foreground2#83cafbff
  • editorBracketHighlight.foreground3#e0b490ff
  • editorBracketHighlight.foreground4#faa2a0ff
  • editorBracketHighlight.foreground5#8edca9ff
  • editorBracketMatch.background#3b3d45ff
  • editorBracketMatch.border#7c8393ff
  • editorCodeLens.foreground#7c8393ff
  • editorCursor.foreground#a6aebeff
  • editorGhostText.foreground#d1d5eb56
  • editorGroup.border#1d1f2740
  • editorGroup.dropBackground#d3dbec1a
  • editorGroup.dropIntoPromptBackground#2b2d36ff
  • editorGroup.dropIntoPromptBorder#1d1f2740
  • editorGroup.dropIntoPromptForeground#a6aebeff
  • editorGroupHeader.border#1d1f27ff
  • editorGroupHeader.noTabsBackground#24262eff
  • editorGroupHeader.tabsBackground#24262eff
  • editorGroupHeader.tabsBorder#1d1f27ff
  • editorGutter.addedBackground#8edca9ff
  • editorGutter.background#24262eff
  • editorGutter.deletedBackground#fe7577ff
  • editorGutter.foldingControlForeground#7c8393ff
  • editorGutter.modifiedBackground#83cafbff
  • editorHoverWidget.background#24262eff
  • editorHoverWidget.border#1d1f2740
  • editorHoverWidget.foreground#a6aebeff
  • editorIndentGuide.activeBackground#535560ff
  • editorIndentGuide.activeBackground1#535560ff
  • editorIndentGuide.background#3b3d45ff
  • editorIndentGuide.background1#3b3d45ff
  • editorInfo.foreground#83cafbff
  • editorInlayHint.background#3b3d45ff
  • editorInlayHint.foreground#9198a8ff
  • editorInlayHint.parameterBackground#3b3d45ff
  • editorInlayHint.parameterForeground#9198a8ff
  • editorInlayHint.typeBackground#3b3d45ff
  • editorInlayHint.typeForeground#9198a8ff
  • editorLineNumber.activeForeground#a6aebeff
  • editorLineNumber.foreground#7c8393ff
  • editorOverviewRuler.addedForeground#8edca980
  • editorOverviewRuler.background#24262eff
  • editorOverviewRuler.border#1d1f2740
  • editorOverviewRuler.deletedForeground#fe757780
  • editorOverviewRuler.errorForeground#fe7577ff
  • editorOverviewRuler.findMatchForeground#ca8483ff
  • editorOverviewRuler.infoForeground#83cafbff
  • editorOverviewRuler.modifiedForeground#83cafb80
  • editorOverviewRuler.warningForeground#e0b490ff
  • editorPane.background#24262eff
  • editorRuler.foreground#3b3d45ff
  • editorStickyScroll.background#24262eff
  • editorStickyScrollHover.background#2b2d36ff
  • editorSuggestWidget.background#24262eff
  • editorSuggestWidget.border#1d1f2740
  • editorSuggestWidget.focusHighlightForeground#83cafbff
  • editorSuggestWidget.highlightForeground#83cafbff
  • editorSuggestWidget.selectedBackground#33353dff
  • editorSuggestWidget.selectedForeground#d3dbecff
  • editorSuggestWidget.selectedIconForeground#83cafbff
  • editorWidget.background#24262eff
  • editorWidget.border#1d1f2740
  • editorWidget.resizeBorder#6ca1c5ff
  • errorLens.errorBackground#fe75770d
  • errorLens.errorForeground#ca8483ff
  • errorLens.errorMessageBackground#fe75770d
  • errorLens.errorRangeBackground#fe75770d
  • errorLens.hintBackground#1ceb960d
  • errorLens.hintForeground#74b28aff
  • errorLens.hintMessageBackground#1ceb960d
  • errorLens.hintRangeBackground#1ceb960d
  • errorLens.infoBackground#83cafb0d
  • errorLens.infoForeground#6ba4ccff
  • errorLens.infoMessageBackground#83cafb0d
  • errorLens.infoRangeBackground#83cafb0d
  • errorLens.statusBarErrorForeground#faa2a0ff
  • errorLens.statusBarHintForeground#8edca9ff
  • errorLens.statusBarIconErrorForeground#faa2a0ff
  • errorLens.statusBarIconWarningForeground#e0b490ff
  • errorLens.statusBarInfoForeground#83cafbff
  • errorLens.statusBarWarningForeground#e0b490ff
  • errorLens.warningBackground#f9a9880d
  • errorLens.warningForeground#b59276ff
  • errorLens.warningMessageBackground#f9a9880d
  • errorLens.warningRangeBackground#f9a9880d
  • extensionIcon.preReleaseForeground#4f775fff
  • extensionIcon.starForeground#f9a988ff
  • extensionIcon.verifiedForeground#83cafbff
  • focusBorder#00000000
  • foreground#a6aebeff
  • gitDecoration.addedResourceForeground#8edca9ff
  • gitDecoration.conflictingResourceForeground#fe7577ff
  • gitDecoration.deletedResourceForeground#faa2a0ff
  • gitDecoration.ignoredResourceForeground#7c8393ff
  • gitDecoration.modifiedResourceForeground#efc785ff
  • gitDecoration.renamedResourceForeground#8edca9ff
  • gitDecoration.stageDeletedResourceForeground#faa2a0ff
  • gitDecoration.stageModifiedResourceForeground#efc785ff
  • gitDecoration.submoduleResourceForeground#83cafbff
  • gitDecoration.untrackedResourceForeground#c6b4fbff
  • gitlens.closedAutolinkedIssueIconColor#c6b4fbff
  • gitlens.closedPullRequestIconColor#7c8393ff
  • gitlens.decorations.branchAheadForegroundColor#8edca9ff
  • gitlens.decorations.branchBehindForegroundColor#faa2a0ff
  • gitlens.decorations.branchDivergedForegroundColor#efc785ff
  • gitlens.decorations.branchMissingUpstreamForegroundColor#fe7577ff
  • gitlens.decorations.branchUnpublishedForegroundColor#c6b4fbff
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#fe7577ff
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#fec257ff
  • gitlens.decorations.workspaceCurrentForegroundColor#8edca9ff
  • gitlens.decorations.workspaceRepoMissingForegroundColor#7c8393ff
  • gitlens.decorations.workspaceRepoOpenForegroundColor#8edca9ff
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#efc785ff
  • gitlens.decorations.worktreeMissingForegroundColor#fe7577ff
  • gitlens.graphChangesColumnAddedColor#8edca9ff
  • gitlens.graphChangesColumnDeletedColor#faa2a0ff
  • gitlens.graphLane10Color#efc785ff
  • gitlens.graphLane1Color#8edca9ff
  • gitlens.graphLane2Color#6bd8dcff
  • gitlens.graphLane3Color#83cafbff
  • gitlens.graphLane4Color#c6b4fbff
  • gitlens.graphLane5Color#f9b0e1ff
  • gitlens.graphLane6Color#f285c7
  • gitlens.graphLane7Color#faa2a0ff
  • gitlens.graphLane8Color#f9a988ff
  • gitlens.graphLane9Color#e0b490ff
  • gitlens.graphMinimapMarkerHeadColor#d3dbecff
  • gitlens.graphMinimapMarkerHighlightsColor#fec257ff
  • gitlens.graphMinimapMarkerLocalBranchesColor#83cafbff
  • gitlens.graphMinimapMarkerRemoteBranchesColor#49b8feff
  • gitlens.graphMinimapMarkerStashesColor#8e77d2ff
  • gitlens.graphMinimapMarkerTagsColor#bb7a60ff
  • gitlens.graphMinimapMarkerUpstreamColor#8edca9ff
  • gitlens.graphScrollMarkerHeadColor#d3dbecff
  • gitlens.graphScrollMarkerHighlightsColor#fec257ff
  • gitlens.graphScrollMarkerLocalBranchesColor#83cafbff
  • gitlens.graphScrollMarkerRemoteBranchesColor#49b8feff
  • gitlens.graphScrollMarkerStashesColor#8e77d2ff
  • gitlens.graphScrollMarkerTagsColor#bb7a60ff
  • gitlens.graphScrollMarkerUpstreamColor#8edca9ff
  • gitlens.gutterBackgroundColor#1d1f274d
  • gitlens.gutterForegroundColor#9198a8ff
  • gitlens.gutterUncommittedForegroundColor#efc785ff
  • gitlens.lineHighlightBackgroundColor#83cafb26
  • gitlens.lineHighlightOverviewRulerColor#83cafbbf
  • gitlens.mergedPullRequestIconColor#c6b4fbff
  • gitlens.openAutolinkedIssueIconColor#8edca9ff
  • gitlens.openPullRequestIconColor#8edca9ff
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#565b68ff
  • gitlens.unpublishedChangesIconColor#55966bff
  • gitlens.unpublishedCommitIconColor#55966bff
  • gitlens.unpulledChangesIconColor#f9a988ff
  • icon.foreground#a6aebeff
  • input.background#1d1f27ff
  • input.border#1d1f2740
  • input.placeholderForeground#7c8393ff
  • inputOption.activeBackground#83cafbff
  • inputOption.activeForeground#d3dbecff
  • inputOption.hoverBackground#d3dbec1a
  • inputValidation.errorForeground#bcc4d5ff
  • inputValidation.infoForeground#bcc4d5ff
  • inputValidation.warningForeground#bcc4d5ff
  • issues.closed#c6b4fbff
  • issues.newIssueDecoration#d3dbec80
  • issues.open#8edca9ff
  • keybindingLabel.background#33353dff
  • keybindingLabel.border#1d1f2740
  • keybindingLabel.bottomBorder#d3dbec1a
  • keybindingLabel.foreground#a6aebeff
  • list.activeSelectionBackground#33353dff
  • list.activeSelectionForeground#d3dbecff
  • list.errorForeground#faa2a0ff
  • list.hoverBackground#2b2d36ff
  • list.hoverForeground#bcc4d5ff
  • list.inactiveSelectionBackground#33353dff
  • list.inactiveSelectionForeground#d3dbecff
  • list.warningForeground#e0b490ff
  • markdown.extension.editor.codeSpan.background#0000
  • markdown.extension.editor.codeSpan.border#0000
  • menu.background#1d1f27ff
  • menu.border#1d1f2740
  • menu.foreground#a6aebeff
  • menu.selectionBackground#2b2d36ff
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d3dbecff
  • menu.separatorBackground#33353dff
  • menubar.selectionBackground#2b2d36ff
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#d3dbecff
  • minimap.background#24262eff
  • minimap.errorHighlight#ca8483ff
  • minimap.findMatchHighlight#5b3f42ff
  • minimap.selectionHighlight#83cafb24
  • minimap.selectionOccurrenceHighlight#efc78526
  • minimap.warningHighlight#b59276ff
  • minimapSlider.activeBackground#d3dbec33
  • minimapSlider.hoverBackground#d3dbec1a
  • notebook.cellBorderColor#1d1f2740
  • notebook.cellEditorBackground#2b2d36ff
  • notebook.cellInsertionIndicator#6ca1c5ff
  • notebook.cellStatusBarItemHoverBackground#acafbf20
  • notebook.cellToolbarSeparator#1d1f2740
  • notebook.editorBackground#24262eff
  • notebook.focusedCellBorder#6ca1c5ff
  • notebook.focusedEditorBorder#6ca1c5ff
  • notebook.inactiveFocusedCellBorder#6ca1c5ff
  • notebook.outputContainerBackgroundColor#1d1f27ff
  • notebook.outputContainerBorderColor#1d1f2740
  • notebookStatusErrorIcon.foreground#fe7577ff
  • notebookStatusRunningIcon.foreground#83cafbff
  • notebookStatusSuccessIcon.foreground#8edca9ff
  • notificationCenter.border#1d1f2740
  • notificationCenterHeader.background#24262eff
  • notificationCenterHeader.foreground#bcc4d5ff
  • notifications.background#2b2d36ff
  • notifications.border#1d1f2740
  • notificationsInfoIcon.foreground#83cafbff
  • notificationToast.border#1d1f2740
  • panel.background#24262eff
  • panel.border#1d1f2740
  • panel.dropBorder#83cafbff
  • panelInput.border#1d1f2740
  • panelSection.border#1d1f2740
  • panelSection.dropBackground#d3dbec1a
  • panelSectionHeader.background#1d1f27ff
  • panelSectionHeader.border#1d1f2740
  • panelSectionHeader.foreground#bcc4d5ff
  • panelTitle.activeBorder#83cafbff
  • panelTitle.activeForeground#d3dbecff
  • panelTitle.inactiveForeground#a6aebeff
  • peekView.border#83cafb80
  • peekViewEditor.background#2b2d3eff
  • peekViewEditor.matchHighlightBackground#5b3f42ff
  • peekViewEditorGutter.background#242636ff
  • peekViewResult.background#242636ff
  • peekViewResult.fileForeground#d3dbecff
  • peekViewResult.lineForeground#a6aebeff
  • peekViewResult.matchHighlightBackground#5b3f42ff
  • peekViewTitle.background#2b2d50ff
  • peekViewTitleDescription.foreground#a6aebeff
  • peekViewTitleLabel.foreground#d3dbecff
  • pickerGroup.border#3b3d45ff
  • problemsInfoIcon.foreground#83cafbff
  • progressBar.background#83cafbff
  • pullRequests.closed#faa2a0ff
  • pullRequests.draft#7c8393ff
  • pullRequests.merged#c6b4fbff
  • quickInput.background#24262eff
  • quickInput.foreground#a6aebeff
  • quickInputList.focusBackground#33353dff
  • quickInputList.focusForeground#83cafbff
  • quickInputList.focusIconForeground#83cafbff
  • quickInputTitle.background#24262eff
  • scrollbar.shadow#1d1f2740
  • scrollbarSlider.activeBackground#d3dbec33
  • scrollbarSlider.background#d3dbec0d
  • scrollbarSlider.hoverBackground#d3dbec1a
  • selection.background#83cafb33
  • settings.checkboxBackground#24262eff
  • settings.dropdownBackground#24262eff
  • settings.focusedRowBackground#33353dff
  • settings.headerBorder#1d1f2740
  • settings.headerForeground#d3dbecff
  • settings.modifiedItemIndicator#83cafbff
  • settings.numberInputBackground#24262eff
  • settings.rowHoverBackground#d3dbec1a
  • settings.textInputBackground#24262eff
  • sideBar.background#24262eff
  • sideBar.border#1d1f2740
  • sideBar.dropBackground#d3dbec1a
  • sideBarSectionHeader.background#1d1f27ff
  • sideBarSectionHeader.border#1d1f2740
  • sideBarTitle.foreground#bcc4d5ff
  • statusBar.background#24262eff
  • statusBar.border#1d1f2740
  • statusBar.debuggingBackground#83cafbff
  • statusBar.debuggingForeground#1d1f27ff
  • statusBar.foreground#bcc4d5ff
  • statusBar.noFolderBackground#24262eff
  • statusBarItem.activeBackground#d3dbec33
  • statusBarItem.compactHoverBackground#d3dbec1a
  • statusBarItem.errorBackground#d82828
  • statusBarItem.errorForeground#d3dbecff
  • statusBarItem.hoverBackground#d3dbec1a
  • statusBarItem.prominentForeground#d3dbecff
  • statusBarItem.warningBackground#ce8e1f
  • statusBarItem.warningForeground#d3dbecff
  • symbolIcon.arrayForeground#a6aebeff
  • symbolIcon.booleanForeground#f9a988ff
  • symbolIcon.classForeground#efc785ff
  • symbolIcon.colorForeground#a6aebeff
  • symbolIcon.constantForeground#d3dbecff
  • symbolIcon.constructorForeground#efc785ff
  • symbolIcon.enumeratorForeground#efc785ff
  • symbolIcon.enumeratorMemberForeground#d3dbecff
  • symbolIcon.eventForeground#efc785ff
  • symbolIcon.fieldForeground#d3dbecff
  • symbolIcon.fileForeground#a6aebeff
  • symbolIcon.folderForeground#a6aebeff
  • symbolIcon.functionForeground#83cafbff
  • symbolIcon.interfaceForeground#d2c6b2ff
  • symbolIcon.keyForeground#a6aebeff
  • symbolIcon.keywordForeground#f9a988ff
  • symbolIcon.methodForeground#83cafbff
  • symbolIcon.moduleForeground#a6aebeff
  • symbolIcon.namespaceForeground#a6aebeff
  • symbolIcon.nullForeground#f9a988ff
  • symbolIcon.numberForeground#e0b490ff
  • symbolIcon.objectForeground#efc785ff
  • symbolIcon.operatorForeground#a6aebeff
  • symbolIcon.packageForeground#a6aebeff
  • symbolIcon.propertyForeground#d3dbecff
  • symbolIcon.referenceForeground#a6aebeff
  • symbolIcon.snippetForeground#a6aebeff
  • symbolIcon.stringForeground#e0b490ff
  • symbolIcon.structForeground#efc785ff
  • symbolIcon.textForeground#a6aebeff
  • symbolIcon.typeParameterForeground#efc785ff
  • symbolIcon.unitForeground#a6aebeff
  • symbolIcon.variableForeground#a6aebeff
  • tab.activeBackground#33353dff
  • tab.activeBorder#83cafbff
  • tab.activeForeground#d3dbecff
  • tab.border#1d1f2740
  • tab.hoverBackground#2b2d36ff
  • tab.hoverBorder#6ba4ccff
  • tab.hoverForeground#bcc4d5ff
  • tab.inactiveBackground#24262eff
  • terminal.ansiBlack#2b2d36ff
  • terminal.ansiBlue#6ba4ccff
  • terminal.ansiBrightBlack#7c8393ff
  • terminal.ansiBrightBlue#83cafbff
  • terminal.ansiBrightCyan#6bd8dcff
  • terminal.ansiBrightGreen#8edca9ff
  • terminal.ansiBrightMagenta#f9b0e1ff
  • terminal.ansiBrightRed#faa2a0ff
  • terminal.ansiBrightWhite#d3dbecff
  • terminal.ansiBrightYellow#efc785ff
  • terminal.ansiCyan#58afb3ff
  • terminal.ansiGreen#74b28aff
  • terminal.ansiMagenta#ca8fb7ff
  • terminal.ansiRed#ca8483ff
  • terminal.ansiWhite#a6aebeff
  • terminal.ansiYellow#c2a16dff
  • terminal.background#1d1f27ff
  • terminal.border#1d1f2740
  • terminal.dropBackground#d3dbec1a
  • terminal.foreground#a6aebeff
  • terminalCursor.background#2b2d36ff
  • terminalCursor.foreground#a6aebeff
  • testing.iconErrored#fe7577ff
  • testing.iconFailed#fe7577ff
  • testing.iconPassed#8edca9ff
  • testing.runAction#8edca9ff
  • textBlockQuote.background#1d1f2740
  • textBlockQuote.border#83cafbff
  • textCodeBlock.background#1d1f2740
  • textLink.activeForeground#b4dffdff
  • textLink.foreground#83cafbff
  • textPreformat.foreground#e0b490ff
  • titleBar.activeBackground#1d1f27ff
  • titleBar.activeForeground#a6aebeff
  • titleBar.border#1d1f2740
  • titleBar.inactiveBackground#1d1f27ff
  • titleBar.inactiveForeground#9198a8ff
  • toolbar.activeBackground#d3dbec33
  • toolbar.hoverBackground#d3dbec1a
  • toolbar.hoverOutline#00000000
  • tree.indentGuidesStroke#3b3d45ff
  • welcomePage.background#2b2d36ff
  • welcomePage.progress.background#1d1f27ff
  • welcomePage.progress.foreground#83cafbff
  • welcomePage.tileBackground#24262eff
  • welcomePage.tileHoverBackground#33353dff
  • widget.shadow#1d1f2740

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#f0f
token.info-token#83cafbff
token.warn-token#f9a988ff
token.error-token#fe7577ff
token.debug-token#f9b0e1ff
comment, string.quoted.docstring, string.quoted.docstring storage.type.string.python, string.quoted.docstring punctuation.definition.string, punctuation.definition.comment, markup.underline.link, markup.link, source.ini comment punctuation#7c8393ff
entity.name.namespace, entity.name.module, entity.name.package, storage.modifier.package, storage.modifier.import, entity.name.type.namespace, entity.name.section.fsharp, string.quoted.double.include.cpp, source.cpp string.quoted.other.lt-gt.include, source.cpp string.quoted.other.lt-gt.include punctuation.definition.string, source.cpp meta.preprocessor.include punctuation.definition.string, entity.name.tag.namespace, punctuation.separator.namespace, source.go punctuation.definition.string, source.go entity.name.import#a6aebeff
variable, support.variable, meta.interpolation.rust, meta.preprocessor.cs, string.unquoted.preprocessor.message.cs, text.html.php, text.html.markdown, text.html source#a6aebeff
variable.other.constant, support.constant, constant.other, variable.other.readwrite.class.ruby, source.ruby variable.other.readwrite.global#d3dbecff
variable.other.global, entity.name.variable.global#d3dbecff
variable.other.property, variable.other.field, variable.other.object.property, variable.other.object.field, variable.object.property, variable.object.field, entity.name.variable.property, entity.name.variable.field, entity.name.variable.event, variable.other.event, meta.objectliteral meta.object.member meta.object-literal.key, entity.name.record.field.elm, variable.other.readwrite.instance.ruby, meta.var.expr meta.tag meta.tag.attributes entity.other.attribute-name, text.xml entity.other.attribute-name, text.html entity.other.attribute-name, source.css support.type.property-name, entity.other.attribute-name.css#d3dbecff
comment variable.parameter, comment variable.other.jsdoc, entity.other.attribute-name.localname.cs, comment.documentation.attribute.name.cs#abb2c0ff
variable.other.metavariable.name.rust, keyword.operator.macro.dollar.rust#d3dbecff
keyword.other.definition.ini, support.type.property-name.json, support.type.property-name.toml, entity.name.tag.yaml, entity.name.tag.ron, punctuation.support.type.property-name.json, variable.other.makefile, source.hcl variable, keyword.other.cabal, variable.name.pestfile#d3dbecff
keyword, keyword.other, storage.modifier, storage.type, variable.language, constant.language, entity.name.function.macro.rules.rust, storage.type.template.argument.class.cpp, storage.type.template.argument.unsigned.cpp, storage.type.template.argument.signed.cpp, storage.type.template.argument.typename.cpp, storage.type.template.argument.struct.cpp, storage.type.template.argument.enum.cpp, storage.type.template.argument.union.cpp, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, keyword.type.go, entity.name.function.asciidoc, entity.name.section.cabal#f9a988ff
keyword.other.documentation, source.cs comment entity.name.tag, comment.documentation.name.cs, storage.type.class.doxygen, comment storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, keyword.other.phpdoc#ca8970ff
keyword.operator, source.cpp storage.modifier.reference, source.cpp storage.modifier.pointer, entity.name.function.operator, source.cpp punctuation.separator.scope-resolution, source.cpp punctuation.separator.pointer-access, source.cpp punctuation.separator.dot-access, entity.name.function.member.overload.cs, source.fsharp keyword.symbol, keyword.symbol.fsharp, keyword.control.ternary.java, keyword.control.ternary.kotlin, variable.language.wildcard.java, variable.language.wildcard.kotlin, meta.import constant.language.import-export-all, punctuation.accessor, entity.name.tag.wildcard, entity.other.document.begin.yaml, meta.separator.markdown, source.yaml keyword.control, source.python punctuation.separator.period, source.ruby punctuation.separator.method, source.java punctuation.separator.period, text.html punctuation.separator.key-value#a6aebeff
punctuation, source.rust meta.use punctuation, meta.attribute.rust punctuation, punctuation.definition.decorator, punctuation.separator.inheritance.ruby, storage.type.function.arrow.java, punctuation.definition.directive.cpp, source.cpp support.other.attribute punctuation, source.fsharp support.function.attribute, meta.var.expr meta.arrow storage.type.function.arrow, source meta.arrow storage.type.function.arrow, source meta.brace, meta.selector.css punctuation, meta.property-value.css punctuation, source.css keyword punctuation, keyword.other.elm, keyword.other.colon.elm, keyword.other.period.elm, text.html meta.tag, text.xml meta.tag, source.yaml punctuation, text.asciidoc punctuation, text.asciidoc markup.heading.block-attribute, text.asciidoc markup.code markup.heading, source.ini punctuation#a6aebeff
keyword.operator.new, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.operator.noexcept#f9a988ff
entity.name.type.trait, entity.name.type.interface#d2c6b2ff
entity.other.attribute-name, entity.name.type.annotation, meta.attribute.rust, entity.name.function.decorator.python, source.python meta.function.decorator support.type, storage.type.annotation.java, storage.type.annotation.kotlin, source.cs keyword.preprocessor, keyword.preprocessor.cs, source.cpp keyword.control.directive, keyword.other.attribute-specifier.cs, source.cpp keyword.operator.alignas, source.cpp support.other.attribute, text.asciidoc support.constant.attribute-name, text.asciidoc markup.meta.attribute-list, text.asciidoc markup.meta.attribute-list entity.name.function.asciidoc#d2c6b2ff
string, constant.other.rune.go, storage.type.string.python, keyword.interpolation.scala, meta.jsx.children, punctuation.definition.string, punctuation.definition.char, text.html, text.xml, source.cabal, keyword.operator.cabal, source.ini, source.ini punctuation.definition.string, source.yaml punctuation.definition.string, meta.property-value.css support.constant, source.css string punctuation, source.cpp entity.name.operator.custom-literal#e0b490ff
constant.character.escape, constant.character.string.escape, keyword.format.specifier.fsharp, constant.character.format.placeholder.other.python, storage.type.format.python, punctuation.definition.interpolation, meta.var.expr string.template meta.template.expression punctuation.definition.template-expression, meta.var.expr meta.tag meta.jsx.children punctuation.section.embedded, source.kotlin variable.string-escape, source.kotlin meta.template.expression, source.kotlin entity.string.template, source.scala punctuation.definition.template-expression, text.xml constant.character.entity, text.html constant.character.entity, source.ruby punctuation.section.embedded, source.hcl keyword.other.interpolation#f9a988ff
comment string#b59276ff
comment constant.character.escape#ca8970ff
constant.numeric, storage.type.number.python, source.rust constant.numeric entity.name.type, source.cpp keyword.other.unit, keyword.other.unit, meta.var.expr constant.numeric storage.type.numeric#e0b490ff
meta.property-value.css, constant.other.time.datetime.offset.toml, constant.other.time.datetime.local.toml, constant.other.time.date.toml, constant.other.time.time.toml, constant.other.timestamp.yaml#e0b490ff
entity.name.label, entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust, storage.modifier.lifetime.rust, variable.parameter.definition.label.latex, entity.other.attribute-name.id.css, source.ruby constant.language.symbol#f9a988ff
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.tag, support.type, support.class, support.struct, support.enum, entity.other.inherited-class, variable.other.metavariable.specifier.rust, source.java storage.type, source.haskell storage.type, source.haskell constant.other, source.go storage.type, source.cpp storage.type.integral, source.cpp storage.type.built-in, source.cpp meta.template storage.type.template.argument, source.elm storage.type, keyword.type, entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, meta.selector.css, meta.var.expr new.expr meta.function-call entity.name.function#efc785ff
comment.block entity.name.type, comment keyword.other.type.php, comment support.class.php, comment support.class.builtin.php#c2a16dff
variable.other.enummember, entity.name.variable.enum-member.cs, constant.type-constructor.elm, constant.other.enum.java#d3dbecff
entity.name.function, support.function, meta.function-call.generic.python, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, entity.name.function.operator.member.cpp#83cafbff
support.type.property-name.table.toml, support.type.property-name.array.toml, entity.name.section.group-title.ini#efc785ff
text.html.markdown string.other.link, text.html.markdown meta.link.reference.def constant.other, text.asciidoc markup.reference string, text.asciidoc markup.other.url string, meta.link.email.lt-gt.markdown markup.underline.link, markup.link.email#83cafbff
entity.name.type.anchor.yaml, variable.other.alias.yaml#83cafbff
markup.heading, text.tex meta.function.section.part entity.name, text.tex meta.function.section.chapter entity.name, text.tex meta.function.section.section entity.name#efc785ff
markup heading.2, markup.heading.heading-1, markup.heading.heading-1 markup.heading, text.tex meta.function.section.subsection entity.name#e1bb7eff
markup heading.3, markup.heading.heading-2, markup.heading.heading-2 markup.heading, text.tex meta.function.section.subsubsection entity.name#d2af76ff
markup heading.4, markup.heading.heading-3, markup.heading.heading-3 markup.heading, text.tex meta.function.section.paragraph entity.name, source.rust heading.4.markdown entity.name.section.markdown#c2a16dff
markup heading.5, markup.heading.heading-4, markup.heading.heading-4 markup.heading, text.tex meta.function.section.subparagraph entity.name#af9264ff
markup heading.6, markup.heading.heading-5, markup.heading.heading-5 markup.heading#9a8159ff
markup.inline.raw.string, text.asciidoc markup.raw#e0b490ff
comment markup.inline.raw.string#b59276ff
text.asciidoc markup.macro string#a6aebeff
markup.quote, markup.italic.quotes#a6aebeffitalic
markup.bold#d3dbecffbold
markup.italic#d3dbecffitalic
markup.list punctuation, markup.quote punctuation, markup.fenced_code.block punctuation.definition.markdown, markup.fenced_code.block fenced_code.block.language, meta.separator.markdown, markup.list.bullet#d3dbecff
callout.source.code.asciidoc, callout.source.code.asciidoc constant.other, callout.source.code.asciidoc constant.numeric#7c8393ff
text.tex support.function, text.tex storage.type.function, text.tex constant.other, text.tex constant#f9a988ff
text.tex support.function.be, text.tex support.function.section#83cafbff
text.tex support.class.math#e0b490ff
text.tex meta.function variable.parameter#d3dbecff
text.tex meta.preamble support.class#a6aebeff