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#121314
  • activityBar.border#00000000
  • activityBar.dropBorder#cba6f733
  • activityBar.foreground#D7DAE0
  • activityBar.inactiveForeground#6c7086
  • activityBarBadge.background#4b6083
  • activityBarBadge.foreground#D7DAE0
  • activityBarTop.activeBorder#00000000
  • activityBarTop.dropBorder#cba6f733
  • activityBarTop.foreground#cba6f7
  • activityBarTop.inactiveForeground#6c7086
  • badge.background#464d5c
  • badge.foreground#D7DAE0
  • banner.background#45475a
  • banner.foreground#d6dae7
  • banner.iconForeground#d6dae7
  • breadcrumb.activeSelectionForeground#cba6f7
  • breadcrumb.background#121314
  • breadcrumb.focusForeground#cba6f7
  • breadcrumb.foreground#cdd6f4cc
  • breadcrumbPicker.background#181825
  • button.background#4D78CC
  • button.border#00000000
  • button.foreground#FFFFFF
  • button.hoverBackground#6087CF
  • button.secondaryBackground#585b70
  • button.secondaryBorder#cba6f7
  • button.secondaryForeground#d6dae7
  • button.secondaryHoverBackground#686b84
  • button.separator#00000000
  • charts.blue#89b4fa
  • charts.foreground#d6dae7
  • charts.green#a6e3a1
  • charts.lines#bac2de
  • charts.orange#fab387
  • charts.purple#cba6f7
  • charts.red#f38ba8
  • charts.yellow#f9e2af
  • checkbox.background#45475a
  • checkbox.border#00000000
  • checkbox.foreground#cba6f7
  • commandCenter.activeBackground#585b7033
  • commandCenter.activeBorder#cba6f7
  • commandCenter.activeForeground#cba6f7
  • commandCenter.background#21252b
  • commandCenter.border#00000000
  • commandCenter.foreground#bac2de
  • commandCenter.inactiveBorder#00000000
  • commandCenter.inactiveForeground#bac2de
  • debugConsole.errorForeground#f38ba8
  • debugConsole.infoForeground#89b4fa
  • debugConsole.sourceForeground#f5e0dc
  • debugConsole.warningForeground#fab387
  • debugConsoleInputIcon.foreground#d6dae7
  • debugExceptionWidget.background#11111b
  • debugExceptionWidget.border#cba6f7
  • debugIcon.breakpointCurrentStackframeForeground#585b70
  • debugIcon.breakpointDisabledForeground#f38ba899
  • debugIcon.breakpointForeground#f38ba8
  • debugIcon.breakpointStackframeForeground#585b70
  • debugIcon.breakpointUnverifiedForeground#a6738c
  • debugIcon.continueForeground#a6e3a1
  • debugIcon.disconnectForeground#585b70
  • debugIcon.pauseForeground#89b4fa
  • debugIcon.restartForeground#94e2d5
  • debugIcon.startForeground#a6e3a1
  • debugIcon.stepBackForeground#585b70
  • debugIcon.stepIntoForeground#d6dae7
  • debugIcon.stepOutForeground#d6dae7
  • debugIcon.stepOverForeground#cba6f7
  • debugIcon.stopForeground#f38ba8
  • debugTokenExpression.boolean#cba6f7
  • debugTokenExpression.error#f38ba8
  • debugTokenExpression.number#fab387
  • debugTokenExpression.string#a6e3a1
  • debugToolBar.background#11111b
  • debugToolBar.border#00000000
  • descriptionForeground#d6dae7
  • diffEditor.border#727480
  • diffEditor.diagonalFill#585b7099
  • diffEditor.insertedLineBackground#a6e3a126
  • diffEditor.insertedTextBackground#00809B33
  • diffEditor.removedLineBackground#f38ba826
  • diffEditor.removedTextBackground#f38ba833
  • diffEditorOverview.insertedForeground#a6e3a1cc
  • diffEditorOverview.removedForeground#f38ba8cc
  • disabledForeground#a6adc8
  • dropdown.background#353b45
  • dropdown.border#181A1F
  • dropdown.foreground#d6dae7
  • dropdown.listBackground#585b70
  • editor.background#21252b
  • editor.findMatchBackground#5e3f53
  • editor.findMatchBorder#f38ba833
  • editor.findMatchHighlightBackground#89b4fa3d
  • editor.findMatchHighlightBorder#89dceb33
  • editor.findRangeHighlightBackground#3e5767
  • editor.findRangeHighlightBorder#89dceb33
  • editor.focusedStackFrameHighlightBackground#a6e3a126
  • editor.foldBackground#74c7ec20
  • editor.foreground#d7dae6
  • editor.hoverHighlightBackground#89dceb40
  • editor.lineHighlightBackground#99BBFF0a
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#89dceb40
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#3E4451
  • editor.selectionHighlightBackground#9399b233
  • editor.selectionHighlightBorder#9399b233
  • editor.stackFrameHighlightBackground#f9e2af26
  • editor.wordHighlightBackground#9399b233
  • editor.wordHighlightStrongBackground#89b4fa33
  • editorBracketHighlight.foreground1#f38ba8
  • editorBracketHighlight.foreground2#fab387
  • editorBracketHighlight.foreground3#f9e2af
  • editorBracketHighlight.foreground4#a6e3a1
  • editorBracketHighlight.foreground5#74c7ec
  • editorBracketHighlight.foreground6#cba6f7
  • editorBracketHighlight.unexpectedBracket.foreground#eba0ac
  • editorBracketMatch.background#9399b21a
  • editorBracketMatch.border#9399b2
  • editorCodeLens.foreground#7f849c
  • editorCursor.background#1e1e2e
  • editorCursor.foreground#f5e0dc
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#f38ba8
  • editorGroup.border#16181A
  • editorGroup.dropBackground#cba6f733
  • editorGroup.emptyBackground#121314
  • editorGroupHeader.tabsBackground#1D2025
  • editorGutter.addedBackground#a6e3a1
  • editorGutter.background#21252b
  • editorGutter.commentGlyphForeground#cba6f7
  • editorGutter.commentRangeForeground#313244
  • editorGutter.deletedBackground#f38ba8
  • editorGutter.foldingControlForeground#9399b2
  • editorGutter.modifiedBackground#f9e2af
  • editorHoverWidget.background#1D2025
  • editorHoverWidget.border#181A1F
  • editorHoverWidget.foreground#d6dae7
  • editorIndentGuide.activeBackground#585b70
  • editorIndentGuide.activeBackground1#626772
  • editorIndentGuide.activeBackground2#626772
  • editorIndentGuide.background#45475a
  • editorIndentGuide.background1#ABB2BF15
  • editorIndentGuide.background2#ABB2BF15
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#89b4fa
  • editorInlayHint.background#2C313A
  • editorInlayHint.foreground#22417a
  • editorInlayHint.parameterBackground#181825bf
  • editorInlayHint.parameterForeground#a6adc8
  • editorInlayHint.typeBackground#181825bf
  • editorInlayHint.typeForeground#bac2de
  • editorLightBulb.foreground#f9e2af
  • editorLineNumber.activeForeground#ABB2BF
  • editorLineNumber.foreground#636D83
  • editorLink.activeForeground#cba6f7
  • editorMarkerNavigation.background#181825
  • editorMarkerNavigationError.background#f38ba8
  • editorMarkerNavigationInfo.background#89b4fa
  • editorMarkerNavigationWarning.background#fab387
  • editorOverviewRuler.background#16181A
  • editorOverviewRuler.border#21252b
  • editorOverviewRuler.modifiedForeground#f9e2af
  • editorRuler.foreground#ABB2BF26
  • editorStickyScroll.border#21252b
  • editorStickyScroll.shadow#16181A
  • editorStickyScrollHover.background#16181A
  • editorSuggestWidget.background#1D2025
  • editorSuggestWidget.border#181A1F
  • editorSuggestWidget.foreground#d6dae7
  • editorSuggestWidget.highlightForeground#cba6f7
  • editorSuggestWidget.selectedBackground#2C313A
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#fab387
  • editorWhitespace.foreground#ABB2BF26
  • editorWidget.background#1D2025
  • editorWidget.border#3A3F4B
  • editorWidget.foreground#d6dae7
  • editorWidget.resizeBorder#585b70
  • errorForeground#f38ba8
  • errorLens.errorBackground#f38ba826
  • errorLens.errorBackgroundLight#f38ba826
  • errorLens.errorForeground#f38ba8
  • errorLens.errorForegroundLight#f38ba8
  • errorLens.errorMessageBackground#f38ba826
  • errorLens.hintBackground#a6e3a126
  • errorLens.hintBackgroundLight#a6e3a126
  • errorLens.hintForeground#a6e3a1
  • errorLens.hintForegroundLight#a6e3a1
  • errorLens.hintMessageBackground#a6e3a126
  • errorLens.infoBackground#89b4fa26
  • errorLens.infoBackgroundLight#89b4fa26
  • errorLens.infoForeground#89b4fa
  • errorLens.infoForegroundLight#89b4fa
  • errorLens.infoMessageBackground#89b4fa26
  • errorLens.statusBarErrorForeground#f38ba8
  • errorLens.statusBarHintForeground#a6e3a1
  • errorLens.statusBarIconErrorForeground#f38ba8
  • errorLens.statusBarIconWarningForeground#fab387
  • errorLens.statusBarInfoForeground#89b4fa
  • errorLens.statusBarWarningForeground#fab387
  • errorLens.warningBackground#fab38726
  • errorLens.warningBackgroundLight#fab38726
  • errorLens.warningForeground#fab387
  • errorLens.warningForegroundLight#fab387
  • errorLens.warningMessageBackground#fab38726
  • extensionBadge.remoteBackground#89b4fa
  • extensionBadge.remoteForeground#11111b
  • extensionButton.prominentBackground#2BA143
  • extensionButton.prominentForeground#11111b
  • extensionButton.prominentHoverBackground#37AF4E
  • extensionButton.separator#1e1e2e
  • extensionIcon.preReleaseForeground#585b70
  • extensionIcon.sponsorForeground#f5c2e7
  • extensionIcon.starForeground#f9e2af
  • extensionIcon.verifiedForeground#a6e3a1
  • focusBorder#89b4fa
  • foreground#d6dae7
  • gitDecoration.addedResourceForeground#a6e3a1
  • gitDecoration.conflictingResourceForeground#cba6f7
  • gitDecoration.deletedResourceForeground#f38ba8
  • gitDecoration.ignoredResourceForeground#6c7086
  • gitDecoration.modifiedResourceForeground#f9e2af
  • gitDecoration.stageDeletedResourceForeground#f38ba8
  • gitDecoration.stageModifiedResourceForeground#f9e2af
  • gitDecoration.submoduleResourceForeground#89b4fa
  • gitDecoration.untrackedResourceForeground#a6e3a1
  • gitlens.closedAutolinkedIssueIconColor#cba6f7
  • gitlens.closedPullRequestIconColor#f38ba8
  • gitlens.decorations.branchAheadForegroundColor#a6e3a1
  • gitlens.decorations.branchBehindForegroundColor#fab387
  • gitlens.decorations.branchDivergedForegroundColor#f9e2af
  • gitlens.decorations.branchMissingUpstreamForegroundColor#fab387
  • gitlens.decorations.branchUnpublishedForegroundColor#a6e3a1
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#eba0ac
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#f9e2af
  • gitlens.decorations.workspaceCurrentForegroundColor#cba6f7
  • gitlens.decorations.workspaceRepoMissingForegroundColor#a6adc8
  • gitlens.decorations.workspaceRepoOpenForegroundColor#cba6f7
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#fab387
  • gitlens.decorations.worktreeMissingForegroundColor#eba0ac
  • gitlens.graphChangesColumnAddedColor#a6e3a1
  • gitlens.graphChangesColumnDeletedColor#f38ba8
  • gitlens.graphLane10Color#f5c2e7
  • gitlens.graphLane1Color#cba6f7
  • gitlens.graphLane2Color#f9e2af
  • gitlens.graphLane3Color#89b4fa
  • gitlens.graphLane4Color#f2cdcd
  • gitlens.graphLane5Color#a6e3a1
  • gitlens.graphLane6Color#b4befe
  • gitlens.graphLane7Color#f5e0dc
  • gitlens.graphLane8Color#f38ba8
  • gitlens.graphLane9Color#94e2d5
  • gitlens.graphMinimapMarkerHeadColor#a6e3a1
  • gitlens.graphMinimapMarkerHighlightsColor#f9e2af
  • gitlens.graphMinimapMarkerLocalBranchesColor#89b4fa
  • gitlens.graphMinimapMarkerRemoteBranchesColor#71a4f9
  • gitlens.graphMinimapMarkerStashesColor#cba6f7
  • gitlens.graphMinimapMarkerTagsColor#f2cdcd
  • gitlens.graphMinimapMarkerUpstreamColor#93dd8d
  • gitlens.graphScrollMarkerHeadColor#a6e3a1
  • gitlens.graphScrollMarkerHighlightsColor#f9e2af
  • gitlens.graphScrollMarkerLocalBranchesColor#89b4fa
  • gitlens.graphScrollMarkerRemoteBranchesColor#71a4f9
  • gitlens.graphScrollMarkerStashesColor#cba6f7
  • gitlens.graphScrollMarkerTagsColor#f2cdcd
  • gitlens.graphScrollMarkerUpstreamColor#93dd8d
  • gitlens.gutterBackgroundColor#3132444d
  • gitlens.gutterForegroundColor#d6dae7
  • gitlens.gutterUncommittedForegroundColor#cba6f7
  • gitlens.lineHighlightBackgroundColor#cba6f726
  • gitlens.lineHighlightOverviewRulerColor#cba6f7cc
  • gitlens.mergedPullRequestIconColor#cba6f7
  • gitlens.openAutolinkedIssueIconColor#a6e3a1
  • gitlens.openPullRequestIconColor#a6e3a1
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#cdd6f44d
  • gitlens.unpublishedChangesIconColor#a6e3a1
  • gitlens.unpublishedCommitIconColor#a6e3a1
  • gitlens.unpulledChangesIconColor#fab387
  • icon.foreground#cba6f7
  • input.background#1B1D23
  • input.border#181A1F
  • input.foreground#d6dae7
  • input.placeholderForeground#cdd6f473
  • inputOption.activeBackground#585b70
  • inputOption.activeBorder#cba6f7
  • inputOption.activeForeground#d6dae7
  • inputValidation.errorBackground#f38ba8
  • inputValidation.errorBorder#11111b33
  • inputValidation.errorForeground#11111b
  • inputValidation.infoBackground#89b4fa
  • inputValidation.infoBorder#11111b33
  • inputValidation.infoForeground#11111b
  • inputValidation.warningBackground#fab387
  • inputValidation.warningBorder#11111b33
  • inputValidation.warningForeground#11111b
  • issues.closed#cba6f7
  • issues.newIssueDecoration#f5e0dc
  • issues.open#a6e3a1
  • list.activeSelectionBackground#2C313A
  • list.activeSelectionForeground#D7DAE0
  • list.dropBackground#cba6f733
  • list.focusAndSelectionBackground#45475a
  • list.focusBackground#2C313A
  • list.focusForeground#d6dae7
  • list.focusOutline#00000000
  • list.highlightForeground#D7DAE0
  • list.hoverBackground#2C313A66
  • list.hoverForeground#d6dae7
  • list.inactiveSelectionBackground#2C313A
  • list.inactiveSelectionForeground#D7DAE0
  • list.warningForeground#fab387
  • listFilterWidget.background#45475a
  • listFilterWidget.noMatchesOutline#f38ba8
  • listFilterWidget.outline#00000000
  • menu.background#1e1e2e
  • menu.border#1e1e2e80
  • menu.foreground#d6dae7
  • menu.selectionBackground#585b70
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d6dae7
  • menu.separatorBackground#585b70
  • menubar.selectionBackground#45475a
  • menubar.selectionForeground#d6dae7
  • merge.commonContentBackground#45475a
  • merge.commonHeaderBackground#585b70
  • merge.currentContentBackground#a6e3a133
  • merge.currentHeaderBackground#a6e3a166
  • merge.incomingContentBackground#89b4fa33
  • merge.incomingHeaderBackground#89b4fa66
  • minimap.background#18182580
  • minimap.errorHighlight#f38ba8bf
  • minimap.findMatchHighlight#89dceb4d
  • minimap.selectionHighlight#585b70bf
  • minimap.selectionOccurrenceHighlight#585b70bf
  • minimap.warningHighlight#fab387bf
  • minimapGutter.addedBackground#a6e3a1bf
  • minimapGutter.deletedBackground#f38ba8bf
  • minimapGutter.modifiedBackground#f9e2afbf
  • minimapSlider.activeBackground#cba6f799
  • minimapSlider.background#cba6f733
  • minimapSlider.hoverBackground#cba6f766
  • notebook.cellEditorBackground#2C313A
  • notificationCenter.border#cba6f7
  • notificationCenterHeader.background#181825
  • notificationCenterHeader.foreground#d6dae7
  • notificationLink.foreground#89b4fa
  • notifications.background#181825
  • notifications.border#cba6f7
  • notifications.foreground#d6dae7
  • notificationsErrorIcon.foreground#f38ba8
  • notificationsInfoIcon.foreground#89b4fa
  • notificationsWarningIcon.foreground#fab387
  • notificationToast.border#cba6f7
  • panel.background#1d2025
  • panel.border#727480
  • panelSection.border#585b70
  • panelSection.dropBackground#cba6f733
  • panelTitle.activeBorder#cba6f7
  • panelTitle.activeForeground#d6dae7
  • panelTitle.inactiveForeground#a6adc8
  • peekView.border#89b4fa
  • peekViewEditor.background#1B1D23
  • peekViewEditor.matchHighlightBackground#89dceb4d
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#16181A
  • peekViewResult.background#1D2025
  • peekViewResult.fileForeground#d6dae7
  • peekViewResult.lineForeground#d6dae7
  • peekViewResult.matchHighlightBackground#89dceb4d
  • peekViewResult.selectionBackground#2C313A
  • peekViewResult.selectionForeground#d6dae7
  • peekViewTitle.background#1B1D23
  • peekViewTitleDescription.foreground#bac2deb3
  • peekViewTitleLabel.foreground#d6dae7
  • pickerGroup.border#89b4fa
  • pickerGroup.foreground#cba6f7
  • problemsErrorIcon.foreground#f38ba8
  • problemsInfoIcon.foreground#89b4fa
  • problemsWarningIcon.foreground#fab387
  • progressBar.background#cba6f7
  • pullRequests.closed#f38ba8
  • pullRequests.draft#9399b2
  • pullRequests.merged#cba6f7
  • pullRequests.notification#d6dae7
  • pullRequests.open#a6e3a1
  • sash.hoverBorder#cba6f7
  • scmGraph.foreground1#f9e2af
  • scmGraph.foreground2#f38ba8
  • scmGraph.foreground3#a6e3a1
  • scmGraph.foreground4#cba6f7
  • scmGraph.foreground5#94e2d5
  • scmGraph.historyItemBaseRefColor#fab387
  • scmGraph.historyItemRefColor#89b4fa
  • scmGraph.historyItemRemoteRefColor#cba6f7
  • scrollbar.shadow#16181a
  • scrollbarSlider.activeBackground#747D9180
  • scrollbarSlider.background#4E566680
  • scrollbarSlider.hoverBackground#5A637580
  • selection.background#cba6f766
  • settings.dropdownBackground#45475a
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#585b7033
  • settings.headerForeground#d6dae7
  • settings.modifiedItemIndicator#cba6f7
  • settings.numberInputBackground#45475a
  • settings.numberInputBorder#00000000
  • settings.textInputBackground#45475a
  • settings.textInputBorder#00000000
  • sideBar.background#16181A
  • sideBar.border#00000000
  • sideBar.dropBackground#cba6f733
  • sideBar.foreground#d6dae7
  • sideBarSectionHeader.background#16181A
  • sideBarSectionHeader.foreground#d7dae6
  • sideBarStickyScroll.shadow#16181A
  • sideBarTitle.foreground#cba6f7
  • statusBar.background#1D2025
  • statusBar.border#00000000
  • statusBar.debuggingBackground#fab387
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#9DA5B4
  • statusBar.noFolderBackground#1D2025
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#d6dae7
  • statusBarItem.activeBackground#585b7066
  • statusBarItem.errorBackground#00000000
  • statusBarItem.errorForeground#f38ba8
  • statusBarItem.hoverBackground#2C313A
  • statusBarItem.prominentBackground#00000000
  • statusBarItem.prominentForeground#cba6f7
  • statusBarItem.prominentHoverBackground#585b7033
  • statusBarItem.remoteBackground#89b4fa
  • statusBarItem.remoteForeground#11111b
  • statusBarItem.warningBackground#00000000
  • statusBarItem.warningForeground#fab387
  • symbolIcon.arrayForeground#fab387
  • symbolIcon.booleanForeground#cba6f7
  • symbolIcon.classForeground#f9e2af
  • symbolIcon.colorForeground#f5c2e7
  • symbolIcon.constantForeground#fab387
  • symbolIcon.constructorForeground#b4befe
  • symbolIcon.enumeratorForeground#f9e2af
  • symbolIcon.enumeratorMemberForeground#f9e2af
  • symbolIcon.eventForeground#f5c2e7
  • symbolIcon.fieldForeground#d6dae7
  • symbolIcon.fileForeground#cba6f7
  • symbolIcon.folderForeground#cba6f7
  • symbolIcon.functionForeground#89b4fa
  • symbolIcon.interfaceForeground#f9e2af
  • symbolIcon.keyForeground#94e2d5
  • symbolIcon.keywordForeground#cba6f7
  • symbolIcon.methodForeground#89b4fa
  • symbolIcon.moduleForeground#d6dae7
  • symbolIcon.namespaceForeground#f9e2af
  • symbolIcon.nullForeground#eba0ac
  • symbolIcon.numberForeground#fab387
  • symbolIcon.objectForeground#f9e2af
  • symbolIcon.operatorForeground#94e2d5
  • symbolIcon.packageForeground#f2cdcd
  • symbolIcon.propertyForeground#eba0ac
  • symbolIcon.referenceForeground#f9e2af
  • symbolIcon.snippetForeground#f2cdcd
  • symbolIcon.stringForeground#a6e3a1
  • symbolIcon.structForeground#94e2d5
  • symbolIcon.textForeground#d6dae7
  • symbolIcon.typeParameterForeground#eba0ac
  • symbolIcon.unitForeground#d6dae7
  • symbolIcon.variableForeground#d6dae7
  • tab.activeBackground#21252b
  • tab.activeBorder#00000000
  • tab.activeBorderTop#cba6f7
  • tab.activeForeground#D7DAE0
  • tab.activeModifiedBorder#f9e2af
  • tab.border#181A1F
  • tab.hoverBackground#21252b
  • tab.hoverBorder#00000000
  • tab.hoverForeground#cba6f7
  • tab.inactiveBackground#1D2025
  • tab.inactiveForeground#6c7086
  • tab.inactiveModifiedBorder#f9e2af4d
  • tab.lastPinnedBorder#cba6f7
  • tab.unfocusedActiveBackground#1D2025
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#cba6f74d
  • tab.unfocusedInactiveBackground#16181A
  • table.headerBackground#313244
  • table.headerForeground#d6dae7
  • terminal.ansiBlack#45475a
  • terminal.ansiBlue#89b4fa
  • terminal.ansiBrightBlack#585b70
  • terminal.ansiBrightBlue#74a8fc
  • terminal.ansiBrightCyan#6bd7ca
  • terminal.ansiBrightGreen#89d88b
  • terminal.ansiBrightMagenta#f2aede
  • terminal.ansiBrightRed#f37799
  • terminal.ansiBrightWhite#bac2de
  • terminal.ansiBrightYellow#ebd391
  • terminal.ansiCyan#94e2d5
  • terminal.ansiGreen#a6e3a1
  • terminal.ansiMagenta#f5c2e7
  • terminal.ansiRed#f38ba8
  • terminal.ansiWhite#a6adc8
  • terminal.ansiYellow#f9e2af
  • terminal.border#585b70
  • terminal.dropBackground#cba6f733
  • terminal.foreground#d6dae7
  • terminal.inactiveSelectionBackground#585b7080
  • terminal.selectionBackground#585b70
  • terminal.tab.activeBorder#cba6f7
  • terminalCommandDecoration.defaultBackground#585b70
  • terminalCommandDecoration.errorBackground#f38ba8
  • terminalCommandDecoration.successBackground#a6e3a1
  • terminalCursor.background#1e1e2e
  • terminalCursor.foreground#f5e0dc
  • testing.coverCountBadgeBackground#00000000
  • testing.coverCountBadgeForeground#cba6f7
  • testing.coveredBackground#a6e3a14d
  • testing.coveredBorder#00000000
  • testing.coveredGutterBackground#a6e3a14d
  • testing.iconErrored#f38ba8
  • testing.iconErrored.retired#f38ba8
  • testing.iconFailed#f38ba8
  • testing.iconFailed.retired#f38ba8
  • testing.iconPassed#a6e3a1
  • testing.iconPassed.retired#a6e3a1
  • testing.iconQueued#89b4fa
  • testing.iconQueued.retired#89b4fa
  • testing.iconSkipped#a6adc8
  • testing.iconSkipped.retired#a6adc8
  • testing.iconUnset#d6dae7
  • testing.iconUnset.retired#d6dae7
  • testing.message.error.lineBackground#f38ba826
  • testing.message.info.decorationForeground#a6e3a1cc
  • testing.message.info.lineBackground#a6e3a126
  • testing.messagePeekBorder#cba6f7
  • testing.messagePeekHeaderBackground#585b70
  • testing.peekBorder#cba6f7
  • testing.peekHeaderBackground#585b70
  • testing.runAction#cba6f7
  • testing.uncoveredBackground#f38ba833
  • testing.uncoveredBorder#00000000
  • testing.uncoveredBranchBackground#f38ba833
  • testing.uncoveredGutterBackground#f38ba840
  • textBlockQuote.background#181825
  • textBlockQuote.border#11111b
  • textCodeBlock.background#181825
  • textLink.activeForeground#89dceb
  • textLink.foreground#89b4fa
  • textPreformat.foreground#d6dae7
  • textSeparator.foreground#cba6f7
  • titleBar.activeBackground#1D2025
  • titleBar.activeForeground#9DA5B4
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1D2025
  • titleBar.inactiveForeground#9DA5B4
  • tree.inactiveIndentGuidesStroke#45475a
  • tree.indentGuidesStroke#9399b2
  • walkThrough.embeddedEditorBackground#1e1e2e4d
  • welcomePage.progress.background#11111b
  • welcomePage.progress.foreground#cba6f7
  • welcomePage.tileBackground#181825
  • widget.shadow#18182580

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.annotation, storage.type.annotation#fab387
meta.indexed-name.python, meta.item-access.python#eba0acitalic
keyword.declaration.function.arrow.js, storage.type.function.arrow.ts#94e2d5
text, source, variable.other.readwrite, punctuation.definition.variable#cdd6f4
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#fab387
constant.language, support.function.builtin#f38ba8
constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts#cba6f7
meta.interpolation.cs#cdd6f4
comment.block.documentation.cs#cdd6f4
storage.modifier.specifier.extern.cpp#cba6f7
storage.modifier.reference.cpp#94e2d5
storage.type.class.doxygen
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#f9e2af
source.css meta.attribute-selector#a6e3a1
keyword.other.unit.percentage.css#fab387
source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less#89b4fa
support.type.vendored.property-name#89dceb
entity.name.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct#f9e2afitalic
source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css#f9e2af
comment meta.annotation.go#eba0ac
comment, punctuation.definition.comment#9399b2italic
support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue#f5c2e7
punctuation.decorator.ts#89b4faitalic
meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator#fab387
meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff#89b4fa
markup.deleted.diff#f38ba8
markup.inserted.diff#a6e3a1
entity.name.enum#f9e2afitalic
meta.enum variable.other.readwrite, variable.other.enummember#94e2d5
meta.property.object#94e2d5
meta.export variable.other.readwrite.js#eba0ac
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#cba6f7
constant.language.gdscript#fab387
support.function.builtin.gdscript#89b4fa
constant.language.go#fab387
string.unquoted.alias.graphql#f2cdcd
constant.character.enum.graphql#94e2d5
meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql#f2cdcd
variable.graphql#cdd6f4
keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag#cba6f7
entity.other.attribute-name#f9e2af
entity.name.tag#89b4fa
variable.other.constant.js, variable.other.constant.ts, variable.other.property.js, variable.other.property.ts#cdd6f4
variable.other.jsdoc, comment.block.documentation variable.other#eba0ac
storage.type.class.jsdoc
constant.language.json, constant.language.yaml#fab387
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#89b4fa
constant.other.enum.java#94e2d5
storage.modifier.import.java#cdd6f4
comment.block.javadoc.java keyword.other.documentation.javadoc.java
constant.language.julia#fab387
support.function.macro.julia#94e2d5italic
constant.other.symbol.julia#eba0ac
text.tex support.function.be#89dceb
constant.other.general.math.tex#f2cdcd
text.tex keyword.control.preamble#94e2d5
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#eba0ac
variable.language.liquid#f5c2e7
comment.line.double-dash.documentation.lua storage.type.annotation.lua#cba6f7
comment.line.double-dash.documentation.lua entity.name.variable.lua, comment.line.double-dash.documentation.lua variable.lua#cdd6f4
punctuation.definition.link, markup.underline.link#89b4fa
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#a6e3a1
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#b4befe
punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet#94e2d5
markup.quote, punctuation.definition.quote.begin#f5c2e7
meta.separator.markdown#94e2d5
fenced_code.block.language#89dceb
markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc#9399b2
markup.heading.quartobold
markup.changed.diff#fab387
entity.name.namespace#f9e2af
entity.other.attribute-name.multipart.nix, entity.other.attribute-name.single.nix#89b4fa
meta.embedded variable.parameter.name.nix#b4befe
variable.parameter.name.nix#cdd6f4
string.unquoted.path.nix#f5c2e7
support.constant.node, support.type.object.module.js#cba6f7
variable.object.property#cdd6f4
punctuation.separator.operator.css#94e2d5
support.attribute.builtin, meta.attribute.php#f9e2af
constant.language.php#cba6f7
meta.function.parameters.php punctuation.definition.variable.php#eba0ac
text.html.php support.function#89dceb
keyword.other.phpdoc.php
punctuation#9399b2
keyword.control.directive, punctuation.definition.directive#f9e2af
support.type.property-name.css, support.type.property-name.less#89b4fa
source.css entity.other.attribute-name.pseudo-class#94e2d5
keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.definition.tag, punctuation.separator.key-value#94e2d5
variable.parameter.function.language.special.self.python, variable.language.special.self.python#f38ba8italic
support.variable.magic.python, meta.function-call.arguments.python#cdd6f4
support.function.magic.python#89dcebitalic
support.type.exception.python, support.function.builtin.python#fab387
storage.type.string.python#a6e3a1italic
meta.function.parameters.python
meta.function-call.arguments.r#cdd6f4
meta.function-call.r#89b4fa
keyword.control.anchor.regexp#cba6f7
punctuation.definition.character-class.regexp#f9e2af
constant.other.character-class.regexp#f5c2e7
constant.character.numeric.regexp#fab387
punctuation.definition.group.regexp, keyword.other.back-reference.regexp#a6e3a1
punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp#89b4fa
keyword.operator.quantifier.regexp#94e2d5
constant.other.character-class.range.regexp#f5e0dc
string.regexp.ts#cdd6f4
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#f5c2e7
punctuation.brackets.angle.rust#89dceb
meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust#f9e2afitalic
meta.attribute.rust string.quoted.double.rust, meta.attribute.rust string.quoted.single.char.rust
meta.function.call.rust variable.other.rust#cdd6f4
constant.other.caps.rust#fab387
meta.enum.rust storage.type.source.rust#94e2d5
meta.function.definition.rust variable.other.rust#eba0ac
meta.function.call.rust#89b4fa
meta.generic.rust#fab387
entity.name.impl.rust#f9e2afitalic
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#cba6f7
storage.modifier.lifetime.rust, entity.name.type.lifetime#89b4faitalic
support.macro.rust, meta.macro.rust support.function.rust, entity.name.function.macro.rust#89b4faitalic
variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust#f5c2e7
entity.name.module.rust#fab387
meta.function.return-type.rust meta.generic.rust storage.type.rust#cdd6f4
variable.language.self.rust#f38ba8
string.quoted.double.rust constant.other.placeholder.rust#f5c2e7
storage.type.source.rust#f9e2af
entity.name.trait.rust#f9e2afitalic
entity.name.type.numeric.rust#cba6f7
entity.name.union.rust#f9e2af
entity.name.tag.heredoc.shell#cba6f7
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#f38ba8
meta.string meta.interpolation.parameter.shell variable.other.readwrite#fab387italic
string.quoted.double.shell variable.other.normal.shell#cdd6f4
comment.line.shebang, comment.line.shebang punctuation.definition.comment, comment.line.shebang, punctuation.definition.comment.shebang.shell, meta.shebang.shell#f5c2e7italic
comment.line.shebang constant.language#94e2d5italic
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.character.entity.js.jsx punctuation, constant.character.entity.tsx, constant.character.entity.tsx punctuation#f38ba8
string.template variable, string variable#cdd6f4
constant.other.time.datetime.offset.toml#f5c2e7
support.type.property-name.table, entity.name.section.group-title.ini#f9e2af
variable.language.this, variable.language.this punctuation.definition.variable#f38ba8
keyword.operator.newbold
punctuation.definition.typeparameters#89dceb
meta.type, meta.type-alias, support.type, entity.name.type#f9e2afitalic
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#f5c2e7
entity.name.type.anchor.yaml, variable.other.alias.yaml#f9e2af
entity.other.document.begin.yaml#f5c2e7
constant.character.escape#f5c2e7
variable.other.env#89b4fa
string.quoted variable.other.env#cdd6f4
entity.name.function, meta.function-call.method, support.function, support.function.misc, variable.function#89b4faitalic
entity.name.tag.documentation#cba6f7
meta.type, meta.type-alias, support.type, entity.name.type#f9e2afitalic
entity.other.attribute-name.documentation#f38ba8
comment meta.annotation.parameters.go#fab387
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#f38ba8
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#fab387
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#f9e2af
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#a6e3a1
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#74c7ec
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#b4befe
storage.modifier.implements#cba6f7
keyword, keyword.operator.word, keyword.operator.new, variable.language.super, support.type.primitive, storage.type, storage.modifier, punctuation.definition.keyword#cba6f7
markup.bold#f38ba8bold
markup.heading.typst#f38ba8
markup.italic#f38ba8italic
markup.strikethrough#a6adc8strikethrough
constant.language.python#fab387
meta.function-call.python#89b4fa
entity.name.function.decorator.python, punctuation.definition.decorator.python#fab387italic
support.token.decorator.python, meta.function.decorator.identifier.python#89dceb
keyword.control.flow.python, keyword.operator.logical.python#cba6f7
constant.character.format.placeholder.other.python#f5c2e7
storage.type.function.python#cba6f7
source.css constant.other.unicode-range#fab387
source.css variable.parameter.url#a6e3a1
source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell#94e2d5
string, punctuation.definition.string#a6e3a1
support.type.object.console.js#cdd6f4
variable.parameter, meta.function.parameters#eba0acitalic
variable.parameter.generic#f9e2af