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#11111b
  • activityBar.border#7f849c26
  • activityBar.dropBorder#74c7ec33
  • activityBar.foreground#74c7ec
  • activityBar.inactiveForeground#6c7086
  • activityBarBadge.background#74c7ec
  • activityBarBadge.foreground#11111b
  • activityBarTop.activeBorder#00000000
  • activityBarTop.dropBorder#74c7ec33
  • activityBarTop.foreground#74c7ec
  • activityBarTop.inactiveForeground#6c7086
  • badge.background#45475a
  • badge.foreground#cdd6f4
  • banner.background#45475a
  • banner.foreground#cdd6f4
  • banner.iconForeground#cdd6f4
  • breadcrumb.activeSelectionForeground#74c7ec
  • breadcrumb.background#1e1e2e
  • breadcrumb.focusForeground#74c7ec
  • breadcrumb.foreground#cdd6f4cc
  • breadcrumbPicker.background#181825
  • button.background#74c7ec
  • button.border#00000000
  • button.foreground#11111b
  • button.hoverBackground#93d4f0
  • button.secondaryBackground#585b70
  • button.secondaryBorder#74c7ec
  • button.secondaryForeground#cdd6f4
  • button.secondaryHoverBackground#686b84
  • button.separator#00000000
  • charts.blue#89b4fa
  • charts.foreground#cdd6f4
  • charts.green#a6e3a1
  • charts.lines#bac2de
  • charts.orange#fab387
  • charts.purple#B996A8
  • charts.red#f38ba8
  • charts.yellow#f9e2af
  • checkbox.background#45475a
  • checkbox.border#7f849c26
  • checkbox.foreground#74c7ec
  • commandCenter.activeBackground#585b7033
  • commandCenter.activeBorder#74c7ec
  • commandCenter.activeForeground#74c7ec
  • commandCenter.background#181825
  • commandCenter.border#7f849c26
  • commandCenter.foreground#bac2de
  • commandCenter.inactiveBorder#7f849c26
  • commandCenter.inactiveForeground#bac2de
  • debugConsole.errorForeground#f38ba8
  • debugConsole.infoForeground#89b4fa
  • debugConsole.sourceForeground#f5e0dc
  • debugConsole.warningForeground#fab387
  • debugConsoleInputIcon.foreground#cdd6f4
  • debugExceptionWidget.background#11111b
  • debugExceptionWidget.border#74c7ec
  • 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#cdd6f4
  • debugIcon.stepOutForeground#cdd6f4
  • debugIcon.stepOverForeground#B996A8
  • debugIcon.stopForeground#f38ba8
  • debugTokenExpression.boolean#B996A8
  • debugTokenExpression.error#f38ba8
  • debugTokenExpression.number#fab387
  • debugTokenExpression.string#a6e3a1
  • debugToolBar.background#11111b
  • debugToolBar.border#00000000
  • descriptionForeground#cdd6f4
  • diffEditor.border#585b70
  • diffEditor.diagonalFill#585b7099
  • diffEditor.insertedLineBackground#a6e3a126
  • diffEditor.insertedTextBackground#a6e3a133
  • diffEditor.removedLineBackground#f38ba826
  • diffEditor.removedTextBackground#f38ba833
  • diffEditorOverview.insertedForeground#a6e3a1cc
  • diffEditorOverview.removedForeground#f38ba8cc
  • disabledForeground#a6adc8
  • dropdown.background#181825
  • dropdown.border#74c7ec
  • dropdown.foreground#cdd6f4
  • dropdown.listBackground#585b70
  • editor.background#24273A
  • editor.findMatchBackground#5e3f53
  • editor.findMatchBorder#f38ba833
  • editor.findMatchHighlightBackground#3e5767
  • editor.findMatchHighlightBorder#B996A833
  • editor.findRangeHighlightBackground#3e5767
  • editor.findRangeHighlightBorder#B996A833
  • editor.focusedStackFrameHighlightBackground#a6e3a126
  • editor.foldBackground#B996A840
  • editor.foreground#cdd6f4
  • editor.hoverHighlightBackground#B996A840
  • editor.lineHighlightBackground#cdd6f412
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#B996A840
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#9399b240
  • 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#B996A8
  • editorBracketHighlight.unexpectedBracket.foreground#EBA0AC
  • editorBracketMatch.background#9399b21a
  • editorBracketMatch.border#9399b2
  • editorCodeLens.foreground#7f849c
  • editorCursor.background#24273A
  • editorCursor.foreground#f5e0dc
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#f38ba8
  • editorGroup.border#585b70
  • editorGroup.dropBackground#74c7ec33
  • editorGroup.emptyBackground#24273A
  • editorGroupHeader.tabsBackground#11111b
  • editorGutter.addedBackground#a6e3a1
  • editorGutter.background#24273A
  • editorGutter.commentGlyphForeground#74c7ec
  • editorGutter.commentRangeForeground#313244
  • editorGutter.deletedBackground#f38ba8
  • editorGutter.foldingControlForeground#9399b2
  • editorGutter.modifiedBackground#f9e2af
  • editorHoverWidget.background#181825
  • editorHoverWidget.border#585b70
  • editorHoverWidget.foreground#cdd6f4
  • editorIndentGuide.activeBackground#585b70
  • editorIndentGuide.background#45475a
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#89b4fa
  • editorInlayHint.background#00000000
  • editorInlayHint.foreground#6C7086
  • editorInlayHint.parameterBackground#00000000
  • editorInlayHint.parameterForeground#7F849C
  • editorInlayHint.typeBackground#00000000
  • editorInlayHint.typeForeground#7F849C
  • editorLightBulb.foreground#f9e2af
  • editorLineNumber.activeForeground#74c7ec
  • editorLineNumber.foreground#7f849c
  • editorLink.activeForeground#74c7ec
  • editorMarkerNavigation.background#181825
  • editorMarkerNavigationError.background#f38ba8
  • editorMarkerNavigationInfo.background#89b4fa
  • editorMarkerNavigationWarning.background#fab387
  • editorOverviewRuler.background#181825
  • editorOverviewRuler.border#cdd6f412
  • editorOverviewRuler.modifiedForeground#f9e2af
  • editorRuler.foreground#585b70
  • editorStickyScrollHover.background#313244
  • editorSuggestWidget.background#181825
  • editorSuggestWidget.border#585b70
  • editorSuggestWidget.foreground#cdd6f4
  • editorSuggestWidget.highlightForeground#74c7ec
  • editorSuggestWidget.selectedBackground#313244
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#fab387
  • editorWhitespace.foreground#9399b266
  • editorWidget.background#181825
  • editorWidget.foreground#cdd6f4
  • 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#74c7ec
  • extensionButton.prominentForeground#11111b
  • extensionButton.prominentHoverBackground#93d4f0
  • extensionButton.separator#1e1e2e
  • extensionIcon.preReleaseForeground#585b70
  • extensionIcon.sponsorForeground#D29B7B
  • extensionIcon.starForeground#f9e2af
  • extensionIcon.verifiedForeground#a6e3a1
  • focusBorder#74c7ec
  • foreground#cdd6f4
  • gitDecoration.addedResourceForeground#a6e3a1
  • gitDecoration.conflictingResourceForeground#B996A8
  • gitDecoration.deletedResourceForeground#f38ba8
  • gitDecoration.ignoredResourceForeground#6c7086
  • gitDecoration.modifiedResourceForeground#f9e2af
  • gitDecoration.stageDeletedResourceForeground#f38ba8
  • gitDecoration.stageModifiedResourceForeground#f9e2af
  • gitDecoration.submoduleResourceForeground#89b4fa
  • gitDecoration.untrackedResourceForeground#a6e3a1
  • gitlens.closedAutolinkedIssueIconColor#B996A8
  • 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#74c7ec
  • gitlens.decorations.workspaceRepoMissingForegroundColor#a6adc8
  • gitlens.decorations.workspaceRepoOpenForegroundColor#74c7ec
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#fab387
  • gitlens.decorations.worktreeMissingForegroundColor#EBA0AC
  • gitlens.graphChangesColumnAddedColor#a6e3a1
  • gitlens.graphChangesColumnDeletedColor#f38ba8
  • gitlens.graphLane10Color#f5e0dc
  • gitlens.graphLane1Color#74c7ec
  • gitlens.graphLane2Color#EBA0AC
  • gitlens.graphLane3Color#B996A8
  • gitlens.graphLane4Color#B996A8
  • gitlens.graphLane5Color#f9e2af
  • gitlens.graphLane6Color#89b4fa
  • gitlens.graphLane7Color#f2cdcd
  • gitlens.graphLane8Color#a6e3a1
  • gitlens.graphLane9Color#b4befe
  • gitlens.graphMinimapMarkerHeadColor#a6e3a1
  • gitlens.graphMinimapMarkerHighlightsColor#f9e2af
  • gitlens.graphMinimapMarkerLocalBranchesColor#89b4fa
  • gitlens.graphMinimapMarkerRemoteBranchesColor#71a4f9
  • gitlens.graphMinimapMarkerStashesColor#B996A8
  • gitlens.graphMinimapMarkerTagsColor#f2cdcd
  • gitlens.graphMinimapMarkerUpstreamColor#93dd8d
  • gitlens.graphScrollMarkerHeadColor#a6e3a1
  • gitlens.graphScrollMarkerHighlightsColor#f9e2af
  • gitlens.graphScrollMarkerLocalBranchesColor#89b4fa
  • gitlens.graphScrollMarkerRemoteBranchesColor#71a4f9
  • gitlens.graphScrollMarkerStashesColor#B996A8
  • gitlens.graphScrollMarkerTagsColor#f2cdcd
  • gitlens.graphScrollMarkerUpstreamColor#93dd8d
  • gitlens.gutterBackgroundColor#3132444d
  • gitlens.gutterForegroundColor#cdd6f4
  • gitlens.gutterUncommittedForegroundColor#74c7ec
  • gitlens.lineHighlightBackgroundColor#74c7ec26
  • gitlens.lineHighlightOverviewRulerColor#74c7eccc
  • gitlens.mergedPullRequestIconColor#B996A8
  • gitlens.openAutolinkedIssueIconColor#a6e3a1
  • gitlens.openPullRequestIconColor#a6e3a1
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#cdd6f44d
  • gitlens.unpublishedChangesIconColor#a6e3a1
  • gitlens.unpublishedCommitIconColor#a6e3a1
  • gitlens.unpulledChangesIconColor#fab387
  • icon.foreground#74c7ec
  • input.background#313244
  • input.border#00000000
  • input.foreground#cdd6f4
  • input.placeholderForeground#cdd6f473
  • inputOption.activeBackground#585b70
  • inputOption.activeBorder#74c7ec
  • inputOption.activeForeground#cdd6f4
  • 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#B996A8
  • issues.newIssueDecoration#f5e0dc
  • issues.open#a6e3a1
  • list.activeSelectionBackground#313244
  • list.activeSelectionForeground#cdd6f4
  • list.dropBackground#74c7ec33
  • list.focusAndSelectionBackground#45475a
  • list.focusBackground#313244
  • list.focusForeground#cdd6f4
  • list.focusOutline#00000000
  • list.highlightForeground#74c7ec
  • list.hoverBackground#31324480
  • list.hoverForeground#cdd6f4
  • list.inactiveSelectionBackground#313244
  • list.inactiveSelectionForeground#cdd6f4
  • list.warningForeground#fab387
  • listFilterWidget.background#45475a
  • listFilterWidget.noMatchesOutline#f38ba8
  • listFilterWidget.outline#00000000
  • menu.background#1e1e2e
  • menu.border#585b70
  • menu.foreground#cdd6f4
  • menu.selectionBackground#585b70
  • menu.selectionBorder#00000000
  • menu.selectionForeground#cdd6f4
  • menu.separatorBackground#585b70
  • menubar.selectionBackground#45475a
  • menubar.selectionForeground#cdd6f4
  • 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#B996A84d
  • minimap.selectionHighlight#585b70bf
  • minimap.selectionOccurrenceHighlight#585b70bf
  • minimap.warningHighlight#fab387bf
  • minimapGutter.addedBackground#a6e3a1bf
  • minimapGutter.deletedBackground#f38ba8bf
  • minimapGutter.modifiedBackground#f9e2afbf
  • minimapSlider.activeBackground#74c7ec99
  • minimapSlider.background#74c7ec33
  • minimapSlider.hoverBackground#74c7ec66
  • notificationCenter.border#74c7ec
  • notificationCenterHeader.background#181825
  • notificationCenterHeader.foreground#cdd6f4
  • notificationLink.foreground#89b4fa
  • notifications.background#181825
  • notifications.border#74c7ec
  • notifications.foreground#cdd6f4
  • notificationsErrorIcon.foreground#f38ba8
  • notificationsInfoIcon.foreground#89b4fa
  • notificationsWarningIcon.foreground#fab387
  • notificationToast.border#74c7ec
  • panel.background#1e1e2e
  • panel.border#585b70
  • panelSection.border#585b70
  • panelSection.dropBackground#74c7ec33
  • panelTitle.activeBorder#74c7ec
  • panelTitle.activeForeground#cdd6f4
  • panelTitle.inactiveForeground#a6adc8
  • peekView.border#74c7ec
  • peekViewEditor.background#181825
  • peekViewEditor.matchHighlightBackground#B996A84d
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#181825
  • peekViewResult.background#181825
  • peekViewResult.fileForeground#cdd6f4
  • peekViewResult.lineForeground#cdd6f4
  • peekViewResult.matchHighlightBackground#B996A84d
  • peekViewResult.selectionBackground#313244
  • peekViewResult.selectionForeground#cdd6f4
  • peekViewTitle.background#1e1e2e
  • peekViewTitleDescription.foreground#bac2deb3
  • peekViewTitleLabel.foreground#cdd6f4
  • pickerGroup.border#74c7ec
  • pickerGroup.foreground#74c7ec
  • problemsErrorIcon.foreground#f38ba8
  • problemsInfoIcon.foreground#89b4fa
  • problemsWarningIcon.foreground#fab387
  • progressBar.background#74c7ec
  • pullRequests.closed#f38ba8
  • pullRequests.draft#9399b2
  • pullRequests.merged#B996A8
  • pullRequests.notification#cdd6f4
  • pullRequests.open#a6e3a1
  • sash.hoverBorder#74c7ec
  • scmGraph.foreground1#f9e2af
  • scmGraph.foreground2#f38ba8
  • scmGraph.foreground3#a6e3a1
  • scmGraph.foreground4#B996A8
  • scmGraph.foreground5#94e2d5
  • scmGraph.historyItemBaseRefColor#fab387
  • scmGraph.historyItemRefColor#89b4fa
  • scmGraph.historyItemRemoteRefColor#B996A8
  • scrollbar.shadow#11111b
  • scrollbarSlider.activeBackground#31324466
  • scrollbarSlider.background#585b7080
  • scrollbarSlider.hoverBackground#6c7086
  • selection.background#74c7ec66
  • settings.dropdownBackground#45475a
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#585b7033
  • settings.headerForeground#cdd6f4
  • settings.modifiedItemIndicator#74c7ec
  • settings.numberInputBackground#45475a
  • settings.numberInputBorder#00000000
  • settings.textInputBackground#45475a
  • settings.textInputBorder#00000000
  • sideBar.background#181825
  • sideBar.border#7f849c26
  • sideBar.dropBackground#74c7ec33
  • sideBar.foreground#cdd6f4
  • sideBarSectionHeader.background#181825
  • sideBarSectionHeader.foreground#cdd6f4
  • sideBarTitle.foreground#74c7ec
  • statusBar.background#11111b
  • statusBar.border#7f849c26
  • statusBar.debuggingBackground#fab387
  • statusBar.debuggingBorder#7f849c26
  • statusBar.debuggingForeground#11111b
  • statusBar.foreground#cdd6f4
  • statusBar.noFolderBackground#11111b
  • statusBar.noFolderBorder#7f849c26
  • statusBar.noFolderForeground#cdd6f4
  • statusBarItem.activeBackground#585b7066
  • statusBarItem.errorBackground#00000000
  • statusBarItem.errorForeground#f38ba8
  • statusBarItem.hoverBackground#585b7033
  • statusBarItem.prominentBackground#00000000
  • statusBarItem.prominentForeground#74c7ec
  • statusBarItem.prominentHoverBackground#585b7033
  • statusBarItem.remoteBackground#89b4fa
  • statusBarItem.remoteForeground#11111b
  • statusBarItem.warningBackground#00000000
  • statusBarItem.warningForeground#fab387
  • symbolIcon.arrayForeground#fab387
  • symbolIcon.booleanForeground#B996A8
  • symbolIcon.classForeground#f9e2af
  • symbolIcon.colorForeground#D29B7B
  • symbolIcon.constantForeground#fab387
  • symbolIcon.constructorForeground#b4befe
  • symbolIcon.enumeratorForeground#f9e2af
  • symbolIcon.enumeratorMemberForeground#f9e2af
  • symbolIcon.eventForeground#D29B7B
  • symbolIcon.fieldForeground#cdd6f4
  • symbolIcon.fileForeground#74c7ec
  • symbolIcon.folderForeground#74c7ec
  • symbolIcon.functionForeground#89b4fa
  • symbolIcon.interfaceForeground#f9e2af
  • symbolIcon.keyForeground#94e2d5
  • symbolIcon.keywordForeground#B996A8
  • symbolIcon.methodForeground#89b4fa
  • symbolIcon.moduleForeground#cdd6f4
  • 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#cdd6f4
  • symbolIcon.typeParameterForeground#EBA0AC
  • symbolIcon.unitForeground#cdd6f4
  • symbolIcon.variableForeground#cdd6f4
  • tab.activeBackground#1e1e2e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#74c7ec
  • tab.activeForeground#74c7ec
  • tab.activeModifiedBorder#f9e2af
  • tab.border#181825
  • tab.hoverBackground#28283d
  • tab.hoverBorder#00000000
  • tab.hoverForeground#74c7ec
  • tab.inactiveBackground#181825
  • tab.inactiveForeground#6c7086
  • tab.inactiveModifiedBorder#f9e2af4d
  • tab.lastPinnedBorder#74c7ec
  • tab.unfocusedActiveBackground#181825
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#74c7ec4d
  • tab.unfocusedInactiveBackground#0e0e16
  • table.headerBackground#313244
  • table.headerForeground#cdd6f4
  • 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#D29B7B
  • terminal.ansiRed#f38ba8
  • terminal.ansiWhite#a6adc8
  • terminal.ansiYellow#f9e2af
  • terminal.border#585b70
  • terminal.dropBackground#74c7ec33
  • terminal.foreground#cdd6f4
  • terminal.inactiveSelectionBackground#585b7080
  • terminal.selectionBackground#585b70
  • terminal.tab.activeBorder#74c7ec
  • terminalCommandDecoration.defaultBackground#585b70
  • terminalCommandDecoration.errorBackground#f38ba8
  • terminalCommandDecoration.successBackground#a6e3a1
  • terminalCursor.background#1e1e2e
  • terminalCursor.foreground#f5e0dc
  • testing.coverCountBadgeBackground#00000000
  • testing.coverCountBadgeForeground#74c7ec
  • 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#cdd6f4
  • testing.iconUnset.retired#cdd6f4
  • testing.message.error.lineBackground#f38ba826
  • testing.message.info.decorationForeground#a6e3a1cc
  • testing.message.info.lineBackground#a6e3a126
  • testing.messagePeekBorder#74c7ec
  • testing.messagePeekHeaderBackground#585b70
  • testing.peekBorder#74c7ec
  • testing.peekHeaderBackground#585b70
  • testing.runAction#74c7ec
  • testing.uncoveredBackground#f38ba833
  • testing.uncoveredBorder#00000000
  • testing.uncoveredBranchBackground#f38ba833
  • testing.uncoveredGutterBackground#f38ba840
  • textBlockQuote.background#181825
  • textBlockQuote.border#11111b
  • textCodeBlock.background#181825
  • textLink.activeForeground#B996A8
  • textLink.foreground#89b4fa
  • textPreformat.foreground#cdd6f4
  • textSeparator.foreground#74c7ec
  • titleBar.activeBackground#11111b
  • titleBar.activeForeground#cdd6f4
  • titleBar.border#7f849c26
  • titleBar.inactiveBackground#11111b
  • titleBar.inactiveForeground#cdd6f480
  • tree.inactiveIndentGuidesStroke#45475a
  • tree.indentGuidesStroke#9399b2
  • walkThrough.embeddedEditorBackground#1e1e2e4d
  • welcomePage.progress.background#11111b
  • welcomePage.progress.foreground#74c7ec
  • welcomePage.tileBackground#181825
  • widget.shadow#18182580

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text, source, variable.other.readwrite, punctuation.definition.variable#cdd6f4
punctuation#9399b2
comment, punctuation.definition.comment#9399b2italic
string, punctuation.definition.string#a6e3a1
constant.character.escape#D29B7B
constant.numeric, variable.other.constant, entity.name.constant, constant.other.php, constant.language.boolean, constant.language.false, constant.language.true, constant.language, constant.language.null, constant.language.undefined, keyword.other.unit.user-defined, keyword.other.unit.suffix.floating-point#fab387
keyword, keyword.operator.word, keyword.operator.new, variable.language.super, support.type.primitive, storage.type, storage.modifier, punctuation.definition.keyword#B996A8
entity.name.tag.documentation#B996A8
keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.definition.tag, punctuation.separator.key-value#fab387
entity.name.function, meta.function-call.method, support.function, support.function.misc, variable.function#89b4fa
entity.name.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct#f9e2af
entity.name.enum#f9e2af
meta.enum variable.other.readwrite, variable.other.enummember#94e2d5
meta.property.object#94e2d5
meta.type, meta.type-alias, support.type, entity.name.type#f9e2af
meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator#fab387
variable.parameter, meta.function.parameters#EBA0AC
support.function.builtin#f38ba8
entity.other.attribute-name.documentation#f38ba8
keyword.control.directive, punctuation.definition.directive#f9e2af
punctuation.definition.typeparameters#B996A8
entity.name.namespace#f9e2af
source.rust entity.name.namespace#A6ADC8
support.type.property-name.css, support.type.property-name.less#89b4fa
variable.language.this, variable.language.this punctuation.definition.variable#f38ba8
variable.object.property#cdd6f4
string.template variable, string variable#cdd6f4
keyword.operator.new
storage.modifier.specifier.extern.cpp#B996A8
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
storage.type.class.doxygen
storage.modifier.reference.cpp#94e2d5
meta.interpolation.cs#cdd6f4
comment.block.documentation.cs#cdd6f4
source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css#f9e2af
punctuation.separator.operator.css#94e2d5
source.css entity.other.attribute-name.pseudo-class#94e2d5
source.css constant.other.unicode-range#fab387
source.css variable.parameter.url#a6e3a1
support.type.vendored.property-name#B996A8
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
source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less#89b4fa
keyword.other.unit.percentage.css#fab387
source.css meta.attribute-selector#a6e3a1
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.language.json, constant.language.yaml#fab387
entity.name.type.anchor.yaml, variable.other.alias.yaml#f9e2af
support.type.property-name.table, entity.name.section.group-title.ini#f9e2af
constant.other.time.datetime.offset.toml#D29B7B
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#D29B7B
entity.other.document.begin.yaml#D29B7B
markup.changed.diff#fab387
meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff#89b4fa
markup.inserted.diff#a6e3a1
markup.deleted.diff#f38ba8
variable.other.env#89b4fa
string.quoted variable.other.env#cdd6f4
support.function.builtin.gdscript#89b4fa
constant.language.gdscript#fab387
comment meta.annotation.go#EBA0AC
comment meta.annotation.parameters.go#fab387
constant.language.go#fab387
variable.graphql#cdd6f4
string.unquoted.alias.graphql#f2cdcd
constant.character.enum.graphql#94e2d5
meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql#f2cdcd
meta.declaration.data constant.other.haskell, constant.other.haskell, meta.declaration.pattern constant.other.haskell, constant.language.unit.haskell punctuation, constant.language.unit.unboxed.haskell punctuation#89b4fa
storage.type.haskell#f9e2af
support.constant.unit.haskell punctuation, support.constant.unit.haskell keyword.operator.hash, support.constant.unit.unboxed.haskell punctuation, support.constant.unit.unboxed.haskell keyword.operator.hash#f9e2af
variable.other.generic-type.haskell#EBA0AC
keyword.other.default.haskell, keyword.other.role.nominal.haskell, keyword.other.role.representational.haskell, keyword.other.role.phantom.haskell#f38ba8
keyword.other.preprocessor.haskell, keyword.other.preprocessor.pragma.haskell#f5e0dc
keyword.other.preprocessor.extension.haskell#f38ba8
source.haskell meta.preprocessor.c, source.haskell meta.preprocessor.c punctuation.definition.preprocessor.c#f5e0dc
meta.preprocessor.haskell#9399b2
variable.other.member.haskell, variable.other.member.definition.haskell#b4befe
keyword.control.else.haskell#B996A8
string.quoted.single.haskell, string.quoted.single.haskell punctuation.definition.string#94e2d5
storage.type.operator.haskell, storage.type.operator.infix.haskell, entity.name.function.infix.haskell, punctuation.backtick.haskell#94e2d5
support.constant.tuple.haskell, support.constant.tuple.unboxed.haskell#94e2d5
keyword.operator.lambda.haskell, keyword.operator.pipe.haskell, keyword.operator.double-dot.haskell, variable.other.member.wildcard.haskell#f38ba8
meta.type-application keyword.operator.prefix.at.haskell, keyword.operator.infix.tight.at.haskell, keyword.operator.prefix.tilde.haskell, keyword.operator.prefix.bang.haskell, keyword.operator.double-colon.haskell, keyword.operator.big-arrow.haskell, meta.function.type-declaration keyword.operator.period.haskell, meta.type-declaration keyword.operator.period.haskell, meta.declaration.type keyword.operator.period.haskell#9399b2
keyword.operator.prefix.dollar.haskell, keyword.operator.quasi-quotation.begin.haskell, keyword.operator.quasi-quotation.end.haskell#D29B7B
keyword.operator.prefix.minus.haskell#fab387
keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag#B996A8
entity.name.tag#89b4fa
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#f38ba8
entity.other.attribute-name#f9e2af
support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue#D29B7B
punctuation.definition.annotation, storage.type.annotation#fab387
constant.other.enum.java#94e2d5
storage.modifier.import.java#cdd6f4
comment.block.javadoc.java keyword.other.documentation.javadoc.java
meta.export variable.other.readwrite.js#EBA0AC
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
support.type.object.console.js#cdd6f4
support.constant.node, support.type.object.module.js#B996A8
storage.modifier.implements#B996A8
support.type.builtin.ts#B996A8
constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts#fab387
variable.parameter.generic#f9e2af
keyword.declaration.function.arrow.js, storage.type.function.arrow.ts#94e2d5
punctuation.decorator.ts#89b4fa
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#B996A8
support.function.macro.julia#94e2d5
constant.language.julia#fab387
constant.other.symbol.julia#EBA0AC
text.tex keyword.control.preamble#94e2d5
text.tex support.function.be#B996A8
constant.other.general.math.tex#f2cdcd
variable.language.liquid#D29B7B
comment.line.double-dash.documentation.lua storage.type.annotation.lua#B996A8
comment.line.double-dash.documentation.lua entity.name.variable.lua, comment.line.double-dash.documentation.lua variable.lua#cdd6f4
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
markup.bold#f38ba8bold
markup.italic#f38ba8
markup.strikethrough#a6adc8strikethrough
punctuation.definition.link, markup.underline.link#89b4fa
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.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
fenced_code.block.language#B996A8
markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc#9399b2
markup.quote, punctuation.definition.quote.begin#D29B7B
meta.separator.markdown#94e2d5
punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet#94e2d5
markup.heading.quarto
entity.other.attribute-name.multipart.nix, entity.other.attribute-name.single.nix#89b4fa
variable.parameter.name.nix#cdd6f4
meta.embedded variable.parameter.name.nix#b4befe
string.unquoted.path.nix#D29B7B
support.attribute.builtin, meta.attribute.php#f9e2af
punctuation.definition.variable.php#B996A8
constant.language.php#fab387
storage.type.php#F9E2AF
text.html.php support.function#B996A8
keyword.other.phpdoc.php
support.variable.magic.python, meta.function-call.arguments.python#cdd6f4
support.function.magic.python#B996A8
variable.parameter.function.language.special.self.python, variable.language.special.self.python#f38ba8
keyword.control.flow.python, keyword.operator.logical.python#B996A8
storage.type.function.python#B996A8
support.token.decorator.python, meta.function.decorator.identifier.python#B996A8
meta.function-call.python#89b4fa
entity.name.function.decorator.python, punctuation.definition.decorator.python#fab387
constant.character.format.placeholder.other.python#D29B7B
support.type.exception.python, support.function.builtin.python#fab387
support.type.python#B996A8
constant.language.python#fab387
meta.indexed-name.python, meta.item-access.python#EBA0AC
storage.type.string.python#a6e3a1
meta.function.parameters.python
meta.function-call.r#89b4fa
meta.function-call.arguments.r#cdd6f4
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#D29B7B
keyword.control.anchor.regexp#B996A8
string.regexp.ts#cdd6f4
punctuation.definition.group.regexp, keyword.other.back-reference.regexp#a6e3a1
punctuation.definition.character-class.regexp#f9e2af
constant.other.character-class.regexp#D29B7B
constant.other.character-class.range.regexp#f5e0dc
keyword.operator.quantifier.regexp#94e2d5
constant.character.numeric.regexp#fab387
punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp#89b4fa
meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust#f9e2af
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#B996A8
entity.name.type.numeric.rust#B996A8
meta.generic.rust#fab387
entity.name.impl.rust#f9e2af
entity.name.module.rust#fab387
entity.name.trait.rust#f9e2af
storage.type.source.rust#f9e2af
entity.name.union.rust#f9e2af
meta.enum.rust storage.type.source.rust#94e2d5
support.macro.rust, meta.macro.rust support.function.rust, entity.name.function.macro.rust#EBA0AC
storage.modifier.lifetime.rust, entity.name.type.lifetime#89b4fa
string.quoted.double.rust constant.other.placeholder.rust#D29B7B
meta.function.return-type.rust meta.generic.rust storage.type.rust#cdd6f4
meta.function.call.rust#89b4fa
punctuation.brackets.angle.rust#B996A8
constant.other.caps.rust#fab387
meta.function.definition.rust variable.other.rust#EBA0AC
meta.function.call.rust variable.other.rust#cdd6f4
variable.language.self.rust#f38ba8
variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust#D29B7B
comment.line.shebang, comment.line.shebang punctuation.definition.comment, comment.line.shebang, punctuation.definition.comment.shebang.shell, meta.shebang.shell#D29B7B
comment.line.shebang constant.language#94e2d5
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#fab387
source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell#94e2d5
entity.name.tag.heredoc.shell#B996A8
string.quoted.double.shell variable.other.normal.shell#cdd6f4
markup.heading.typst#f38ba8
Dark Nordic by Correia Dark - VS Code Theme