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#BD8FF533
  • activityBar.foreground#D9DCE8
  • activityBar.inactiveForeground#727480
  • activityBarBadge.background#4b6083
  • activityBarBadge.foreground#D9DCE8
  • activityBarTop.activeBorder#00000000
  • activityBarTop.dropBorder#BD8FF533
  • activityBarTop.foreground#BD8FF5
  • activityBarTop.inactiveForeground#727480
  • badge.background#464d5c
  • badge.foreground#D9DCE8
  • banner.background#282c34
  • banner.foreground#d6dae7
  • banner.iconForeground#d6dae7
  • breadcrumb.activeSelectionForeground#BD8FF5
  • breadcrumb.background#121314
  • breadcrumb.focusForeground#BD8FF5
  • breadcrumb.foreground#D9DCE8cc
  • breadcrumbPicker.background#16181a
  • button.background#4D78CC
  • button.border#00000000
  • button.foreground#FFFFFF
  • button.hoverBackground#6087CF
  • button.secondaryBackground#435472
  • button.secondaryBorder#BD8FF5
  • button.secondaryForeground#d6dae7
  • button.secondaryHoverBackground#686b84
  • button.separator#00000000
  • charts.blue#71A5F9
  • charts.foreground#d6dae7
  • charts.green#93DD8D
  • charts.lines#C4C8D4
  • charts.orange#F9A26C
  • charts.purple#BD8FF5
  • charts.red#F17497
  • charts.yellow#F7D997
  • checkbox.background#282c34
  • checkbox.border#00000000
  • checkbox.foreground#BD8FF5
  • commandCenter.activeBackground#43547233
  • commandCenter.activeBorder#BD8FF5
  • commandCenter.activeForeground#BD8FF5
  • commandCenter.background#21252b
  • commandCenter.border#00000000
  • commandCenter.foreground#C4C8D4
  • commandCenter.inactiveBorder#00000000
  • commandCenter.inactiveForeground#C4C8D4
  • debugConsole.errorForeground#F17497
  • debugConsole.infoForeground#71A5F9
  • debugConsole.sourceForeground#EFCEC7
  • debugConsole.warningForeground#F9A26C
  • debugConsoleInputIcon.foreground#d6dae7
  • debugExceptionWidget.background#121314
  • debugExceptionWidget.border#BD8FF5
  • debugIcon.breakpointCurrentStackframeForeground#435472
  • debugIcon.breakpointDisabledForeground#F1749799
  • debugIcon.breakpointForeground#F17497
  • debugIcon.breakpointStackframeForeground#435472
  • debugIcon.breakpointUnverifiedForeground#a6738c
  • debugIcon.continueForeground#93DD8D
  • debugIcon.disconnectForeground#435472
  • debugIcon.pauseForeground#71A5F9
  • debugIcon.restartForeground#7FDCCD
  • debugIcon.startForeground#93DD8D
  • debugIcon.stepBackForeground#435472
  • debugIcon.stepIntoForeground#d6dae7
  • debugIcon.stepOutForeground#d6dae7
  • debugIcon.stepOverForeground#BD8FF5
  • debugIcon.stopForeground#F17497
  • debugTokenExpression.boolean#BD8FF5
  • debugTokenExpression.error#F17497
  • debugTokenExpression.number#F9A26C
  • debugTokenExpression.string#93DD8D
  • debugToolBar.background#121314
  • debugToolBar.border#00000000
  • descriptionForeground#d6dae7
  • diffEditor.border#727480
  • diffEditor.diagonalFill#43547299
  • diffEditor.insertedLineBackground#93DD8D26
  • diffEditor.insertedTextBackground#00809B33
  • diffEditor.removedLineBackground#F1749726
  • diffEditor.removedTextBackground#F1749733
  • diffEditorOverview.insertedForeground#93DD8Dcc
  • diffEditorOverview.removedForeground#F17497cc
  • disabledForeground#b4b5ba
  • dropdown.background#353b45
  • dropdown.border#181A1F
  • dropdown.foreground#d6dae7
  • dropdown.listBackground#435472
  • editor.background#21252b
  • editor.findMatchBackground#5e3f53
  • editor.findMatchBorder#F1749733
  • editor.findMatchHighlightBackground#71A5F93d
  • editor.findMatchHighlightBorder#73D6E733
  • editor.findRangeHighlightBackground#3e5767
  • editor.findRangeHighlightBorder#73D6E733
  • editor.focusedStackFrameHighlightBackground#93DD8D26
  • editor.foldBackground#5DBEE920
  • editor.foreground#d7dae6
  • editor.hoverHighlightBackground#73D6E740
  • editor.lineHighlightBackground#99BBFF0a
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#73D6E740
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#3E4451
  • editor.selectionHighlightBackground#9C9FA933
  • editor.selectionHighlightBorder#9C9FA933
  • editor.stackFrameHighlightBackground#F7D99726
  • editor.wordHighlightBackground#9C9FA933
  • editor.wordHighlightStrongBackground#71A5F933
  • editorBracketHighlight.foreground1#F17497
  • editorBracketHighlight.foreground2#F9A26C
  • editorBracketHighlight.foreground3#F7D997
  • editorBracketHighlight.foreground4#93DD8D
  • editorBracketHighlight.foreground5#5DBEE9
  • editorBracketHighlight.foreground6#BD8FF5
  • editorBracketHighlight.unexpectedBracket.foreground#E68998
  • editorBracketMatch.background#9C9FA91a
  • editorBracketMatch.border#9C9FA9
  • editorCodeLens.foreground#8A8B91
  • editorCursor.background#1d2025
  • editorCursor.foreground#EFCEC7
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#F17497
  • editorGroup.border#16181A
  • editorGroup.dropBackground#BD8FF533
  • editorGroup.emptyBackground#121314
  • editorGroupHeader.tabsBackground#1D2025
  • editorGutter.addedBackground#93DD8D
  • editorGutter.background#21252b
  • editorGutter.commentGlyphForeground#BD8FF5
  • editorGutter.commentRangeForeground#21252b
  • editorGutter.deletedBackground#F17497
  • editorGutter.foldingControlForeground#9C9FA9
  • editorGutter.modifiedBackground#F7D997
  • editorHoverWidget.background#1D2025
  • editorHoverWidget.border#181A1F
  • editorHoverWidget.foreground#d6dae7
  • editorIndentGuide.activeBackground#435472
  • editorIndentGuide.activeBackground1#626772
  • editorIndentGuide.activeBackground2#626772
  • editorIndentGuide.background#282c34
  • editorIndentGuide.background1#ABB2BF15
  • editorIndentGuide.background2#ABB2BF15
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#71A5F9
  • editorInlayHint.background#2C313A
  • editorInlayHint.foreground#22417a
  • editorInlayHint.parameterBackground#16181abf
  • editorInlayHint.parameterForeground#b4b5ba
  • editorInlayHint.typeBackground#16181abf
  • editorInlayHint.typeForeground#C4C8D4
  • editorLightBulb.foreground#F7D997
  • editorLineNumber.activeForeground#ABB2BF
  • editorLineNumber.foreground#636D83
  • editorLink.activeForeground#BD8FF5
  • editorMarkerNavigation.background#16181a
  • editorMarkerNavigationError.background#F17497
  • editorMarkerNavigationInfo.background#71A5F9
  • editorMarkerNavigationWarning.background#F9A26C
  • editorOverviewRuler.background#16181A
  • editorOverviewRuler.border#21252b
  • editorOverviewRuler.modifiedForeground#F7D997
  • editorRuler.foreground#ABB2BF26
  • editorStickyScroll.border#21252b
  • editorStickyScroll.shadow#16181A
  • editorStickyScrollHover.background#16181A
  • editorSuggestWidget.background#1D2025
  • editorSuggestWidget.border#181A1F
  • editorSuggestWidget.foreground#d6dae7
  • editorSuggestWidget.highlightForeground#BD8FF5
  • editorSuggestWidget.selectedBackground#2C313A
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#F9A26C
  • editorWhitespace.foreground#ABB2BF26
  • editorWidget.background#1D2025
  • editorWidget.border#3A3F4B
  • editorWidget.foreground#d6dae7
  • editorWidget.resizeBorder#435472
  • errorForeground#F17497
  • errorLens.errorBackground#F1749726
  • errorLens.errorBackgroundLight#F1749726
  • errorLens.errorForeground#F17497
  • errorLens.errorForegroundLight#F17497
  • errorLens.errorMessageBackground#F1749726
  • errorLens.hintBackground#93DD8D26
  • errorLens.hintBackgroundLight#93DD8D26
  • errorLens.hintForeground#93DD8D
  • errorLens.hintForegroundLight#93DD8D
  • errorLens.hintMessageBackground#93DD8D26
  • errorLens.infoBackground#71A5F926
  • errorLens.infoBackgroundLight#71A5F926
  • errorLens.infoForeground#71A5F9
  • errorLens.infoForegroundLight#71A5F9
  • errorLens.infoMessageBackground#71A5F926
  • errorLens.statusBarErrorForeground#F17497
  • errorLens.statusBarHintForeground#93DD8D
  • errorLens.statusBarIconErrorForeground#F17497
  • errorLens.statusBarIconWarningForeground#F9A26C
  • errorLens.statusBarInfoForeground#71A5F9
  • errorLens.statusBarWarningForeground#F9A26C
  • errorLens.warningBackground#F9A26C26
  • errorLens.warningBackgroundLight#F9A26C26
  • errorLens.warningForeground#F9A26C
  • errorLens.warningForegroundLight#F9A26C
  • errorLens.warningMessageBackground#F9A26C26
  • extensionBadge.remoteBackground#71A5F9
  • extensionBadge.remoteForeground#121314
  • extensionButton.prominentBackground#2BA143
  • extensionButton.prominentForeground#121314
  • extensionButton.prominentHoverBackground#37AF4E
  • extensionButton.separator#1d2025
  • extensionIcon.preReleaseForeground#435472
  • extensionIcon.sponsorForeground#F1ACDE
  • extensionIcon.starForeground#F7D997
  • extensionIcon.verifiedForeground#93DD8D
  • focusBorder#71A5F9
  • foreground#d6dae7
  • gitDecoration.addedResourceForeground#93DD8D
  • gitDecoration.conflictingResourceForeground#BD8FF5
  • gitDecoration.deletedResourceForeground#F17497
  • gitDecoration.ignoredResourceForeground#727480
  • gitDecoration.modifiedResourceForeground#F7D997
  • gitDecoration.stageDeletedResourceForeground#F17497
  • gitDecoration.stageModifiedResourceForeground#F7D997
  • gitDecoration.submoduleResourceForeground#71A5F9
  • gitDecoration.untrackedResourceForeground#93DD8D
  • gitlens.closedAutolinkedIssueIconColor#BD8FF5
  • gitlens.closedPullRequestIconColor#F17497
  • gitlens.decorations.branchAheadForegroundColor#93DD8D
  • gitlens.decorations.branchBehindForegroundColor#F9A26C
  • gitlens.decorations.branchDivergedForegroundColor#F7D997
  • gitlens.decorations.branchMissingUpstreamForegroundColor#F9A26C
  • gitlens.decorations.branchUnpublishedForegroundColor#93DD8D
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#E68998
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#F7D997
  • gitlens.decorations.workspaceCurrentForegroundColor#BD8FF5
  • gitlens.decorations.workspaceRepoMissingForegroundColor#b4b5ba
  • gitlens.decorations.workspaceRepoOpenForegroundColor#BD8FF5
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#F9A26C
  • gitlens.decorations.worktreeMissingForegroundColor#E68998
  • gitlens.graphChangesColumnAddedColor#93DD8D
  • gitlens.graphChangesColumnDeletedColor#F17497
  • gitlens.graphLane10Color#F1ACDE
  • gitlens.graphLane1Color#BD8FF5
  • gitlens.graphLane2Color#F7D997
  • gitlens.graphLane3Color#71A5F9
  • gitlens.graphLane4Color#EDBABA
  • gitlens.graphLane5Color#93DD8D
  • gitlens.graphLane6Color#9AA8FE
  • gitlens.graphLane7Color#EFCEC7
  • gitlens.graphLane8Color#F17497
  • gitlens.graphLane9Color#7FDCCD
  • gitlens.graphMinimapMarkerHeadColor#93DD8D
  • gitlens.graphMinimapMarkerHighlightsColor#F7D997
  • gitlens.graphMinimapMarkerLocalBranchesColor#71A5F9
  • gitlens.graphMinimapMarkerRemoteBranchesColor#71a4f9
  • gitlens.graphMinimapMarkerStashesColor#BD8FF5
  • gitlens.graphMinimapMarkerTagsColor#EDBABA
  • gitlens.graphMinimapMarkerUpstreamColor#93dd8d
  • gitlens.graphScrollMarkerHeadColor#93DD8D
  • gitlens.graphScrollMarkerHighlightsColor#F7D997
  • gitlens.graphScrollMarkerLocalBranchesColor#71A5F9
  • gitlens.graphScrollMarkerRemoteBranchesColor#71a4f9
  • gitlens.graphScrollMarkerStashesColor#BD8FF5
  • gitlens.graphScrollMarkerTagsColor#EDBABA
  • gitlens.graphScrollMarkerUpstreamColor#93dd8d
  • gitlens.gutterBackgroundColor#21252b4d
  • gitlens.gutterForegroundColor#d6dae7
  • gitlens.gutterUncommittedForegroundColor#BD8FF5
  • gitlens.lineHighlightBackgroundColor#BD8FF526
  • gitlens.lineHighlightOverviewRulerColor#BD8FF5cc
  • gitlens.mergedPullRequestIconColor#BD8FF5
  • gitlens.openAutolinkedIssueIconColor#93DD8D
  • gitlens.openPullRequestIconColor#93DD8D
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#D9DCE84d
  • gitlens.unpublishedChangesIconColor#93DD8D
  • gitlens.unpublishedCommitIconColor#93DD8D
  • gitlens.unpulledChangesIconColor#F9A26C
  • icon.foreground#BD8FF5
  • input.background#1B1D23
  • input.border#181A1F
  • input.foreground#d6dae7
  • input.placeholderForeground#D9DCE873
  • inputOption.activeBackground#435472
  • inputOption.activeBorder#BD8FF5
  • inputOption.activeForeground#d6dae7
  • inputValidation.errorBackground#F17497
  • inputValidation.errorBorder#12131433
  • inputValidation.errorForeground#121314
  • inputValidation.infoBackground#71A5F9
  • inputValidation.infoBorder#12131433
  • inputValidation.infoForeground#121314
  • inputValidation.warningBackground#F9A26C
  • inputValidation.warningBorder#12131433
  • inputValidation.warningForeground#121314
  • issues.closed#BD8FF5
  • issues.newIssueDecoration#EFCEC7
  • issues.open#93DD8D
  • list.activeSelectionBackground#2C313A
  • list.activeSelectionForeground#D9DCE8
  • list.dropBackground#BD8FF533
  • list.focusAndSelectionBackground#282c34
  • list.focusBackground#2C313A
  • list.focusForeground#d6dae7
  • list.focusOutline#00000000
  • list.highlightForeground#D9DCE8
  • list.hoverBackground#2C313A66
  • list.hoverForeground#d6dae7
  • list.inactiveSelectionBackground#2C313A
  • list.inactiveSelectionForeground#D9DCE8
  • list.warningForeground#F9A26C
  • listFilterWidget.background#282c34
  • listFilterWidget.noMatchesOutline#F17497
  • listFilterWidget.outline#00000000
  • menu.background#1d2025
  • menu.border#1d202580
  • menu.foreground#d6dae7
  • menu.selectionBackground#435472
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d6dae7
  • menu.separatorBackground#435472
  • menubar.selectionBackground#282c34
  • menubar.selectionForeground#d6dae7
  • merge.commonContentBackground#282c34
  • merge.commonHeaderBackground#435472
  • merge.currentContentBackground#93DD8D33
  • merge.currentHeaderBackground#93DD8D66
  • merge.incomingContentBackground#71A5F933
  • merge.incomingHeaderBackground#71A5F966
  • minimap.background#16181a80
  • minimap.errorHighlight#F17497bf
  • minimap.findMatchHighlight#73D6E74d
  • minimap.selectionHighlight#435472bf
  • minimap.selectionOccurrenceHighlight#435472bf
  • minimap.warningHighlight#F9A26Cbf
  • minimapGutter.addedBackground#93DD8Dbf
  • minimapGutter.deletedBackground#F17497bf
  • minimapGutter.modifiedBackground#F7D997bf
  • minimapSlider.activeBackground#BD8FF599
  • minimapSlider.background#BD8FF533
  • minimapSlider.hoverBackground#BD8FF566
  • notebook.cellEditorBackground#2C313A
  • notificationCenter.border#BD8FF5
  • notificationCenterHeader.background#16181a
  • notificationCenterHeader.foreground#d6dae7
  • notificationLink.foreground#71A5F9
  • notifications.background#16181a
  • notifications.border#BD8FF5
  • notifications.foreground#d6dae7
  • notificationsErrorIcon.foreground#F17497
  • notificationsInfoIcon.foreground#71A5F9
  • notificationsWarningIcon.foreground#F9A26C
  • notificationToast.border#BD8FF5
  • panel.background#1d2025
  • panel.border#727480
  • panelSection.border#435472
  • panelSection.dropBackground#BD8FF533
  • panelTitle.activeBorder#BD8FF5
  • panelTitle.activeForeground#d6dae7
  • panelTitle.inactiveForeground#b4b5ba
  • peekView.border#71A5F9
  • peekViewEditor.background#1B1D23
  • peekViewEditor.matchHighlightBackground#73D6E74d
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#16181A
  • peekViewResult.background#1D2025
  • peekViewResult.fileForeground#d6dae7
  • peekViewResult.lineForeground#d6dae7
  • peekViewResult.matchHighlightBackground#73D6E74d
  • peekViewResult.selectionBackground#2C313A
  • peekViewResult.selectionForeground#d6dae7
  • peekViewTitle.background#1B1D23
  • peekViewTitleDescription.foreground#C4C8D4b3
  • peekViewTitleLabel.foreground#d6dae7
  • pickerGroup.border#71A5F9
  • pickerGroup.foreground#BD8FF5
  • problemsErrorIcon.foreground#F17497
  • problemsInfoIcon.foreground#71A5F9
  • problemsWarningIcon.foreground#F9A26C
  • progressBar.background#BD8FF5
  • pullRequests.closed#F17497
  • pullRequests.draft#9C9FA9
  • pullRequests.merged#BD8FF5
  • pullRequests.notification#d6dae7
  • pullRequests.open#93DD8D
  • sash.hoverBorder#BD8FF5
  • scmGraph.foreground1#F7D997
  • scmGraph.foreground2#F17497
  • scmGraph.foreground3#93DD8D
  • scmGraph.foreground4#BD8FF5
  • scmGraph.foreground5#7FDCCD
  • scmGraph.historyItemBaseRefColor#F9A26C
  • scmGraph.historyItemRefColor#71A5F9
  • scmGraph.historyItemRemoteRefColor#BD8FF5
  • scrollbar.shadow#16181a
  • scrollbarSlider.activeBackground#747D9180
  • scrollbarSlider.background#4E566680
  • scrollbarSlider.hoverBackground#5A637580
  • selection.background#BD8FF566
  • settings.dropdownBackground#282c34
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#43547233
  • settings.headerForeground#d6dae7
  • settings.modifiedItemIndicator#BD8FF5
  • settings.numberInputBackground#282c34
  • settings.numberInputBorder#00000000
  • settings.textInputBackground#282c34
  • settings.textInputBorder#00000000
  • sideBar.background#16181A
  • sideBar.border#00000000
  • sideBar.dropBackground#BD8FF533
  • sideBar.foreground#d6dae7
  • sideBarSectionHeader.background#16181A
  • sideBarSectionHeader.foreground#d7dae6
  • sideBarStickyScroll.shadow#16181A
  • sideBarTitle.foreground#BD8FF5
  • statusBar.background#1D2025
  • statusBar.border#00000000
  • statusBar.debuggingBackground#F9A26C
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#9DA5B4
  • statusBar.noFolderBackground#1D2025
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#d6dae7
  • statusBarItem.activeBackground#43547266
  • statusBarItem.errorBackground#00000000
  • statusBarItem.errorForeground#F17497
  • statusBarItem.hoverBackground#2C313A
  • statusBarItem.prominentBackground#00000000
  • statusBarItem.prominentForeground#BD8FF5
  • statusBarItem.prominentHoverBackground#43547233
  • statusBarItem.remoteBackground#71A5F9
  • statusBarItem.remoteForeground#121314
  • statusBarItem.warningBackground#00000000
  • statusBarItem.warningForeground#F9A26C
  • symbolIcon.arrayForeground#F9A26C
  • symbolIcon.booleanForeground#BD8FF5
  • symbolIcon.classForeground#F7D997
  • symbolIcon.colorForeground#F1ACDE
  • symbolIcon.constantForeground#F9A26C
  • symbolIcon.constructorForeground#9AA8FE
  • symbolIcon.enumeratorForeground#F7D997
  • symbolIcon.enumeratorMemberForeground#F7D997
  • symbolIcon.eventForeground#F1ACDE
  • symbolIcon.fieldForeground#d6dae7
  • symbolIcon.fileForeground#BD8FF5
  • symbolIcon.folderForeground#BD8FF5
  • symbolIcon.functionForeground#71A5F9
  • symbolIcon.interfaceForeground#F7D997
  • symbolIcon.keyForeground#7FDCCD
  • symbolIcon.keywordForeground#BD8FF5
  • symbolIcon.methodForeground#71A5F9
  • symbolIcon.moduleForeground#d6dae7
  • symbolIcon.namespaceForeground#F7D997
  • symbolIcon.nullForeground#E68998
  • symbolIcon.numberForeground#F9A26C
  • symbolIcon.objectForeground#F7D997
  • symbolIcon.operatorForeground#7FDCCD
  • symbolIcon.packageForeground#EDBABA
  • symbolIcon.propertyForeground#E68998
  • symbolIcon.referenceForeground#F7D997
  • symbolIcon.snippetForeground#EDBABA
  • symbolIcon.stringForeground#93DD8D
  • symbolIcon.structForeground#7FDCCD
  • symbolIcon.textForeground#d6dae7
  • symbolIcon.typeParameterForeground#E68998
  • symbolIcon.unitForeground#d6dae7
  • symbolIcon.variableForeground#d6dae7
  • tab.activeBackground#21252b
  • tab.activeBorder#00000000
  • tab.activeBorderTop#BD8FF5
  • tab.activeForeground#D9DCE8
  • tab.activeModifiedBorder#F7D997
  • tab.border#181A1F
  • tab.hoverBackground#21252b
  • tab.hoverBorder#00000000
  • tab.hoverForeground#BD8FF5
  • tab.inactiveBackground#1D2025
  • tab.inactiveForeground#727480
  • tab.inactiveModifiedBorder#F7D9974d
  • tab.lastPinnedBorder#BD8FF5
  • tab.unfocusedActiveBackground#1D2025
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#BD8FF54d
  • tab.unfocusedInactiveBackground#16181A
  • table.headerBackground#21252b
  • table.headerForeground#d6dae7
  • terminal.ansiBlack#282c34
  • terminal.ansiBlue#71A5F9
  • terminal.ansiBrightBlack#435472
  • terminal.ansiBrightBlue#74a8fc
  • terminal.ansiBrightCyan#6bd7ca
  • terminal.ansiBrightGreen#89d88b
  • terminal.ansiBrightMagenta#f2aede
  • terminal.ansiBrightRed#f37799
  • terminal.ansiBrightWhite#C4C8D4
  • terminal.ansiBrightYellow#ebd391
  • terminal.ansiCyan#7FDCCD
  • terminal.ansiGreen#93DD8D
  • terminal.ansiMagenta#F1ACDE
  • terminal.ansiRed#F17497
  • terminal.ansiWhite#b4b5ba
  • terminal.ansiYellow#F7D997
  • terminal.border#435472
  • terminal.dropBackground#BD8FF533
  • terminal.foreground#d6dae7
  • terminal.inactiveSelectionBackground#43547280
  • terminal.selectionBackground#435472
  • terminal.tab.activeBorder#BD8FF5
  • terminalCommandDecoration.defaultBackground#435472
  • terminalCommandDecoration.errorBackground#F17497
  • terminalCommandDecoration.successBackground#93DD8D
  • terminalCursor.background#1d2025
  • terminalCursor.foreground#EFCEC7
  • testing.coverCountBadgeBackground#00000000
  • testing.coverCountBadgeForeground#BD8FF5
  • testing.coveredBackground#93DD8D4d
  • testing.coveredBorder#00000000
  • testing.coveredGutterBackground#93DD8D4d
  • testing.iconErrored#F17497
  • testing.iconErrored.retired#F17497
  • testing.iconFailed#F17497
  • testing.iconFailed.retired#F17497
  • testing.iconPassed#93DD8D
  • testing.iconPassed.retired#93DD8D
  • testing.iconQueued#71A5F9
  • testing.iconQueued.retired#71A5F9
  • testing.iconSkipped#b4b5ba
  • testing.iconSkipped.retired#b4b5ba
  • testing.iconUnset#d6dae7
  • testing.iconUnset.retired#d6dae7
  • testing.message.error.lineBackground#F1749726
  • testing.message.info.decorationForeground#93DD8Dcc
  • testing.message.info.lineBackground#93DD8D26
  • testing.messagePeekBorder#BD8FF5
  • testing.messagePeekHeaderBackground#435472
  • testing.peekBorder#BD8FF5
  • testing.peekHeaderBackground#435472
  • testing.runAction#BD8FF5
  • testing.uncoveredBackground#F1749733
  • testing.uncoveredBorder#00000000
  • testing.uncoveredBranchBackground#F1749733
  • testing.uncoveredGutterBackground#F1749740
  • textBlockQuote.background#16181a
  • textBlockQuote.border#121314
  • textCodeBlock.background#16181a
  • textLink.activeForeground#73D6E7
  • textLink.foreground#71A5F9
  • textPreformat.foreground#d6dae7
  • textSeparator.foreground#BD8FF5
  • titleBar.activeBackground#1D2025
  • titleBar.activeForeground#9DA5B4
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1D2025
  • titleBar.inactiveForeground#9DA5B4
  • tree.inactiveIndentGuidesStroke#282c34
  • tree.indentGuidesStroke#9C9FA9
  • walkThrough.embeddedEditorBackground#1d20254d
  • welcomePage.progress.background#121314
  • welcomePage.progress.foreground#BD8FF5
  • welcomePage.tileBackground#16181a
  • widget.shadow#16181a80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.annotation, storage.type.annotation#F9A26C
meta.indexed-name.python, meta.item-access.python#E68998italic
keyword.declaration.function.arrow.js, storage.type.function.arrow.ts#7FDCCD
text, source, variable.other.readwrite, punctuation.definition.variable#D9DCE8
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#F9A26C
constant.language, support.function.builtin#F17497
constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts#BD8FF5
meta.interpolation.cs#D9DCE8
comment.block.documentation.cs#D9DCE8
storage.modifier.specifier.extern.cpp#BD8FF5
storage.modifier.reference.cpp#7FDCCD
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#F7D997
source.css meta.attribute-selector#93DD8D
keyword.other.unit.percentage.css#F9A26C
source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less#71A5F9
support.type.vendored.property-name#73D6E7
entity.name.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct#F7D997italic
source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css#F7D997
comment meta.annotation.go#E68998
comment, punctuation.definition.comment#9C9FA9italic
support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue#F1ACDE
punctuation.decorator.ts#71A5F9italic
meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator#F9A26C
meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff#71A5F9
markup.deleted.diff#F17497
markup.inserted.diff#93DD8D
entity.name.enum#F7D997italic
meta.enum variable.other.readwrite, variable.other.enummember#7FDCCD
meta.property.object#7FDCCD
meta.export variable.other.readwrite.js#E68998
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#BD8FF5
constant.language.gdscript#F9A26C
support.function.builtin.gdscript#71A5F9
constant.language.go#F9A26C
string.unquoted.alias.graphql#EDBABA
constant.character.enum.graphql#7FDCCD
meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql#EDBABA
variable.graphql#D9DCE8
keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag#BD8FF5
entity.other.attribute-name#F7D997
entity.name.tag#71A5F9
variable.other.constant.js, variable.other.constant.ts, variable.other.property.js, variable.other.property.ts#D9DCE8
variable.other.jsdoc, comment.block.documentation variable.other#E68998
storage.type.class.jsdoc
constant.language.json, constant.language.yaml#F9A26C
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#71A5F9
constant.other.enum.java#7FDCCD
storage.modifier.import.java#D9DCE8
comment.block.javadoc.java keyword.other.documentation.javadoc.java
constant.language.julia#F9A26C
support.function.macro.julia#7FDCCDitalic
constant.other.symbol.julia#E68998
text.tex support.function.be#73D6E7
constant.other.general.math.tex#EDBABA
text.tex keyword.control.preamble#7FDCCD
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#E68998
variable.language.liquid#F1ACDE
comment.line.double-dash.documentation.lua storage.type.annotation.lua#BD8FF5
comment.line.double-dash.documentation.lua entity.name.variable.lua, comment.line.double-dash.documentation.lua variable.lua#D9DCE8
punctuation.definition.link, markup.underline.link#71A5F9
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#93DD8D
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#9AA8FE
punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet#7FDCCD
markup.quote, punctuation.definition.quote.begin#F1ACDE
meta.separator.markdown#7FDCCD
fenced_code.block.language#73D6E7
markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc#9C9FA9
markup.heading.quartobold
markup.changed.diff#F9A26C
entity.name.namespace#F7D997
entity.other.attribute-name.multipart.nix, entity.other.attribute-name.single.nix#71A5F9
meta.embedded variable.parameter.name.nix#9AA8FE
variable.parameter.name.nix#D9DCE8
string.unquoted.path.nix#F1ACDE
support.constant.node, support.type.object.module.js#BD8FF5
variable.object.property#D9DCE8
punctuation.separator.operator.css#7FDCCD
support.attribute.builtin, meta.attribute.php#F7D997
constant.language.php#BD8FF5
meta.function.parameters.php punctuation.definition.variable.php#E68998
text.html.php support.function#73D6E7
keyword.other.phpdoc.php
punctuation#9C9FA9
keyword.control.directive, punctuation.definition.directive#F7D997
support.type.property-name.css, support.type.property-name.less#71A5F9
source.css entity.other.attribute-name.pseudo-class#7FDCCD
keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.definition.tag, punctuation.separator.key-value#7FDCCD
variable.parameter.function.language.special.self.python, variable.language.special.self.python#F17497italic
support.variable.magic.python, meta.function-call.arguments.python#D9DCE8
support.function.magic.python#73D6E7italic
support.type.exception.python, support.function.builtin.python#F9A26C
storage.type.string.python#93DD8Ditalic
meta.function.parameters.python
meta.function-call.arguments.r#D9DCE8
meta.function-call.r#71A5F9
keyword.control.anchor.regexp#BD8FF5
punctuation.definition.character-class.regexp#F7D997
constant.other.character-class.regexp#F1ACDE
constant.character.numeric.regexp#F9A26C
punctuation.definition.group.regexp, keyword.other.back-reference.regexp#93DD8D
punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp#71A5F9
keyword.operator.quantifier.regexp#7FDCCD
constant.other.character-class.range.regexp#EFCEC7
string.regexp.ts#D9DCE8
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#F1ACDE
punctuation.brackets.angle.rust#73D6E7
meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust#F7D997italic
meta.attribute.rust string.quoted.double.rust, meta.attribute.rust string.quoted.single.char.rust
meta.function.call.rust variable.other.rust#D9DCE8
constant.other.caps.rust#F9A26C
meta.enum.rust storage.type.source.rust#7FDCCD
meta.function.definition.rust variable.other.rust#E68998
meta.function.call.rust#71A5F9
meta.generic.rust#F9A26C
entity.name.impl.rust#F7D997italic
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#BD8FF5
storage.modifier.lifetime.rust, entity.name.type.lifetime#71A5F9italic
support.macro.rust, meta.macro.rust support.function.rust, entity.name.function.macro.rust#71A5F9italic
variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust#F1ACDE
entity.name.module.rust#F9A26C
meta.function.return-type.rust meta.generic.rust storage.type.rust#D9DCE8
variable.language.self.rust#F17497
string.quoted.double.rust constant.other.placeholder.rust#F1ACDE
storage.type.source.rust#F7D997
entity.name.trait.rust#F7D997italic
entity.name.type.numeric.rust#BD8FF5
entity.name.union.rust#F7D997
entity.name.tag.heredoc.shell#BD8FF5
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#F17497
meta.string meta.interpolation.parameter.shell variable.other.readwrite#F9A26Citalic
string.quoted.double.shell variable.other.normal.shell#D9DCE8
comment.line.shebang, comment.line.shebang punctuation.definition.comment, comment.line.shebang, punctuation.definition.comment.shebang.shell, meta.shebang.shell#F1ACDEitalic
comment.line.shebang constant.language#7FDCCDitalic
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#F17497
string.template variable, string variable#D9DCE8
constant.other.time.datetime.offset.toml#F1ACDE
support.type.property-name.table, entity.name.section.group-title.ini#F7D997
variable.language.this, variable.language.this punctuation.definition.variable#F17497
keyword.operator.newbold
punctuation.definition.typeparameters#73D6E7
meta.type, meta.type-alias, support.type, entity.name.type#F7D997italic
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#F1ACDE
entity.name.type.anchor.yaml, variable.other.alias.yaml#F7D997
entity.other.document.begin.yaml#F1ACDE
constant.character.escape#F1ACDE
variable.other.env#71A5F9
string.quoted variable.other.env#D9DCE8
entity.name.function#71A5F9italic
entity.name.tag.documentation#BD8FF5
support.type.python#BD8FF5italic
entity.other.attribute-name.documentation#F17497
comment meta.annotation.parameters.go#F9A26C
heading.1.markdown.punctuation.definition.heading.markdown#F17497
heading.2.markdown.punctuation.definition.heading.markdown#F9A26C
heading.3.markdown.punctuation.definition.heading.markdown#F7D997
heading.4.markdown.punctuation.definition.heading.markdown#93DD8D
heading.5.markdown.punctuation.definition.heading.markdown#5DBEE9
heading.6.markdown.punctuation.definition.heading.markdown#9AA8FE
storage.modifier.implements#BD8FF5
keyword, keyword.operator.word, keyword.operator.new, variable.language.super, support.type.primitive, storage.type, storage.modifier, punctuation.definition.keyword#BD8FF5
markup.bold#F17497bold
markup.heading.typst#F17497
markup.italic#F17497italic
markup.strikethrough#b4b5bastrikethrough
constant.language.python#F9A26C
meta.function-call.python#71A5F9
entity.name.function.decorator.python, punctuation.definition.decorator.python#F9A26Citalic
support.token.decorator.python, meta.function.decorator.identifier.python#73D6E7
keyword.control.flow.python, keyword.operator.logical.python#BD8FF5
constant.character.format.placeholder.other.python#F1ACDE
storage.type.function.python#BD8FF5
source.css.constant.other.unicode-range#F9A26C
source.css.variable.parameter.url#93DD8D
source.shell.punctuation.section.interpolation#7FDCCD
string, punctuation.definition.string#93DD8D
support.type.object.console.js#D9DCE8
variable.parameter#E68998italic
variable.parameter.generic#F7D997