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#C69DF633
  • activityBar.foreground#D7DAE0
  • activityBar.inactiveForeground#6c7086
  • activityBarBadge.background#4b6083
  • activityBarBadge.foreground#D7DAE0
  • activityBarTop.activeBorder#00000000
  • activityBarTop.dropBorder#C69DF633
  • activityBarTop.foreground#C69DF6
  • activityBarTop.inactiveForeground#6c7086
  • badge.background#464d5c
  • badge.foreground#D7DAE0
  • banner.background#45475a
  • banner.foreground#d6dae7
  • banner.iconForeground#d6dae7
  • breadcrumb.activeSelectionForeground#C69DF6
  • breadcrumb.background#121314
  • breadcrumb.focusForeground#C69DF6
  • breadcrumb.foreground#cdd6f4cc
  • breadcrumbPicker.background#181825
  • button.background#4D78CC
  • button.border#00000000
  • button.foreground#FFFFFF
  • button.hoverBackground#6087CF
  • button.secondaryBackground#585b70
  • button.secondaryBorder#C69DF6
  • button.secondaryForeground#d6dae7
  • button.secondaryHoverBackground#686b84
  • button.separator#00000000
  • charts.blue#80AEFA
  • charts.foreground#d6dae7
  • charts.green#9EE199
  • charts.lines#bac2de
  • charts.orange#F9AB7B
  • charts.purple#C69DF6
  • charts.red#F282A1
  • charts.yellow#F8DEA5
  • checkbox.background#45475a
  • checkbox.border#00000000
  • checkbox.foreground#C69DF6
  • commandCenter.activeBackground#585b7033
  • commandCenter.activeBorder#C69DF6
  • commandCenter.activeForeground#C69DF6
  • commandCenter.background#21252b
  • commandCenter.border#00000000
  • commandCenter.foreground#bac2de
  • commandCenter.inactiveBorder#00000000
  • commandCenter.inactiveForeground#bac2de
  • debugConsole.errorForeground#F282A1
  • debugConsole.infoForeground#80AEFA
  • debugConsole.sourceForeground#F3D8D3
  • debugConsole.warningForeground#F9AB7B
  • debugConsoleInputIcon.foreground#d6dae7
  • debugExceptionWidget.background#11111b
  • debugExceptionWidget.border#C69DF6
  • debugIcon.breakpointCurrentStackframeForeground#585b70
  • debugIcon.breakpointDisabledForeground#F282A199
  • debugIcon.breakpointForeground#F282A1
  • debugIcon.breakpointStackframeForeground#585b70
  • debugIcon.breakpointUnverifiedForeground#a6738c
  • debugIcon.continueForeground#9EE199
  • debugIcon.disconnectForeground#585b70
  • debugIcon.pauseForeground#80AEFA
  • debugIcon.restartForeground#8BDFD1
  • debugIcon.startForeground#9EE199
  • debugIcon.stepBackForeground#585b70
  • debugIcon.stepIntoForeground#d6dae7
  • debugIcon.stepOutForeground#d6dae7
  • debugIcon.stepOverForeground#C69DF6
  • debugIcon.stopForeground#F282A1
  • debugTokenExpression.boolean#C69DF6
  • debugTokenExpression.error#F282A1
  • debugTokenExpression.number#F9AB7B
  • debugTokenExpression.string#9EE199
  • debugToolBar.background#11111b
  • debugToolBar.border#00000000
  • descriptionForeground#d6dae7
  • diffEditor.border#727480
  • diffEditor.diagonalFill#585b7099
  • diffEditor.insertedLineBackground#9EE19926
  • diffEditor.insertedTextBackground#00809B33
  • diffEditor.removedLineBackground#F282A126
  • diffEditor.removedTextBackground#F282A133
  • diffEditorOverview.insertedForeground#9EE199cc
  • diffEditorOverview.removedForeground#F282A1cc
  • disabledForeground#a6adc8
  • dropdown.background#353b45
  • dropdown.border#181A1F
  • dropdown.foreground#d6dae7
  • dropdown.listBackground#585b70
  • editor.background#21252b
  • editor.findMatchBackground#5e3f53
  • editor.findMatchBorder#F282A133
  • editor.findMatchHighlightBackground#80AEFA3d
  • editor.findMatchHighlightBorder#81D9EA33
  • editor.findRangeHighlightBackground#3e5767
  • editor.findRangeHighlightBorder#81D9EA33
  • editor.focusedStackFrameHighlightBackground#9EE19926
  • editor.foldBackground#6BC3EB20
  • editor.foreground#d7dae6
  • editor.hoverHighlightBackground#81D9EA40
  • editor.lineHighlightBackground#99BBFF0a
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#81D9EA40
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#3E4451
  • editor.selectionHighlightBackground#9399b233
  • editor.selectionHighlightBorder#9399b233
  • editor.stackFrameHighlightBackground#F8DEA526
  • editor.wordHighlightBackground#9399b233
  • editor.wordHighlightStrongBackground#80AEFA33
  • editorBracketHighlight.foreground1#F282A1
  • editorBracketHighlight.foreground2#F9AB7B
  • editorBracketHighlight.foreground3#F8DEA5
  • editorBracketHighlight.foreground4#9EE199
  • editorBracketHighlight.foreground5#6BC3EB
  • editorBracketHighlight.foreground6#C69DF6
  • editorBracketHighlight.unexpectedBracket.foreground#E996A3
  • editorBracketMatch.background#9399b21a
  • editorBracketMatch.border#9399b2
  • editorCodeLens.foreground#7f849c
  • editorCursor.background#1e1e2e
  • editorCursor.foreground#F3D8D3
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#F282A1
  • editorGroup.border#16181A
  • editorGroup.dropBackground#C69DF633
  • editorGroup.emptyBackground#121314
  • editorGroupHeader.tabsBackground#1D2025
  • editorGutter.addedBackground#9EE199
  • editorGutter.background#21252b
  • editorGutter.commentGlyphForeground#C69DF6
  • editorGutter.commentRangeForeground#313244
  • editorGutter.deletedBackground#F282A1
  • editorGutter.foldingControlForeground#9399b2
  • editorGutter.modifiedBackground#F8DEA5
  • 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#80AEFA
  • editorInlayHint.background#2C313A
  • editorInlayHint.foreground#22417a
  • editorInlayHint.parameterBackground#181825bf
  • editorInlayHint.parameterForeground#a6adc8
  • editorInlayHint.typeBackground#181825bf
  • editorInlayHint.typeForeground#bac2de
  • editorLightBulb.foreground#F8DEA5
  • editorLineNumber.activeForeground#ABB2BF
  • editorLineNumber.foreground#636D83
  • editorLink.activeForeground#C69DF6
  • editorMarkerNavigation.background#181825
  • editorMarkerNavigationError.background#F282A1
  • editorMarkerNavigationInfo.background#80AEFA
  • editorMarkerNavigationWarning.background#F9AB7B
  • editorOverviewRuler.background#16181A
  • editorOverviewRuler.border#21252b
  • editorOverviewRuler.modifiedForeground#F8DEA5
  • editorRuler.foreground#ABB2BF26
  • editorStickyScroll.border#21252b
  • editorStickyScroll.shadow#16181A
  • editorStickyScrollHover.background#16181A
  • editorSuggestWidget.background#1D2025
  • editorSuggestWidget.border#181A1F
  • editorSuggestWidget.foreground#d6dae7
  • editorSuggestWidget.highlightForeground#C69DF6
  • editorSuggestWidget.selectedBackground#2C313A
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#F9AB7B
  • editorWhitespace.foreground#ABB2BF26
  • editorWidget.background#1D2025
  • editorWidget.border#3A3F4B
  • editorWidget.foreground#d6dae7
  • editorWidget.resizeBorder#585b70
  • errorForeground#F282A1
  • errorLens.errorBackground#F282A126
  • errorLens.errorBackgroundLight#F282A126
  • errorLens.errorForeground#F282A1
  • errorLens.errorForegroundLight#F282A1
  • errorLens.errorMessageBackground#F282A126
  • errorLens.hintBackground#9EE19926
  • errorLens.hintBackgroundLight#9EE19926
  • errorLens.hintForeground#9EE199
  • errorLens.hintForegroundLight#9EE199
  • errorLens.hintMessageBackground#9EE19926
  • errorLens.infoBackground#80AEFA26
  • errorLens.infoBackgroundLight#80AEFA26
  • errorLens.infoForeground#80AEFA
  • errorLens.infoForegroundLight#80AEFA
  • errorLens.infoMessageBackground#80AEFA26
  • errorLens.statusBarErrorForeground#F282A1
  • errorLens.statusBarHintForeground#9EE199
  • errorLens.statusBarIconErrorForeground#F282A1
  • errorLens.statusBarIconWarningForeground#F9AB7B
  • errorLens.statusBarInfoForeground#80AEFA
  • errorLens.statusBarWarningForeground#F9AB7B
  • errorLens.warningBackground#F9AB7B26
  • errorLens.warningBackgroundLight#F9AB7B26
  • errorLens.warningForeground#F9AB7B
  • errorLens.warningForegroundLight#F9AB7B
  • errorLens.warningMessageBackground#F9AB7B26
  • extensionBadge.remoteBackground#80AEFA
  • extensionBadge.remoteForeground#11111b
  • extensionButton.prominentBackground#2BA143
  • extensionButton.prominentForeground#11111b
  • extensionButton.prominentHoverBackground#37AF4E
  • extensionButton.separator#1e1e2e
  • extensionIcon.preReleaseForeground#585b70
  • extensionIcon.sponsorForeground#F4B9E3
  • extensionIcon.starForeground#F8DEA5
  • extensionIcon.verifiedForeground#9EE199
  • focusBorder#80AEFA
  • foreground#d6dae7
  • gitDecoration.addedResourceForeground#9EE199
  • gitDecoration.conflictingResourceForeground#C69DF6
  • gitDecoration.deletedResourceForeground#F282A1
  • gitDecoration.ignoredResourceForeground#6c7086
  • gitDecoration.modifiedResourceForeground#F8DEA5
  • gitDecoration.stageDeletedResourceForeground#F282A1
  • gitDecoration.stageModifiedResourceForeground#F8DEA5
  • gitDecoration.submoduleResourceForeground#80AEFA
  • gitDecoration.untrackedResourceForeground#9EE199
  • gitlens.closedAutolinkedIssueIconColor#C69DF6
  • gitlens.closedPullRequestIconColor#F282A1
  • gitlens.decorations.branchAheadForegroundColor#9EE199
  • gitlens.decorations.branchBehindForegroundColor#F9AB7B
  • gitlens.decorations.branchDivergedForegroundColor#F8DEA5
  • gitlens.decorations.branchMissingUpstreamForegroundColor#F9AB7B
  • gitlens.decorations.branchUnpublishedForegroundColor#9EE199
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#E996A3
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#F8DEA5
  • gitlens.decorations.workspaceCurrentForegroundColor#C69DF6
  • gitlens.decorations.workspaceRepoMissingForegroundColor#a6adc8
  • gitlens.decorations.workspaceRepoOpenForegroundColor#C69DF6
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#F9AB7B
  • gitlens.decorations.worktreeMissingForegroundColor#E996A3
  • gitlens.graphChangesColumnAddedColor#9EE199
  • gitlens.graphChangesColumnDeletedColor#F282A1
  • gitlens.graphLane10Color#F4B9E3
  • gitlens.graphLane1Color#C69DF6
  • gitlens.graphLane2Color#F8DEA5
  • gitlens.graphLane3Color#80AEFA
  • gitlens.graphLane4Color#F0C6C6
  • gitlens.graphLane5Color#9EE199
  • gitlens.graphLane6Color#A9B5FE
  • gitlens.graphLane7Color#F3D8D3
  • gitlens.graphLane8Color#F282A1
  • gitlens.graphLane9Color#8BDFD1
  • gitlens.graphMinimapMarkerHeadColor#9EE199
  • gitlens.graphMinimapMarkerHighlightsColor#F8DEA5
  • gitlens.graphMinimapMarkerLocalBranchesColor#80AEFA
  • gitlens.graphMinimapMarkerRemoteBranchesColor#71a4f9
  • gitlens.graphMinimapMarkerStashesColor#C69DF6
  • gitlens.graphMinimapMarkerTagsColor#F0C6C6
  • gitlens.graphMinimapMarkerUpstreamColor#93dd8d
  • gitlens.graphScrollMarkerHeadColor#9EE199
  • gitlens.graphScrollMarkerHighlightsColor#F8DEA5
  • gitlens.graphScrollMarkerLocalBranchesColor#80AEFA
  • gitlens.graphScrollMarkerRemoteBranchesColor#71a4f9
  • gitlens.graphScrollMarkerStashesColor#C69DF6
  • gitlens.graphScrollMarkerTagsColor#F0C6C6
  • gitlens.graphScrollMarkerUpstreamColor#93dd8d
  • gitlens.gutterBackgroundColor#3132444d
  • gitlens.gutterForegroundColor#d6dae7
  • gitlens.gutterUncommittedForegroundColor#C69DF6
  • gitlens.lineHighlightBackgroundColor#C69DF626
  • gitlens.lineHighlightOverviewRulerColor#C69DF6cc
  • gitlens.mergedPullRequestIconColor#C69DF6
  • gitlens.openAutolinkedIssueIconColor#9EE199
  • gitlens.openPullRequestIconColor#9EE199
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#cdd6f44d
  • gitlens.unpublishedChangesIconColor#9EE199
  • gitlens.unpublishedCommitIconColor#9EE199
  • gitlens.unpulledChangesIconColor#F9AB7B
  • icon.foreground#C69DF6
  • input.background#1B1D23
  • input.border#181A1F
  • input.foreground#d6dae7
  • input.placeholderForeground#cdd6f473
  • inputOption.activeBackground#585b70
  • inputOption.activeBorder#C69DF6
  • inputOption.activeForeground#d6dae7
  • inputValidation.errorBackground#F282A1
  • inputValidation.errorBorder#11111b33
  • inputValidation.errorForeground#11111b
  • inputValidation.infoBackground#80AEFA
  • inputValidation.infoBorder#11111b33
  • inputValidation.infoForeground#11111b
  • inputValidation.warningBackground#F9AB7B
  • inputValidation.warningBorder#11111b33
  • inputValidation.warningForeground#11111b
  • issues.closed#C69DF6
  • issues.newIssueDecoration#F3D8D3
  • issues.open#9EE199
  • list.activeSelectionBackground#2C313A
  • list.activeSelectionForeground#D7DAE0
  • list.dropBackground#C69DF633
  • 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#F9AB7B
  • listFilterWidget.background#45475a
  • listFilterWidget.noMatchesOutline#F282A1
  • 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#9EE19933
  • merge.currentHeaderBackground#9EE19966
  • merge.incomingContentBackground#80AEFA33
  • merge.incomingHeaderBackground#80AEFA66
  • minimap.background#18182580
  • minimap.errorHighlight#F282A1bf
  • minimap.findMatchHighlight#81D9EA4d
  • minimap.selectionHighlight#585b70bf
  • minimap.selectionOccurrenceHighlight#585b70bf
  • minimap.warningHighlight#F9AB7Bbf
  • minimapGutter.addedBackground#9EE199bf
  • minimapGutter.deletedBackground#F282A1bf
  • minimapGutter.modifiedBackground#F8DEA5bf
  • minimapSlider.activeBackground#C69DF699
  • minimapSlider.background#C69DF633
  • minimapSlider.hoverBackground#C69DF666
  • notebook.cellEditorBackground#2C313A
  • notificationCenter.border#C69DF6
  • notificationCenterHeader.background#181825
  • notificationCenterHeader.foreground#d6dae7
  • notificationLink.foreground#80AEFA
  • notifications.background#181825
  • notifications.border#C69DF6
  • notifications.foreground#d6dae7
  • notificationsErrorIcon.foreground#F282A1
  • notificationsInfoIcon.foreground#80AEFA
  • notificationsWarningIcon.foreground#F9AB7B
  • notificationToast.border#C69DF6
  • panel.background#1d2025
  • panel.border#727480
  • panelSection.border#585b70
  • panelSection.dropBackground#C69DF633
  • panelTitle.activeBorder#C69DF6
  • panelTitle.activeForeground#d6dae7
  • panelTitle.inactiveForeground#a6adc8
  • peekView.border#80AEFA
  • peekViewEditor.background#1B1D23
  • peekViewEditor.matchHighlightBackground#81D9EA4d
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#16181A
  • peekViewResult.background#1D2025
  • peekViewResult.fileForeground#d6dae7
  • peekViewResult.lineForeground#d6dae7
  • peekViewResult.matchHighlightBackground#81D9EA4d
  • peekViewResult.selectionBackground#2C313A
  • peekViewResult.selectionForeground#d6dae7
  • peekViewTitle.background#1B1D23
  • peekViewTitleDescription.foreground#bac2deb3
  • peekViewTitleLabel.foreground#d6dae7
  • pickerGroup.border#80AEFA
  • pickerGroup.foreground#C69DF6
  • problemsErrorIcon.foreground#F282A1
  • problemsInfoIcon.foreground#80AEFA
  • problemsWarningIcon.foreground#F9AB7B
  • progressBar.background#C69DF6
  • pullRequests.closed#F282A1
  • pullRequests.draft#9399b2
  • pullRequests.merged#C69DF6
  • pullRequests.notification#d6dae7
  • pullRequests.open#9EE199
  • sash.hoverBorder#C69DF6
  • scmGraph.foreground1#F8DEA5
  • scmGraph.foreground2#F282A1
  • scmGraph.foreground3#9EE199
  • scmGraph.foreground4#C69DF6
  • scmGraph.foreground5#8BDFD1
  • scmGraph.historyItemBaseRefColor#F9AB7B
  • scmGraph.historyItemRefColor#80AEFA
  • scmGraph.historyItemRemoteRefColor#C69DF6
  • scrollbar.shadow#16181a
  • scrollbarSlider.activeBackground#747D9180
  • scrollbarSlider.background#4E566680
  • scrollbarSlider.hoverBackground#5A637580
  • selection.background#C69DF666
  • settings.dropdownBackground#45475a
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#585b7033
  • settings.headerForeground#d6dae7
  • settings.modifiedItemIndicator#C69DF6
  • settings.numberInputBackground#45475a
  • settings.numberInputBorder#00000000
  • settings.textInputBackground#45475a
  • settings.textInputBorder#00000000
  • sideBar.background#16181A
  • sideBar.border#00000000
  • sideBar.dropBackground#C69DF633
  • sideBar.foreground#d6dae7
  • sideBarSectionHeader.background#16181A
  • sideBarSectionHeader.foreground#d7dae6
  • sideBarStickyScroll.shadow#16181A
  • sideBarTitle.foreground#C69DF6
  • statusBar.background#1D2025
  • statusBar.border#00000000
  • statusBar.debuggingBackground#F9AB7B
  • 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#F282A1
  • statusBarItem.hoverBackground#2C313A
  • statusBarItem.prominentBackground#00000000
  • statusBarItem.prominentForeground#C69DF6
  • statusBarItem.prominentHoverBackground#585b7033
  • statusBarItem.remoteBackground#80AEFA
  • statusBarItem.remoteForeground#11111b
  • statusBarItem.warningBackground#00000000
  • statusBarItem.warningForeground#F9AB7B
  • symbolIcon.arrayForeground#F9AB7B
  • symbolIcon.booleanForeground#C69DF6
  • symbolIcon.classForeground#F8DEA5
  • symbolIcon.colorForeground#F4B9E3
  • symbolIcon.constantForeground#F9AB7B
  • symbolIcon.constructorForeground#A9B5FE
  • symbolIcon.enumeratorForeground#F8DEA5
  • symbolIcon.enumeratorMemberForeground#F8DEA5
  • symbolIcon.eventForeground#F4B9E3
  • symbolIcon.fieldForeground#d6dae7
  • symbolIcon.fileForeground#C69DF6
  • symbolIcon.folderForeground#C69DF6
  • symbolIcon.functionForeground#80AEFA
  • symbolIcon.interfaceForeground#F8DEA5
  • symbolIcon.keyForeground#8BDFD1
  • symbolIcon.keywordForeground#C69DF6
  • symbolIcon.methodForeground#80AEFA
  • symbolIcon.moduleForeground#d6dae7
  • symbolIcon.namespaceForeground#F8DEA5
  • symbolIcon.nullForeground#E996A3
  • symbolIcon.numberForeground#F9AB7B
  • symbolIcon.objectForeground#F8DEA5
  • symbolIcon.operatorForeground#8BDFD1
  • symbolIcon.packageForeground#F0C6C6
  • symbolIcon.propertyForeground#E996A3
  • symbolIcon.referenceForeground#F8DEA5
  • symbolIcon.snippetForeground#F0C6C6
  • symbolIcon.stringForeground#9EE199
  • symbolIcon.structForeground#8BDFD1
  • symbolIcon.textForeground#d6dae7
  • symbolIcon.typeParameterForeground#E996A3
  • symbolIcon.unitForeground#d6dae7
  • symbolIcon.variableForeground#d6dae7
  • tab.activeBackground#21252b
  • tab.activeBorder#00000000
  • tab.activeBorderTop#C69DF6
  • tab.activeForeground#D7DAE0
  • tab.activeModifiedBorder#F8DEA5
  • tab.border#181A1F
  • tab.hoverBackground#21252b
  • tab.hoverBorder#00000000
  • tab.hoverForeground#C69DF6
  • tab.inactiveBackground#1D2025
  • tab.inactiveForeground#6c7086
  • tab.inactiveModifiedBorder#F8DEA54d
  • tab.lastPinnedBorder#C69DF6
  • tab.unfocusedActiveBackground#1D2025
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#C69DF64d
  • tab.unfocusedInactiveBackground#16181A
  • table.headerBackground#313244
  • table.headerForeground#d6dae7
  • terminal.ansiBlack#45475a
  • terminal.ansiBlue#80AEFA
  • 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#8BDFD1
  • terminal.ansiGreen#9EE199
  • terminal.ansiMagenta#F4B9E3
  • terminal.ansiRed#F282A1
  • terminal.ansiWhite#a6adc8
  • terminal.ansiYellow#F8DEA5
  • terminal.border#585b70
  • terminal.dropBackground#C69DF633
  • terminal.foreground#d6dae7
  • terminal.inactiveSelectionBackground#585b7080
  • terminal.selectionBackground#585b70
  • terminal.tab.activeBorder#C69DF6
  • terminalCommandDecoration.defaultBackground#585b70
  • terminalCommandDecoration.errorBackground#F282A1
  • terminalCommandDecoration.successBackground#9EE199
  • terminalCursor.background#1e1e2e
  • terminalCursor.foreground#F3D8D3
  • testing.coverCountBadgeBackground#00000000
  • testing.coverCountBadgeForeground#C69DF6
  • testing.coveredBackground#9EE1994d
  • testing.coveredBorder#00000000
  • testing.coveredGutterBackground#9EE1994d
  • testing.iconErrored#F282A1
  • testing.iconErrored.retired#F282A1
  • testing.iconFailed#F282A1
  • testing.iconFailed.retired#F282A1
  • testing.iconPassed#9EE199
  • testing.iconPassed.retired#9EE199
  • testing.iconQueued#80AEFA
  • testing.iconQueued.retired#80AEFA
  • testing.iconSkipped#a6adc8
  • testing.iconSkipped.retired#a6adc8
  • testing.iconUnset#d6dae7
  • testing.iconUnset.retired#d6dae7
  • testing.message.error.lineBackground#F282A126
  • testing.message.info.decorationForeground#9EE199cc
  • testing.message.info.lineBackground#9EE19926
  • testing.messagePeekBorder#C69DF6
  • testing.messagePeekHeaderBackground#585b70
  • testing.peekBorder#C69DF6
  • testing.peekHeaderBackground#585b70
  • testing.runAction#C69DF6
  • testing.uncoveredBackground#F282A133
  • testing.uncoveredBorder#00000000
  • testing.uncoveredBranchBackground#F282A133
  • testing.uncoveredGutterBackground#F282A140
  • textBlockQuote.background#181825
  • textBlockQuote.border#11111b
  • textCodeBlock.background#181825
  • textLink.activeForeground#81D9EA
  • textLink.foreground#80AEFA
  • textPreformat.foreground#d6dae7
  • textSeparator.foreground#C69DF6
  • 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#C69DF6
  • welcomePage.tileBackground#181825
  • widget.shadow#18182580

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.annotation, storage.type.annotation#F9AB7B
meta.indexed-name.python, meta.item-access.python#E996A3italic
keyword.declaration.function.arrow.js, storage.type.function.arrow.ts#8BDFD1
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#F9AB7B
constant.language, support.function.builtin#F282A1
constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts#C69DF6
meta.interpolation.cs#cdd6f4
comment.block.documentation.cs#cdd6f4
storage.modifier.specifier.extern.cpp#C69DF6
storage.modifier.reference.cpp#8BDFD1
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#F8DEA5
source.css meta.attribute-selector#9EE199
keyword.other.unit.percentage.css#F9AB7B
source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less#80AEFA
support.type.vendored.property-name#81D9EA
entity.name.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct#F8DEA5italic
source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css#F8DEA5
comment meta.annotation.go#E996A3
comment, punctuation.definition.comment#9399b2italic
support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue#F4B9E3
punctuation.decorator.ts#80AEFAitalic
meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator#F9AB7B
meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff#80AEFA
markup.deleted.diff#F282A1
markup.inserted.diff#9EE199
entity.name.enum#F8DEA5italic
meta.enum variable.other.readwrite, variable.other.enummember#8BDFD1
meta.property.object#8BDFD1
meta.export variable.other.readwrite.js#E996A3
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#C69DF6
constant.language.gdscript#F9AB7B
support.function.builtin.gdscript#80AEFA
constant.language.go#F9AB7B
string.unquoted.alias.graphql#F0C6C6
constant.character.enum.graphql#8BDFD1
meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql#F0C6C6
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#C69DF6
entity.other.attribute-name#F8DEA5
entity.name.tag#80AEFA
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#E996A3
storage.type.class.jsdoc
constant.language.json, constant.language.yaml#F9AB7B
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#80AEFA
constant.other.enum.java#8BDFD1
storage.modifier.import.java#cdd6f4
comment.block.javadoc.java keyword.other.documentation.javadoc.java
constant.language.julia#F9AB7B
support.function.macro.julia#8BDFD1italic
constant.other.symbol.julia#E996A3
text.tex support.function.be#81D9EA
constant.other.general.math.tex#F0C6C6
text.tex keyword.control.preamble#8BDFD1
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#E996A3
variable.language.liquid#F4B9E3
comment.line.double-dash.documentation.lua storage.type.annotation.lua#C69DF6
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#80AEFA
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#9EE199
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#A9B5FE
punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet#8BDFD1
markup.quote, punctuation.definition.quote.begin#F4B9E3
meta.separator.markdown#8BDFD1
fenced_code.block.language#81D9EA
markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc#9399b2
markup.heading.quartobold
markup.changed.diff#F9AB7B
entity.name.namespace#F8DEA5
entity.other.attribute-name.multipart.nix, entity.other.attribute-name.single.nix#80AEFA
meta.embedded variable.parameter.name.nix#A9B5FE
variable.parameter.name.nix#cdd6f4
string.unquoted.path.nix#F4B9E3
support.constant.node, support.type.object.module.js#C69DF6
variable.object.property#cdd6f4
punctuation.separator.operator.css#8BDFD1
support.attribute.builtin, meta.attribute.php#F8DEA5
constant.language.php#C69DF6
meta.function.parameters.php punctuation.definition.variable.php#E996A3
text.html.php support.function#81D9EA
keyword.other.phpdoc.php
punctuation#9399b2
keyword.control.directive, punctuation.definition.directive#F8DEA5
support.type.property-name.css, support.type.property-name.less#80AEFA
source.css entity.other.attribute-name.pseudo-class#8BDFD1
keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.definition.tag, punctuation.separator.key-value#8BDFD1
variable.parameter.function.language.special.self.python, variable.language.special.self.python#F282A1italic
support.variable.magic.python, meta.function-call.arguments.python#cdd6f4
support.function.magic.python#81D9EAitalic
support.type.exception.python, support.function.builtin.python#F9AB7B
storage.type.string.python#9EE199italic
meta.function.parameters.python
meta.function-call.arguments.r#cdd6f4
meta.function-call.r#80AEFA
keyword.control.anchor.regexp#C69DF6
punctuation.definition.character-class.regexp#F8DEA5
constant.other.character-class.regexp#F4B9E3
constant.character.numeric.regexp#F9AB7B
punctuation.definition.group.regexp, keyword.other.back-reference.regexp#9EE199
punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp#80AEFA
keyword.operator.quantifier.regexp#8BDFD1
constant.other.character-class.range.regexp#F3D8D3
string.regexp.ts#cdd6f4
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#F4B9E3
punctuation.brackets.angle.rust#81D9EA
meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust#F8DEA5italic
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#F9AB7B
meta.enum.rust storage.type.source.rust#8BDFD1
meta.function.definition.rust variable.other.rust#E996A3
meta.function.call.rust#80AEFA
meta.generic.rust#F9AB7B
entity.name.impl.rust#F8DEA5italic
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#C69DF6
storage.modifier.lifetime.rust, entity.name.type.lifetime#80AEFAitalic
support.macro.rust, meta.macro.rust support.function.rust, entity.name.function.macro.rust#80AEFAitalic
variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust#F4B9E3
entity.name.module.rust#F9AB7B
meta.function.return-type.rust meta.generic.rust storage.type.rust#cdd6f4
variable.language.self.rust#F282A1
string.quoted.double.rust constant.other.placeholder.rust#F4B9E3
storage.type.source.rust#F8DEA5
entity.name.trait.rust#F8DEA5italic
entity.name.type.numeric.rust#C69DF6
entity.name.union.rust#F8DEA5
entity.name.tag.heredoc.shell#C69DF6
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#F282A1
meta.string meta.interpolation.parameter.shell variable.other.readwrite#F9AB7Bitalic
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#F4B9E3italic
comment.line.shebang constant.language#8BDFD1italic
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#F282A1
string.template variable, string variable#cdd6f4
constant.other.time.datetime.offset.toml#F4B9E3
support.type.property-name.table, entity.name.section.group-title.ini#F8DEA5
variable.language.this, variable.language.this punctuation.definition.variable#F282A1
keyword.operator.newbold
punctuation.definition.typeparameters#81D9EA
meta.type, meta.type-alias, support.type, entity.name.type#F8DEA5italic
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#F4B9E3
entity.name.type.anchor.yaml, variable.other.alias.yaml#F8DEA5
entity.other.document.begin.yaml#F4B9E3
constant.character.escape#F4B9E3
variable.other.env#80AEFA
string.quoted variable.other.env#cdd6f4
entity.name.function, meta.function-call.method, support.function, support.function.misc, variable.function#80AEFAitalic
entity.name.tag.documentation#C69DF6
meta.type, meta.type-alias, support.type, entity.name.type#F8DEA5italic
entity.other.attribute-name.documentation#F282A1
comment meta.annotation.parameters.go#F9AB7B
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#F282A1
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#F9AB7B
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#F8DEA5
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#9EE199
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#6BC3EB
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#A9B5FE
storage.modifier.implements#C69DF6
keyword, keyword.operator.word, keyword.operator.new, variable.language.super, support.type.primitive, storage.type, storage.modifier, punctuation.definition.keyword#C69DF6
markup.bold#F282A1bold
markup.heading.typst#F282A1
markup.italic#F282A1italic
markup.strikethrough#a6adc8strikethrough
constant.language.python#F9AB7B
meta.function-call.python#80AEFA
entity.name.function.decorator.python, punctuation.definition.decorator.python#F9AB7Bitalic
support.token.decorator.python, meta.function.decorator.identifier.python#81D9EA
keyword.control.flow.python, keyword.operator.logical.python#C69DF6
constant.character.format.placeholder.other.python#F4B9E3
storage.type.function.python#C69DF6
source.css constant.other.unicode-range#F9AB7B
source.css variable.parameter.url#9EE199
source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell#8BDFD1
string, punctuation.definition.string#9EE199
support.type.object.console.js#cdd6f4
variable.parameter, meta.function.parameters#E996A3italic
variable.parameter.generic#F8DEA5
Sonora by martinlatrille - VS Code Theme