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#dfd5de
  • activityBar.border#00000000
  • activityBar.dropBorder#b2a8b633
  • activityBar.foreground#3b59b4
  • activityBar.inactiveForeground#b2a8b6
  • activityBarBadge.background#157a8c
  • activityBarBadge.foreground#dfd5de
  • activityBarTop.activeBorder#00000000
  • activityBarTop.dropBorder#b2a8b633
  • activityBarTop.foreground#157a8c
  • activityBarTop.inactiveForeground#b2a8b6
  • badge.background#c9c0cb
  • badge.foreground#261931
  • banner.background#c9c0cb
  • banner.foreground#261931
  • banner.iconForeground#261931
  • breadcrumb.activeSelectionForeground#157a8c
  • breadcrumb.background#f2ecee
  • breadcrumb.focusForeground#157a8c
  • breadcrumb.foreground#261931cc
  • breadcrumbPicker.background#e9e1e7
  • button.background#157a8c
  • button.border#00000000
  • button.foreground#dfd5de
  • button.hoverBackground#38a0b0
  • button.secondaryBackground#7e45a7
  • button.secondaryBorder#7e45a7
  • button.secondaryForeground#dfd5de
  • button.secondaryHoverBackground#aa7fcd
  • button.separator#00000000
  • charts.blue#157a8c
  • charts.foreground#261931
  • charts.green#4f854b
  • charts.lines#4a3b52
  • charts.orange#b46436
  • charts.purple#7e45a7
  • charts.red#9e2a46
  • charts.yellow#ba9744
  • checkbox.background#c9c0cb
  • checkbox.border#00000000
  • checkbox.foreground#4f854b
  • commandCenter.activeBackground#beb4c033
  • commandCenter.activeBorder#7e45a7
  • commandCenter.activeForeground#7e45a7
  • commandCenter.background#e9e1e7
  • commandCenter.border#00000000
  • commandCenter.foreground#4a3b52
  • commandCenter.inactiveBorder#00000000
  • commandCenter.inactiveForeground#4a3b52
  • debugConsole.errorForeground#9e2a46
  • debugConsole.infoForeground#157a8c
  • debugConsole.sourceForeground#8a7e8e
  • debugConsole.warningForeground#ba9744
  • debugConsoleInputIcon.foreground#261931
  • debugExceptionWidget.background#dfd5de
  • debugExceptionWidget.border#b2a8b6
  • debugIcon.breakpointCurrentStackframeForeground#beb4c0
  • debugIcon.breakpointDisabledForeground#9e2a4699
  • debugIcon.breakpointForeground#9e2a46
  • debugIcon.breakpointStackframeForeground#beb4c0
  • debugIcon.breakpointUnverifiedForeground#a24e7a
  • debugIcon.continueForeground#4f854b
  • debugIcon.disconnectForeground#beb4c0
  • debugIcon.pauseForeground#157a8c
  • debugIcon.restartForeground#2e7a6e
  • debugIcon.startForeground#4f854b
  • debugIcon.stepBackForeground#beb4c0
  • debugIcon.stepIntoForeground#261931
  • debugIcon.stepOutForeground#261931
  • debugIcon.stepOverForeground#7e45a7
  • debugIcon.stopForeground#9e2a46
  • debugTokenExpression.boolean#b46436
  • debugTokenExpression.error#9e2a46
  • debugTokenExpression.number#b46436
  • debugTokenExpression.string#4f854b
  • debugToolBar.background#dfd5de
  • debugToolBar.border#00000000
  • descriptionForeground#261931
  • diffEditor.border#beb4c0
  • diffEditor.diagonalFill#beb4c099
  • diffEditor.insertedLineBackground#4f854b26
  • diffEditor.insertedTextBackground#4f854b33
  • diffEditor.removedLineBackground#9e2a4626
  • diffEditor.removedTextBackground#9e2a4633
  • diffEditorOverview.insertedForeground#4f854bcc
  • diffEditorOverview.removedForeground#9e2a46cc
  • disabledForeground#6d5a74
  • dropdown.background#e9e1e7
  • dropdown.border#b2a8b6
  • dropdown.foreground#261931
  • dropdown.listBackground#beb4c0
  • editor.background#f2ecee
  • editor.findMatchBackground#a24e7a33
  • editor.findMatchBorder#9e2a4633
  • editor.findMatchHighlightBackground#157a8c33
  • editor.findMatchHighlightBorder#157a8c33
  • editor.findRangeHighlightBackground#157a8c33
  • editor.findRangeHighlightBorder#157a8c33
  • editor.focusedStackFrameHighlightBackground#4f854b26
  • editor.foldBackground#157a8c40
  • editor.foreground#261931
  • editor.hoverHighlightBackground#157a8c40
  • editor.lineHighlightBackground#26193112
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#157a8c40
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#9b91a34d
  • editor.selectionHighlightBackground#9b91a333
  • editor.selectionHighlightBorder#9b91a333
  • editor.stackFrameHighlightBackground#ba974426
  • editor.wordHighlightBackground#9b91a333
  • editor.wordHighlightStrongBackground#157a8c26
  • editorBracketHighlight.foreground1#9e2a46
  • editorBracketHighlight.foreground2#b46436
  • editorBracketHighlight.foreground3#ba9744
  • editorBracketHighlight.foreground4#4f854b
  • editorBracketHighlight.foreground5#209fb5
  • editorBracketHighlight.foreground6#7e45a7
  • editorBracketHighlight.unexpectedBracket.foreground#c14e68
  • editorBracketMatch.background#9b91a31a
  • editorBracketMatch.border#9b91a3
  • editorCodeLens.foreground#a69cad
  • editorCursor.background#f2ecee
  • editorCursor.foreground#6d5a74
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#9e2a46
  • editorGroup.border#beb4c0
  • editorGroup.dropBackground#7e45a733
  • editorGroup.emptyBackground#f2ecee
  • editorGroupHeader.tabsBackground#dfd5de
  • editorGutter.addedBackground#4f854b
  • editorGutter.background#f2ecee
  • editorGutter.commentGlyphForeground#7e45a7
  • editorGutter.commentRangeForeground#d4cad4
  • editorGutter.deletedBackground#9e2a46
  • editorGutter.foldingControlForeground#9b91a3
  • editorGutter.modifiedBackground#ba9744
  • editorHoverWidget.background#e9e1e7
  • editorHoverWidget.border#beb4c0
  • editorHoverWidget.foreground#261931
  • editorIndentGuide.activeBackground#beb4c0
  • editorIndentGuide.background#c9c0cb
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#157a8c
  • editorInlayHint.background#e9e1e7bf
  • editorInlayHint.foreground#beb4c0
  • editorInlayHint.parameterBackground#e9e1e7bf
  • editorInlayHint.parameterForeground#6d5a74
  • editorInlayHint.typeBackground#e9e1e7bf
  • editorInlayHint.typeForeground#4a3b52
  • editorLightBulb.foreground#ba9744
  • editorLineNumber.activeForeground#7e45a7
  • editorLineNumber.foreground#a69cad
  • editorLink.activeForeground#7e45a7
  • editorMarkerNavigation.background#e9e1e7
  • editorMarkerNavigationError.background#9e2a46
  • editorMarkerNavigationInfo.background#157a8c
  • editorMarkerNavigationWarning.background#b46436
  • editorOverviewRuler.background#e9e1e7
  • editorOverviewRuler.border#26193112
  • editorOverviewRuler.modifiedForeground#ba9744
  • editorRuler.foreground#beb4c0
  • editorStickyScrollHover.background#d4cad4
  • editorSuggestWidget.background#e9e1e7
  • editorSuggestWidget.border#beb4c0
  • editorSuggestWidget.foreground#261931
  • editorSuggestWidget.highlightForeground#7e45a7
  • editorSuggestWidget.selectedBackground#d4cad4
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#b46436
  • editorWhitespace.foreground#9b91a366
  • editorWidget.background#e9e1e7
  • editorWidget.foreground#261931
  • editorWidget.resizeBorder#beb4c0
  • errorForeground#9e2a46
  • errorLens.errorBackground#9e2a4626
  • errorLens.errorBackgroundLight#9e2a4626
  • errorLens.errorForeground#9e2a46
  • errorLens.errorForegroundLight#9e2a46
  • errorLens.errorMessageBackground#9e2a4626
  • errorLens.hintBackground#4f854b26
  • errorLens.hintBackgroundLight#4f854b26
  • errorLens.hintForeground#4f854b
  • errorLens.hintForegroundLight#4f854b
  • errorLens.hintMessageBackground#4f854b26
  • errorLens.infoBackground#157a8c26
  • errorLens.infoBackgroundLight#157a8c26
  • errorLens.infoForeground#157a8c
  • errorLens.infoForegroundLight#157a8c
  • errorLens.infoMessageBackground#157a8c26
  • errorLens.statusBarErrorForeground#9e2a46
  • errorLens.statusBarHintForeground#4f854b
  • errorLens.statusBarIconErrorForeground#9e2a46
  • errorLens.statusBarIconWarningForeground#b46436
  • errorLens.statusBarInfoForeground#157a8c
  • errorLens.statusBarWarningForeground#b46436
  • errorLens.warningBackground#b4643626
  • errorLens.warningBackgroundLight#b4643626
  • errorLens.warningForeground#b46436
  • errorLens.warningForegroundLight#b46436
  • errorLens.warningMessageBackground#b4643626
  • extensionBadge.remoteBackground#157a8c
  • extensionBadge.remoteForeground#dfd5de
  • extensionButton.prominentBackground#7e45a7
  • extensionButton.prominentForeground#dfd5de
  • extensionButton.prominentHoverBackground#b46436
  • extensionButton.separator#f2ecee
  • extensionIcon.preReleaseForeground#beb4c0
  • extensionIcon.sponsorForeground#a24e7a
  • extensionIcon.starForeground#ba9744
  • extensionIcon.verifiedForeground#4f854b
  • focusBorder#157a8c
  • foreground#261931
  • gitDecoration.addedResourceForeground#4f854b
  • gitDecoration.conflictingResourceForeground#7e45a7
  • gitDecoration.deletedResourceForeground#9e2a46
  • gitDecoration.ignoredResourceForeground#b2a8b6
  • gitDecoration.modifiedResourceForeground#ba9744
  • gitDecoration.stageDeletedResourceForeground#9e2a46
  • gitDecoration.stageModifiedResourceForeground#ba9744
  • gitDecoration.submoduleResourceForeground#157a8c
  • gitDecoration.untrackedResourceForeground#4f854b
  • gitlens.closedAutolinkedIssueIconColor#7e45a7
  • gitlens.closedPullRequestIconColor#9e2a46
  • gitlens.decorations.branchAheadForegroundColor#4f854b
  • gitlens.decorations.branchBehindForegroundColor#b46436
  • gitlens.decorations.branchDivergedForegroundColor#ba9744
  • gitlens.decorations.branchMissingUpstreamForegroundColor#b46436
  • gitlens.decorations.branchUnpublishedForegroundColor#4f854b
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#9e2a46
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#ba9744
  • gitlens.decorations.workspaceCurrentForegroundColor#7e45a7
  • gitlens.decorations.workspaceRepoMissingForegroundColor#6d5a74
  • gitlens.decorations.workspaceRepoOpenForegroundColor#7e45a7
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#b46436
  • gitlens.decorations.worktreeMissingForegroundColor#9e2a46
  • gitlens.graphChangesColumnAddedColor#4f854b
  • gitlens.graphChangesColumnDeletedColor#9e2a46
  • gitlens.graphLane10Color#a24e7a
  • gitlens.graphLane1Color#7e45a7
  • gitlens.graphLane2Color#ba9744
  • gitlens.graphLane3Color#157a8c
  • gitlens.graphLane4Color#c14e68
  • gitlens.graphLane5Color#4f854b
  • gitlens.graphLane6Color#38a0b0
  • gitlens.graphLane7Color#c7799a
  • gitlens.graphLane8Color#9e2a46
  • gitlens.graphLane9Color#2e7a6e
  • gitlens.graphMinimapMarkerHeadColor#4f854b
  • gitlens.graphMinimapMarkerHighlightsColor#ba9744
  • gitlens.graphMinimapMarkerLocalBranchesColor#157a8c
  • gitlens.graphMinimapMarkerRemoteBranchesColor#6982d0
  • gitlens.graphMinimapMarkerStashesColor#7e45a7
  • gitlens.graphMinimapMarkerTagsColor#a24e7a
  • gitlens.graphMinimapMarkerUpstreamColor#7da872
  • gitlens.graphScrollMarkerHeadColor#4f854b
  • gitlens.graphScrollMarkerHighlightsColor#ba9744
  • gitlens.graphScrollMarkerLocalBranchesColor#157a8c
  • gitlens.graphScrollMarkerRemoteBranchesColor#6982d0
  • gitlens.graphScrollMarkerStashesColor#7e45a7
  • gitlens.graphScrollMarkerTagsColor#a24e7a
  • gitlens.graphScrollMarkerUpstreamColor#7da872
  • gitlens.gutterBackgroundColor#d4cad44d
  • gitlens.gutterForegroundColor#261931
  • gitlens.gutterUncommittedForegroundColor#7e45a7
  • gitlens.lineHighlightBackgroundColor#7e45a726
  • gitlens.lineHighlightOverviewRulerColor#7e45a7cc
  • gitlens.mergedPullRequestIconColor#7e45a7
  • gitlens.openAutolinkedIssueIconColor#4f854b
  • gitlens.openPullRequestIconColor#4f854b
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#2619314d
  • gitlens.unpublishedChangesIconColor#4f854b
  • gitlens.unpublishedCommitIconColor#4f854b
  • gitlens.unpulledChangesIconColor#b46436
  • icon.foreground#157a8c
  • input.background#d4cad4
  • input.border#00000000
  • input.foreground#261931
  • input.placeholderForeground#26193173
  • inputOption.activeBackground#beb4c0
  • inputOption.activeBorder#7e45a7
  • inputOption.activeForeground#261931
  • inputValidation.errorBackground#9e2a46
  • inputValidation.errorBorder#dfd5de33
  • inputValidation.errorForeground#dfd5de
  • inputValidation.infoBackground#157a8c
  • inputValidation.infoBorder#dfd5de33
  • inputValidation.infoForeground#dfd5de
  • inputValidation.warningBackground#ba9744
  • inputValidation.warningBorder#dfd5de33
  • inputValidation.warningForeground#dfd5de
  • issues.closed#7e45a7
  • issues.newIssueDecoration#b46436
  • issues.open#4f854b
  • list.activeSelectionBackground#d4cad4
  • list.activeSelectionForeground#261931
  • list.dropBackground#7e45a733
  • list.focusAndSelectionBackground#c9c0cb
  • list.focusBackground#d4cad4
  • list.focusForeground#261931
  • list.focusOutline#00000000
  • list.highlightForeground#7e45a7
  • list.hoverBackground#d4cad480
  • list.hoverForeground#261931
  • list.inactiveSelectionBackground#d4cad4
  • list.inactiveSelectionForeground#261931
  • list.warningForeground#ba9744
  • listFilterWidget.background#c9c0cb
  • listFilterWidget.noMatchesOutline#9e2a46
  • listFilterWidget.outline#00000000
  • menu.background#f2ecee
  • menu.border#f2ecee80
  • menu.foreground#261931
  • menu.selectionBackground#beb4c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#261931
  • menu.separatorBackground#beb4c0
  • menubar.selectionBackground#c9c0cb
  • menubar.selectionForeground#261931
  • merge.commonContentBackground#c9c0cb
  • merge.commonHeaderBackground#beb4c0
  • merge.currentContentBackground#4f854b33
  • merge.currentHeaderBackground#4f854b66
  • merge.incomingContentBackground#157a8c33
  • merge.incomingHeaderBackground#157a8c66
  • minimap.background#e9e1e780
  • minimap.errorHighlight#9e2a46bf
  • minimap.findMatchHighlight#157a8c4d
  • minimap.selectionHighlight#beb4c0bf
  • minimap.selectionOccurrenceHighlight#beb4c0bf
  • minimap.warningHighlight#ba9744bf
  • minimapGutter.addedBackground#4f854bbf
  • minimapGutter.deletedBackground#9e2a46bf
  • minimapGutter.modifiedBackground#ba9744bf
  • minimapSlider.activeBackground#7e45a799
  • minimapSlider.background#7e45a733
  • minimapSlider.hoverBackground#7e45a766
  • notificationCenter.border#7e45a7
  • notificationCenterHeader.background#e9e1e7
  • notificationCenterHeader.foreground#261931
  • notificationLink.foreground#157a8c
  • notifications.background#e9e1e7
  • notifications.border#7e45a7
  • notifications.foreground#261931
  • notificationsErrorIcon.foreground#9e2a46
  • notificationsInfoIcon.foreground#157a8c
  • notificationsWarningIcon.foreground#ba9744
  • notificationToast.border#7e45a7
  • panel.background#f2ecee
  • panel.border#beb4c0
  • panelSection.border#beb4c0
  • panelSection.dropBackground#7e45a733
  • panelTitle.activeBorder#7e45a7
  • panelTitle.activeForeground#261931
  • panelTitle.inactiveForeground#6d5a74
  • peekView.border#7e45a7
  • peekViewEditor.background#e9e1e7
  • peekViewEditor.matchHighlightBackground#157a8c4d
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#e9e1e7
  • peekViewResult.background#e9e1e7
  • peekViewResult.fileForeground#261931
  • peekViewResult.lineForeground#261931
  • peekViewResult.matchHighlightBackground#157a8c4d
  • peekViewResult.selectionBackground#d4cad4
  • peekViewResult.selectionForeground#261931
  • peekViewTitle.background#f2ecee
  • peekViewTitleDescription.foreground#4a3b52b3
  • peekViewTitleLabel.foreground#261931
  • pickerGroup.border#7e45a7
  • pickerGroup.foreground#7e45a7
  • problemsErrorIcon.foreground#9e2a46
  • problemsInfoIcon.foreground#157a8c
  • problemsWarningIcon.foreground#b46436
  • progressBar.background#7e45a7
  • pullRequests.closed#9e2a46
  • pullRequests.draft#9b91a3
  • pullRequests.merged#7e45a7
  • pullRequests.notification#261931
  • pullRequests.open#4f854b
  • sash.hoverBorder#157a8c
  • scrollbar.shadow#dfd5de
  • scrollbarSlider.activeBackground#d4cad466
  • scrollbarSlider.background#beb4c080
  • scrollbarSlider.hoverBackground#b2a8b6
  • selection.background#a69cad66
  • settings.dropdownBackground#c9c0cb
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#beb4c033
  • settings.headerForeground#261931
  • settings.modifiedItemIndicator#7e45a7
  • settings.numberInputBackground#c9c0cb
  • settings.numberInputBorder#00000000
  • settings.textInputBackground#c9c0cb
  • settings.textInputBorder#00000000
  • sideBar.background#e9e1e7
  • sideBar.border#00000000
  • sideBar.dropBackground#7e45a733
  • sideBar.foreground#261931
  • sideBarSectionHeader.background#e9e1e7
  • sideBarSectionHeader.foreground#261931
  • sideBarTitle.foreground#7e45a7
  • statusBar.background#dfd5de
  • statusBar.border#00000000
  • statusBar.debuggingBackground#b46436
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#dfd5de
  • statusBar.foreground#261931
  • statusBar.noFolderBackground#dfd5de
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#261931
  • statusBarItem.activeBackground#beb4c066
  • statusBarItem.errorBackground#00000000
  • statusBarItem.errorForeground#9e2a46
  • statusBarItem.hoverBackground#beb4c033
  • statusBarItem.prominentBackground#00000000
  • statusBarItem.prominentForeground#7e45a7
  • statusBarItem.prominentHoverBackground#beb4c033
  • statusBarItem.remoteBackground#157a8c
  • statusBarItem.remoteForeground#dfd5de
  • statusBarItem.warningBackground#00000000
  • statusBarItem.warningForeground#ba9744
  • symbolIcon.arrayForeground#b46436
  • symbolIcon.booleanForeground#7e45a7
  • symbolIcon.classForeground#ba9744
  • symbolIcon.colorForeground#a24e7a
  • symbolIcon.constantForeground#b46436
  • symbolIcon.constructorForeground#157a8c
  • symbolIcon.enumeratorForeground#ba9744
  • symbolIcon.enumeratorMemberForeground#ba9744
  • symbolIcon.eventForeground#a24e7a
  • symbolIcon.fieldForeground#261931
  • symbolIcon.fileForeground#7e45a7
  • symbolIcon.folderForeground#7e45a7
  • symbolIcon.functionForeground#157a8c
  • symbolIcon.interfaceForeground#ba9744
  • symbolIcon.keyForeground#2e7a6e
  • symbolIcon.keywordForeground#7e45a7
  • symbolIcon.methodForeground#157a8c
  • symbolIcon.moduleForeground#261931
  • symbolIcon.namespaceForeground#ba9744
  • symbolIcon.nullForeground#b46436
  • symbolIcon.numberForeground#b46436
  • symbolIcon.objectForeground#ba9744
  • symbolIcon.operatorForeground#2e7a6e
  • symbolIcon.packageForeground#4a3b52
  • symbolIcon.propertyForeground#b46436
  • symbolIcon.referenceForeground#ba9744
  • symbolIcon.snippetForeground#7e45a7
  • symbolIcon.stringForeground#4f854b
  • symbolIcon.structForeground#2e7a6e
  • symbolIcon.textForeground#261931
  • symbolIcon.typeParameterForeground#ba9744
  • symbolIcon.unitForeground#261931
  • symbolIcon.variableForeground#261931
  • tab.activeBackground#f2ecee
  • tab.activeBorder#00000000
  • tab.activeBorderTop#7e45a7
  • tab.activeForeground#7e45a7
  • tab.activeModifiedBorder#ba9744
  • tab.border#e9e1e7
  • tab.hoverBackground#dfd5de
  • tab.hoverBorder#00000000
  • tab.hoverForeground#7e45a7
  • tab.inactiveBackground#e9e1e7
  • tab.inactiveForeground#6d5a7490
  • tab.inactiveModifiedBorder#ba97444d
  • tab.lastPinnedBorder#7e45a7
  • tab.unfocusedActiveBackground#e9e1e7
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#7e45a74d
  • tab.unfocusedInactiveBackground#9b91a3
  • table.headerBackground#d4cad4
  • table.headerForeground#261931
  • terminal.ansiBlack#4a3b52
  • terminal.ansiBlue#3b59b4
  • terminal.ansiBrightBlack#6d5a74
  • terminal.ansiBrightBlue#6982d0
  • terminal.ansiBrightCyan#38a0b0
  • terminal.ansiBrightGreen#7da872
  • terminal.ansiBrightMagenta#c7799a
  • terminal.ansiBrightRed#c14e68
  • terminal.ansiBrightWhite#c9c0cb
  • terminal.ansiBrightYellow#dfb65d
  • terminal.ansiCyan#157a8c
  • terminal.ansiGreen#4f854b
  • terminal.ansiMagenta#a24e7a
  • terminal.ansiRed#9e2a46
  • terminal.ansiWhite#beb4c0
  • terminal.ansiYellow#ba9744
  • terminal.border#beb4c0
  • terminal.dropBackground#7e45a733
  • terminal.foreground#261931
  • terminal.inactiveSelectionBackground#beb4c080
  • terminal.selectionBackground#beb4c0
  • terminal.tab.activeBorder#7e45a7
  • terminalCommandDecoration.defaultBackground#beb4c0
  • terminalCommandDecoration.errorBackground#9e2a46
  • terminalCommandDecoration.successBackground#4f854b
  • terminalCursor.background#f2ecee
  • terminalCursor.foreground#6d5a74
  • testing.coverCountBadgeBackground#00000000
  • testing.coverCountBadgeForeground#b46436
  • testing.coveredBackground#4f854b4d
  • testing.coveredBorder#00000000
  • testing.coveredGutterBackground#4f854b4d
  • testing.iconErrored#9e2a46
  • testing.iconErrored.retired#9e2a46
  • testing.iconFailed#9e2a46
  • testing.iconFailed.retired#9e2a46
  • testing.iconPassed#4f854b
  • testing.iconPassed.retired#4f854b
  • testing.iconQueued#157a8c
  • testing.iconQueued.retired#157a8c
  • testing.iconSkipped#6d5a74
  • testing.iconSkipped.retired#6d5a74
  • testing.iconUnset#261931
  • testing.iconUnset.retired#261931
  • testing.message.error.lineBackground#9e2a4626
  • testing.message.info.decorationForeground#4f854bcc
  • testing.message.info.lineBackground#4f854b26
  • testing.messagePeekBorder#b46436
  • testing.messagePeekHeaderBackground#beb4c0
  • testing.peekBorder#b46436
  • testing.peekHeaderBackground#beb4c0
  • testing.runAction#3b59b4
  • testing.uncoveredBackground#9e2a4633
  • testing.uncoveredBorder#00000000
  • testing.uncoveredBranchBackground#9e2a4633
  • testing.uncoveredGutterBackground#9e2a4640
  • textBlockQuote.background#e9e1e7
  • textBlockQuote.border#dfd5de
  • textCodeBlock.background#e9e1e7
  • textLink.activeForeground#6982d0
  • textLink.foreground#3b59b4
  • textPreformat.foreground#261931
  • textSeparator.foreground#b2a8b6
  • titleBar.activeBackground#dfd5de
  • titleBar.activeForeground#261931
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dfd5de
  • titleBar.inactiveForeground#26193180
  • tree.inactiveIndentGuidesStroke#c9c0cb
  • tree.indentGuidesStroke#9b91a3
  • walkThrough.embeddedEditorBackground#f2ecee4d
  • welcomePage.progress.background#dfd5de
  • welcomePage.progress.foreground#7e45a7
  • welcomePage.tileBackground#e9e1e7
  • widget.shadow#e9e1e780
  • window.activeBorder#00000000
  • window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text, source, variable.other.readwrite, punctuation.definition.variable#261931
punctuation#82748a
comment, punctuation.definition.comment#6d5a74italic
string, punctuation.definition.string#4f854b
constant.character.escape#a24e7a
constant.numeric, variable.other.constant, entity.name.constant, constant.language.boolean, constant.language.false, constant.language.true, keyword.other.unit.user-defined, keyword.other.unit.suffix.floating-point#b46436
keyword, keyword.operator.word, keyword.operator.new, variable.language.super, support.type.primitive, storage.type, storage.modifier, punctuation.definition.keyword#7e45a7
entity.name.tag.documentation#7e45a7
keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.definition.tag, punctuation.separator.key-value#2e7a6e
entity.name.function, meta.function-call.method, support.function, support.function.misc, variable.function#157a8citalic
entity.name.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct#ba9744italic
entity.name.enum#ba9744italic
meta.enum variable.other.readwrite, variable.other.enummember#2e7a6e
meta.property.object#2e7a6e
meta.type, meta.type-alias, support.type, entity.name.type#ba9744italic
meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator#b46436
variable.parameter, meta.function.parameters#c7799aitalic
constant.language, support.function.builtin#9e2a46
entity.other.attribute-name.documentation#9e2a46
keyword.control.directive, punctuation.definition.directive#ba9744
punctuation.definition.typeparameters#157a8c
entity.name.namespace#ba9744
support.type.property-name.css#157a8c
variable.language.this, variable.language.this punctuation.definition.variable#9e2a46
variable.object.property#261931
string.template variable, string variable#261931
keyword.operator.newbold
storage.modifier.specifier.extern.cpp#7e45a7
entity.name.scope-resolution.template.call.cpp, entity.name.scope-resolution.parameter.cpp, entity.name.scope-resolution.cpp, entity.name.scope-resolution.function.definition.cpp#ba9744
storage.type.class.doxygen
storage.modifier.reference.cpp#2e7a6e
meta.interpolation.cs#261931
comment.block.documentation.cs#261931
source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css#ba9744
punctuation.separator.operator.css#2e7a6e
source.css entity.other.attribute-name.pseudo-class#2e7a6e
source.css constant.other.unicode-range#b46436
source.css variable.parameter.url#4f854b
support.type.vendored.property-name#157a8c
source.css meta.property-value variable, source.css meta.property-value variable.other.less, source.css meta.property-value variable.other.less punctuation.definition.variable.less, meta.definition.variable.scss#c7799a
source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less#157a8c
keyword.other.unit.percentage.css#b46436
source.css meta.attribute-selector#4f854b
keyword.other.definition.ini, punctuation.support.type.property-name.json, support.type.property-name.json, punctuation.support.type.property-name.toml, support.type.property-name.toml, entity.name.tag.yaml, punctuation.support.type.property-name.yaml, support.type.property-name.yaml#157a8c
constant.language.json, constant.language.yaml#b46436
entity.name.type.anchor.yaml, variable.other.alias.yaml#ba9744
support.type.property-name.table, entity.name.section.group-title.ini#ba9744
constant.other.time.datetime.offset.toml#a24e7a
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#a24e7a
entity.other.document.begin.yaml#a24e7a
markup.changed.diff#b46436
meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff#157a8c
markup.inserted.diff#4f854b
markup.deleted.diff#9e2a46
variable.other.env#157a8c
string.quoted variable.other.env#261931
support.function.builtin.gdscript#157a8c
constant.language.gdscript#b46436
comment meta.annotation.go#c7799a
comment meta.annotation.parameters.go#b46436
constant.language.go#b46436
variable.graphql#261931
string.unquoted.alias.graphql#c14e68
constant.character.enum.graphql#2e7a6e
meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql#c14e68
keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag#7e45a7
entity.name.tag#157a8c
text.html constant.character.entity, text.html constant.character.entity punctuation, constant.character.entity.xml, constant.character.entity.xml punctuation, constant.character.entity.js.jsx, constant.charactger.entity.js.jsx punctuation, constant.character.entity.tsx, constant.character.entity.tsx punctuation#9e2a46
entity.other.attribute-name#ba9744
support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue#a24e7a
punctuation.definition.annotation, storage.type.annotation#b46436
constant.other.enum.java#2e7a6e
storage.modifier.import.java#261931
comment.block.javadoc.java keyword.other.documentation.javadoc.java
meta.export variable.other.readwrite.js#c7799a
variable.other.constant.js, variable.other.constant.ts, variable.other.property.js, variable.other.property.ts#261931
variable.other.jsdoc, comment.block.documentation variable.other#c7799a
storage.type.class.jsdoc
support.type.object.console.js#261931
support.constant.node, support.type.object.module.js#7e45a7
storage.modifier.implements#7e45a7
constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts#7e45a7
variable.parameter.generic#ba9744
keyword.declaration.function.arrow.js, storage.type.function.arrow.ts#2e7a6e
punctuation.decorator.ts#157a8citalic
keyword.operator.expression.in.js, keyword.operator.expression.in.ts, keyword.operator.expression.infer.ts, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.is, keyword.operator.expression.keyof.ts, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.typeof.ts#7e45a7
support.function.macro.julia#2e7a6eitalic
constant.language.julia#b46436
constant.other.symbol.julia#c7799a
text.tex keyword.control.preamble#2e7a6e
text.tex support.function.be#157a8c
constant.other.general.math.tex#c14e68
variable.language.liquid#a24e7a
comment.line.double-dash.documentation.lua storage.type.annotation.lua#7e45a7
comment.line.double-dash.documentation.lua entity.name.variable.lua, comment.line.double-dash.documentation.lua variable.lua#261931
heading.1.markdown punctuation.definition.heading.markdown, heading.1.markdown, heading.1.quarto punctuation.definition.heading.quarto, heading.1.quarto, markup.heading.atx.1.mdx, markup.heading.atx.1.mdx punctuation.definition.heading.mdx, markup.heading.setext.1.markdown, markup.heading.heading-0.asciidoc#9e2a46
heading.2.markdown punctuation.definition.heading.markdown, heading.2.markdown, heading.2.quarto punctuation.definition.heading.quarto, heading.2.quarto, markup.heading.atx.2.mdx, markup.heading.atx.2.mdx punctuation.definition.heading.mdx, markup.heading.setext.2.markdown, markup.heading.heading-1.asciidoc#b46436
heading.3.markdown punctuation.definition.heading.markdown, heading.3.markdown, heading.3.quarto punctuation.definition.heading.quarto, heading.3.quarto, markup.heading.atx.3.mdx, markup.heading.atx.3.mdx punctuation.definition.heading.mdx, markup.heading.heading-2.asciidoc#ba9744
heading.4.markdown punctuation.definition.heading.markdown, heading.4.markdown, heading.4.quarto punctuation.definition.heading.quarto, heading.4.quarto, markup.heading.atx.4.mdx, markup.heading.atx.4.mdx punctuation.definition.heading.mdx, markup.heading.heading-3.asciidoc#4f854b
heading.5.markdown punctuation.definition.heading.markdown, heading.5.markdown, heading.5.quarto punctuation.definition.heading.quarto, heading.5.quarto, markup.heading.atx.5.mdx, markup.heading.atx.5.mdx punctuation.definition.heading.mdx, markup.heading.heading-4.asciidoc#209fb5
heading.6.markdown punctuation.definition.heading.markdown, heading.6.markdown, heading.6.quarto punctuation.definition.heading.quarto, heading.6.quarto, markup.heading.atx.6.mdx, markup.heading.atx.6.mdx punctuation.definition.heading.mdx, markup.heading.heading-5.asciidoc#38a0b0
markup.bold#9e2a46bold
markup.italic#9e2a46italic
markup.strikethrough#6d5a74strikethrough
punctuation.definition.link, markup.underline.link#157a8c
text.html.markdown punctuation.definition.link.title, text.html.quarto punctuation.definition.link.title, string.other.link.title.markdown, string.other.link.title.quarto, markup.link, punctuation.definition.constant.markdown, punctuation.definition.constant.quarto, constant.other.reference.link.markdown, constant.other.reference.link.quarto, markup.substitution.attribute-reference#38a0b0
punctuation.definition.raw.markdown, punctuation.definition.raw.quarto, markup.inline.raw.string.markdown, markup.inline.raw.string.quarto, markup.raw.block.markdown, markup.raw.block.quarto#4f854b
fenced_code.block.language#157a8c
markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc#9b91a3
markup.quote, punctuation.definition.quote.begin#a24e7a
meta.separator.markdown#2e7a6e
punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet#2e7a6e
markup.heading.quartobold
entity.other.attribute-name.multipart.nix, entity.other.attribute-name.single.nix#157a8c
variable.parameter.name.nix#261931
meta.embedded variable.parameter.name.nix#38a0b0
string.unquoted.path.nix#a24e7a
support.attribute.builtin, meta.attribute.php#ba9744
meta.function.parameters.php punctuation.definition.variable.php#c7799a
constant.language.php#7e45a7
text.html.php support.function#157a8c
keyword.other.phpdoc.php
support.variable.magic.python, meta.function-call.arguments.python#261931
support.function.magic.python#157a8citalic
variable.parameter.function.language.special.self.python, variable.language.special.self.python#9e2a46italic
keyword.control.flow.python, keyword.operator.logical.python#7e45a7
storage.type.function.python#7e45a7
support.token.decorator.python, meta.function.decorator.identifier.python#157a8c
meta.function-call.python#157a8c
entity.name.function.decorator.python, punctuation.definition.decorator.python#b46436italic
constant.character.format.placeholder.other.python#a24e7a
support.type.exception.python, support.function.builtin.python#b46436
support.type.python#7e45a7
constant.language.python#b46436
meta.indexed-name.python, meta.item-access.python#c7799aitalic
storage.type.string.python#4f854bitalic
meta.function.parameters.python
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#a24e7a
keyword.control.anchor.regexp#7e45a7
string.regexp.ts#261931
punctuation.definition.group.regexp, keyword.other.back-reference.regexp#4f854b
punctuation.definition.character-class.regexp#ba9744
constant.other.character-class.regexp#a24e7a
constant.other.character-class.range.regexp#a24e7a
keyword.operator.quantifier.regexp#2e7a6e
constant.character.numeric.regexp#b46436
punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp#157a8c
meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust#ba9744italic
meta.attribute.rust string.quoted.double.rust, meta.attribute.rust string.quoted.single.char.rust
entity.name.function.macro.rules.rust, storage.type.module.rust, storage.modifier.rust, storage.type.struct.rust, storage.type.enum.rust, storage.type.trait.rust, storage.type.union.rust, storage.type.impl.rust, storage.type.rust, storage.type.function.rust, storage.type.type.rust#7e45a7
entity.name.type.numeric.rust#7e45a7
meta.generic.rust#b46436
entity.name.impl.rust#ba9744italic
entity.name.module.rust#b46436
entity.name.trait.rust#ba9744italic
storage.type.source.rust#ba9744
entity.name.union.rust#ba9744
meta.enum.rust storage.type.source.rust#2e7a6e
support.macro.rust, meta.macro.rust support.function.rust, entity.name.function.macro.rust#157a8citalic
storage.modifier.lifetime.rust, entity.name.type.lifetime#157a8citalic
string.quoted.double.rust constant.other.placeholder.rust#a24e7a
meta.function.return-type.rust meta.generic.rust storage.type.rust#261931
meta.function.call.rust#157a8c
punctuation.brackets.angle.rust#157a8c
constant.other.caps.rust#b46436
meta.function.definition.rust variable.other.rust#c7799a
meta.function.call.rust variable.other.rust#261931
variable.language.self.rust#9e2a46
variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust#a24e7a
comment.line.shebang, comment.line.shebang punctuation.definition.comment, comment.line.shebang, punctuation.definition.comment.shebang.shell, meta.shebang.shell#a24e7aitalic
comment.line.shebang constant.language#2e7a6eitalic
meta.function-call.arguments.shell punctuation.definition.variable.shell, meta.function-call.arguments.shell punctuation.section.interpolation, meta.function-call.arguments.shell punctuation.definition.variable.shell, meta.function-call.arguments.shell punctuation.section.interpolation#9e2a46
meta.string meta.interpolation.parameter.shell variable.other.readwrite#b46436italic
source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell#2e7a6e
entity.name.tag.heredoc.shell#7e45a7
string.quoted.double.shell variable.other.normal.shell#261931
markup.heading.typst#9e2a46