Skip to main content
Coding Theme

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#7b68d418
  • activityBar.activeBorder#7b68d4
  • activityBar.activeFocusBorder#7b68d4
  • activityBar.background#080810
  • activityBar.border#ffffff0a
  • activityBar.dropBorder#7b68d4
  • activityBar.foreground#9d98be
  • activityBar.inactiveForeground#4a4570
  • activityBarBadge.background#7b68d4
  • activityBarBadge.foreground#eceaf8
  • activityBarTop.activeBorder#7b68d4
  • activityBarTop.dropBorder#7b68d4
  • activityBarTop.foreground#9d98be
  • activityBarTop.inactiveForeground#4a4570
  • badge.background#7b68d4
  • badge.foreground#eceaf8
  • breadcrumb.activeSelectionForeground#eceaf8
  • breadcrumb.background#0e0e1a
  • breadcrumb.focusForeground#9d98be
  • breadcrumb.foreground#4a4570
  • breadcrumbPicker.background#13131f
  • button.background#7b68d4
  • button.border#7b68d460
  • button.foreground#eceaf8
  • button.hoverBackground#8f7ee8
  • button.secondaryBackground#21213a
  • button.secondaryForeground#eceaf8
  • button.secondaryHoverBackground#2a2a4a
  • charts.blue#82aaff
  • charts.foreground#eceaf8
  • charts.green#c3e88d
  • charts.lines#ffffff20
  • charts.orange#f78c6c
  • charts.purple#c792ea
  • charts.red#f07178
  • charts.yellow#ffcb6b
  • chat.avatarBackground#21213a
  • chat.avatarForeground#9d98be
  • chat.editedFileForeground#ffcb6b
  • chat.requestBackground#13131f
  • chat.requestBorder#ffffff0a
  • chat.slashCommandBackground#7b68d420
  • chat.slashCommandForeground#c792ea
  • checkbox.background#13131f
  • checkbox.border#ffffff18
  • checkbox.foreground#eceaf8
  • checkbox.selectBackground#7b68d4
  • checkbox.selectBorder#7b68d4
  • commandCenter.activeBackground#21213a
  • commandCenter.activeBorder#7b68d450
  • commandCenter.activeForeground#eceaf8
  • commandCenter.background#13131f
  • commandCenter.border#ffffff12
  • commandCenter.debuggingBackground#f0717818
  • commandCenter.foreground#9d98be
  • commandCenter.inactiveBorder#ffffff08
  • commandCenter.inactiveForeground#4a4570
  • debugConsole.errorForeground#f07178
  • debugConsole.infoForeground#82aaff
  • debugConsole.sourceForeground#9d98be
  • debugConsole.warningForeground#ffcb6b
  • debugConsoleInputIcon.foreground#c792ea
  • debugIcon.breakpointCurrentStackframeForeground#c3e88d
  • debugIcon.breakpointDisabledForeground#4a4570
  • debugIcon.breakpointForeground#f07178
  • debugIcon.breakpointStackframeForeground#82aaff
  • debugIcon.breakpointUnverifiedForeground#ffcb6b
  • debugIcon.continueForeground#c3e88d
  • debugIcon.disconnectForeground#f07178
  • debugIcon.pauseForeground#ffcb6b
  • debugIcon.restartForeground#c3e88d
  • debugIcon.startForeground#c3e88d
  • debugIcon.stepBackForeground#9d98be
  • debugIcon.stepIntoForeground#82aaff
  • debugIcon.stepOutForeground#82aaff
  • debugIcon.stepOverForeground#82aaff
  • debugIcon.stopForeground#f07178
  • debugTokenExpression.boolean#c792ea
  • debugTokenExpression.error#f07178
  • debugTokenExpression.name#82aaff
  • debugTokenExpression.number#f78c6c
  • debugTokenExpression.string#c3e88d
  • debugTokenExpression.value#c3e88d
  • debugToolBar.background#13131f
  • debugToolBar.border#ffffff0f
  • debugView.exceptionLabelBackground#f0717820
  • debugView.exceptionLabelForeground#f07178
  • debugView.stateLabelBackground#c3e88d20
  • debugView.stateLabelForeground#c3e88d
  • debugView.valueChangedHighlight#82aaff
  • descriptionForeground#9d98be
  • diffEditor.border#ffffff0a
  • diffEditor.diagonalFill#ffffff08
  • diffEditor.insertedLineBackground#c3e88d10
  • diffEditor.insertedTextBackground#c3e88d15
  • diffEditor.insertedTextBorder#c3e88d00
  • diffEditor.move.border#7b68d450
  • diffEditor.moveActive.border#7b68d4
  • diffEditor.removedLineBackground#f0717810
  • diffEditor.removedTextBackground#f0717815
  • diffEditor.removedTextBorder#f0717800
  • diffEditor.unchangedCodeBackground#0e0e1a
  • diffEditor.unchangedRegionBackground#0e0e1a
  • diffEditor.unchangedRegionForeground#4a4570
  • diffEditorGutter.insertedLineBackground#c3e88d20
  • diffEditorGutter.removedLineBackground#f0717820
  • diffEditorOverview.insertedForeground#c3e88d80
  • diffEditorOverview.removedForeground#f0717880
  • disabledForeground#4a4570
  • dropdown.background#13131f
  • dropdown.border#ffffff12
  • dropdown.foreground#eceaf8
  • dropdown.listBackground#0e0e1a
  • editor.background#0e0e1a
  • editor.findMatchBackground#c792ea35
  • editor.findMatchBorder#c792ea
  • editor.findMatchHighlightBackground#c792ea20
  • editor.findMatchHighlightBorder#c792ea50
  • editor.findRangeHighlightBackground#7b68d415
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#c3e88d18
  • editor.foreground#eceaf8
  • editor.hoverHighlightBackground#82aaff12
  • editor.inactiveSelectionBackground#7b68d420
  • editor.lineHighlightBackground#c792ea08
  • editor.lineHighlightBorder#c792ea12
  • editor.linkedEditingBackground#c792ea15
  • editor.rangeHighlightBackground#7b68d412
  • editor.rangeHighlightBorder#7b68d420
  • editor.selectionBackground#7b68d432
  • editor.selectionForeground#eceaf8
  • editor.selectionHighlightBackground#7b68d420
  • editor.selectionHighlightBorder#7b68d440
  • editor.stackFrameHighlightBackground#ffcb6b18
  • editor.symbolHighlightBackground#ffcb6b18
  • editor.symbolHighlightBorder#ffcb6b30
  • editor.wordHighlightBackground#82aaff18
  • editor.wordHighlightBorder#82aaff30
  • editor.wordHighlightStrongBackground#c792ea18
  • editor.wordHighlightStrongBorder#c792ea30
  • editor.wordHighlightTextBackground#f07178 18
  • editor.wordHighlightTextBorder#f0717830
  • editorBracketHighlight.foreground1#c792ea
  • editorBracketHighlight.foreground2#89ddff
  • editorBracketHighlight.foreground3#ffcb6b
  • editorBracketHighlight.foreground4#c3e88d
  • editorBracketHighlight.foreground5#f07178
  • editorBracketHighlight.foreground6#82aaff
  • editorBracketHighlight.unexpectedBracket.foreground#f07178
  • editorBracketMatch.background#7b68d425
  • editorBracketMatch.border#7b68d4
  • editorBracketPairGuide.activeBackground1#c792ea40
  • editorBracketPairGuide.activeBackground2#89ddff40
  • editorBracketPairGuide.activeBackground3#ffcb6b40
  • editorBracketPairGuide.activeBackground4#c3e88d40
  • editorBracketPairGuide.activeBackground5#f0717840
  • editorBracketPairGuide.activeBackground6#82aaff40
  • editorBracketPairGuide.background1#c792ea10
  • editorBracketPairGuide.background2#89ddff10
  • editorBracketPairGuide.background3#ffcb6b10
  • editorBracketPairGuide.background4#c3e88d10
  • editorBracketPairGuide.background5#f0717810
  • editorBracketPairGuide.background6#82aaff10
  • editorCodeLens.foreground#4a4570
  • editorCommentsWidget.rangeActiveBackground#c792ea18
  • editorCommentsWidget.rangeBackground#c792ea10
  • editorCommentsWidget.resolvedBorder#ffffff18
  • editorCommentsWidget.unresolvedBorder#c792ea
  • editorCursor.background#0e0e1a
  • editorCursor.foreground#c792ea
  • editorError.background#f0717810
  • editorError.border#f0717800
  • editorError.foreground#f07178
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#4a4570
  • editorGroup.border#ffffff0a
  • editorGroup.dropBackground#7b68d415
  • editorGroup.dropIntoPromptForeground#eceaf8
  • editorGroup.emptyBackground#0e0e1a
  • editorGroup.focusedEmptyBorder#7b68d440
  • editorGroupHeader.border#ffffff0a
  • editorGroupHeader.noTabsBackground#0e0e1a
  • editorGroupHeader.tabsBackground#080810
  • editorGroupHeader.tabsBorder#ffffff0a
  • editorGutter.addedBackground#c3e88d
  • editorGutter.background#0e0e1a
  • editorGutter.commentGlyphForeground#7b68d4
  • editorGutter.commentRangeForeground#4a4570
  • editorGutter.commentUnresolvedGlyphForeground#ffcb6b
  • editorGutter.deletedBackground#f07178
  • editorGutter.foldingControlForeground#4a4570
  • editorGutter.modifiedBackground#82aaff
  • editorHint.border#c3e88d00
  • editorHint.foreground#c3e88d
  • editorHoverWidget.background#13131f
  • editorHoverWidget.border#ffffff0f
  • editorHoverWidget.foreground#eceaf8
  • editorHoverWidget.highlightForeground#c792ea
  • editorHoverWidget.statusBarBackground#0e0e1a
  • editorIndentGuide.activeBackground1#7b68d470
  • editorIndentGuide.background1#7b68d428
  • editorInfo.background#82aaff10
  • editorInfo.border#82aaff00
  • editorInfo.foreground#82aaff
  • editorInlayHint.background#21213a
  • editorInlayHint.foreground#4a4570
  • editorInlayHint.parameterBackground#21213a
  • editorInlayHint.parameterForeground#9d98be
  • editorInlayHint.typeBackground#21213a
  • editorInlayHint.typeForeground#7b68d4
  • editorLightBulb.foreground#ffcb6b
  • editorLightBulbAi.foreground#c792ea
  • editorLightBulbAutoFix.foreground#c3e88d
  • editorLineNumber.activeForeground#6e6a8e
  • editorLineNumber.dimmedForeground#1e1c38
  • editorLineNumber.foreground#2e2b50
  • editorLink.activeForeground#89ddff
  • editorMultiCursor.primary.foreground#c792ea
  • editorMultiCursor.secondary.foreground#82aaff
  • editorOverviewRuler.addedForeground#c3e88d80
  • editorOverviewRuler.background#0b0b16
  • editorOverviewRuler.border#ffffff08
  • editorOverviewRuler.bracketMatchForeground#7b68d480
  • editorOverviewRuler.deletedForeground#f0717880
  • editorOverviewRuler.errorForeground#f0717880
  • editorOverviewRuler.findMatchForeground#c792ea80
  • editorOverviewRuler.infoForeground#82aaff80
  • editorOverviewRuler.inlineChatInserted#c3e88d40
  • editorOverviewRuler.inlineChatRemoved#f0717840
  • editorOverviewRuler.modifiedForeground#82aaff80
  • editorOverviewRuler.rangeHighlightForeground#7b68d480
  • editorOverviewRuler.selectionHighlightForeground#7b68d460
  • editorOverviewRuler.warningForeground#ffcb6b80
  • editorOverviewRuler.wordHighlightForeground#82aaff80
  • editorOverviewRuler.wordHighlightStrongForeground#c792ea80
  • editorOverviewRuler.wordHighlightTextForeground#f0717880
  • editorRuler.foreground#ffffff08
  • editorStickyScroll.background#0e0e1a
  • editorStickyScroll.border#ffffff08
  • editorStickyScroll.shadow#00000044
  • editorStickyScrollHover.background#13131f
  • editorSuggestWidget.background#13131f
  • editorSuggestWidget.border#ffffff0f
  • editorSuggestWidget.focusHighlightForeground#c792ea
  • editorSuggestWidget.foreground#eceaf8
  • editorSuggestWidget.highlightForeground#c792ea
  • editorSuggestWidget.selectedBackground#7b68d428
  • editorSuggestWidget.selectedForeground#eceaf8
  • editorSuggestWidget.selectedIconForeground#c792ea
  • editorSuggestWidgetStatus.foreground#4a4570
  • editorUnicodeHighlight.background#ffcb6b15
  • editorUnicodeHighlight.border#ffcb6b
  • editorUnnecessaryCode.border#4a4570
  • editorUnnecessaryCode.opacity#00000080
  • editorWarning.background#ffcb6b10
  • editorWarning.border#ffcb6b00
  • editorWarning.foreground#ffcb6b
  • editorWhitespace.foreground#ffffff0a
  • editorWidget.background#13131f
  • editorWidget.border#ffffff0f
  • editorWidget.foreground#eceaf8
  • editorWidget.resizeBorder#7b68d4
  • errorForeground#f07178
  • extensionBadge.remoteBackground#7b68d4
  • extensionBadge.remoteForeground#eceaf8
  • extensionButton.background#7b68d4
  • extensionButton.foreground#eceaf8
  • extensionButton.hoverBackground#8f7ee8
  • extensionButton.prominentBackground#7b68d4
  • extensionButton.prominentForeground#eceaf8
  • extensionButton.prominentHoverBackground#8f7ee8
  • extensionButton.separator#ffffff20
  • extensionIcon.preReleaseForeground#c792ea
  • extensionIcon.sponsorForeground#f07178
  • extensionIcon.starForeground#ffcb6b
  • extensionIcon.verifiedForeground#c3e88d
  • focusBorder#7b68d440
  • foreground#eceaf8
  • gitDecoration.addedResourceForeground#c3e88d
  • gitDecoration.conflictingResourceForeground#f07178
  • gitDecoration.deletedResourceForeground#f07178
  • gitDecoration.ignoredResourceForeground#4a4570
  • gitDecoration.modifiedResourceForeground#82aaff
  • gitDecoration.renamedResourceForeground#ffcb6b
  • gitDecoration.stageDeletedResourceForeground#f07178
  • gitDecoration.stageModifiedResourceForeground#82aaff
  • gitDecoration.submoduleResourceForeground#89ddff
  • gitDecoration.untrackedResourceForeground#c3e88d
  • icon.foreground#9d98be
  • inlineChat.background#13131f
  • inlineChat.border#7b68d440
  • inlineChat.shadow#00000066
  • inlineChatDiff.inserted#c3e88d18
  • inlineChatDiff.removed#f0717818
  • inlineChatInput.background#0e0e1a
  • inlineChatInput.border#7b68d440
  • inlineChatInput.focusBorder#7b68d4
  • inlineChatInput.placeholderForeground#4a4570
  • input.background#0e0e1a
  • input.border#ffffff12
  • input.foreground#eceaf8
  • input.placeholderForeground#4a4570
  • inputOption.activeBackground#7b68d430
  • inputOption.activeBorder#7b68d4
  • inputOption.activeForeground#eceaf8
  • inputOption.hoverBackground#21213a
  • inputValidation.errorBackground#1a0e10
  • inputValidation.errorBorder#f07178
  • inputValidation.errorForeground#f07178
  • inputValidation.infoBackground#0e111a
  • inputValidation.infoBorder#82aaff
  • inputValidation.infoForeground#82aaff
  • inputValidation.warningBackground#1a1508
  • inputValidation.warningBorder#ffcb6b
  • inputValidation.warningForeground#ffcb6b
  • keybindingLabel.background#21213a
  • keybindingLabel.border#ffffff12
  • keybindingLabel.bottomBorder#ffffff18
  • keybindingLabel.foreground#9d98be
  • keybindingTable.headerBackground#13131f
  • keybindingTable.rowsBackground#0e0e1a
  • list.activeSelectionBackground#7b68d425
  • list.activeSelectionForeground#eceaf8
  • list.activeSelectionIconForeground#c792ea
  • list.deemphasizedForeground#4a4570
  • list.dropBackground#7b68d420
  • list.errorForeground#f07178
  • list.filterMatchBackground#c792ea20
  • list.filterMatchBorder#c792ea40
  • list.focusBackground#7b68d420
  • list.focusForeground#eceaf8
  • list.focusHighlightForeground#c792ea
  • list.focusOutline#7b68d440
  • list.highlightForeground#c792ea
  • list.hoverBackground#21213a
  • list.hoverForeground#eceaf8
  • list.inactiveFocusBackground#1a1a2e
  • list.inactiveSelectionBackground#21213a
  • list.inactiveSelectionForeground#eceaf8
  • list.inactiveSelectionIconForeground#9d98be
  • list.invalidItemForeground#f07178
  • list.warningForeground#ffcb6b
  • listFilterWidget.background#13131f
  • listFilterWidget.noMatchesOutline#f07178
  • listFilterWidget.outline#7b68d4
  • listFilterWidget.shadow#00000066
  • menu.background#13131f
  • menu.border#ffffff0f
  • menu.foreground#eceaf8
  • menu.selectionBackground#7b68d430
  • menu.selectionBorder#00000000
  • menu.selectionForeground#eceaf8
  • menu.separatorBackground#ffffff10
  • menubar.selectionBackground#7b68d425
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#eceaf8
  • mergeEditor.change.background#82aaff12
  • mergeEditor.change.word.background#82aaff25
  • mergeEditor.changeBase.background#f07178 12
  • mergeEditor.changeBase.word.background#f0717825
  • mergeEditor.conflict.handled.minimapOverViewRuler#c3e88d80
  • mergeEditor.conflict.handledFocused.border#c3e88d
  • mergeEditor.conflict.handledUnfocused.border#c3e88d40
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#ffcb6b80
  • mergeEditor.conflict.unhandledFocused.border#ffcb6b
  • mergeEditor.conflict.unhandledUnfocused.border#ffcb6b60
  • mergeEditor.conflictingLines.background#ffcb6b10
  • minimap.background#0b0b16
  • minimap.errorHighlight#f0717880
  • minimap.findMatchHighlight#c792ea50
  • minimap.selectionHighlight#7b68d440
  • minimap.warningHighlight#ffcb6b80
  • minimapGutter.addedBackground#c3e88d80
  • minimapGutter.deletedBackground#f0717880
  • minimapGutter.modifiedBackground#82aaff80
  • minimapSlider.activeBackground#7b68d430
  • minimapSlider.background#ffffff08
  • minimapSlider.hoverBackground#ffffff12
  • notebook.cellBorderColor#ffffff0a
  • notebook.cellEditorBackground#0e0e1a
  • notebook.cellHoverBackground#13131f
  • notebook.cellInsertionIndicator#7b68d4
  • notebook.cellStatusBarItemHoverBackground#21213a
  • notebook.cellToolbarSeparator#ffffff0a
  • notebook.focusedCellBackground#13131f
  • notebook.focusedCellBorder#7b68d440
  • notebook.focusedEditorBorder#7b68d440
  • notebook.inactiveFocusedCellBorder#ffffff12
  • notebook.inactiveSelectedCellBorder#ffffff0a
  • notebook.outputContainerBackgroundColor#0b0b16
  • notebook.outputContainerBorderColor#ffffff0a
  • notebook.selectedCellBackground#13131f
  • notebook.selectedCellBorder#7b68d440
  • notebook.symbolHighlightBackground#ffcb6b15
  • notebookEditorOverviewRuler.runningCellForeground#82aaff
  • notebookScrollbarSlider.activeBackground#7b68d460
  • notebookScrollbarSlider.background#ffffff10
  • notebookScrollbarSlider.hoverBackground#ffffff1a
  • notebookStatusErrorIcon.foreground#f07178
  • notebookStatusRunningIcon.foreground#82aaff
  • notebookStatusSuccessIcon.foreground#c3e88d
  • notificationCenter.border#ffffff0f
  • notificationCenterHeader.background#13131f
  • notificationCenterHeader.foreground#9d98be
  • notificationLink.foreground#82aaff
  • notifications.background#13131f
  • notifications.border#ffffff0a
  • notifications.foreground#eceaf8
  • notificationsErrorIcon.foreground#f07178
  • notificationsInfoIcon.foreground#82aaff
  • notificationsWarningIcon.foreground#ffcb6b
  • notificationToast.border#ffffff0f
  • panel.background#0b0b16
  • panel.border#ffffff0a
  • panel.dropBorder#7b68d4
  • panelInput.border#ffffff12
  • panelSection.border#ffffff0a
  • panelSection.dropBackground#7b68d415
  • panelSectionHeader.background#080810
  • panelSectionHeader.border#ffffff08
  • panelSectionHeader.foreground#9d98be
  • panelStickyScroll.background#0b0b16
  • panelStickyScroll.border#ffffff08
  • panelStickyScroll.shadow#00000044
  • panelTitle.activeBorder#7b68d4
  • panelTitle.activeForeground#eceaf8
  • panelTitle.inactiveForeground#4a4570
  • peekViewEditor.background#0b0b16
  • peekViewEditor.matchHighlightBackground#c792ea25
  • peekViewEditor.matchHighlightBorder#c792ea50
  • peekViewEditorGutter.background#0e0e1a
  • peekViewEditorStickyScroll.background#13131f
  • peekViewResult.background#13131f
  • peekViewResult.fileForeground#eceaf8
  • peekViewResult.lineForeground#9d98be
  • peekViewResult.matchHighlightBackground#c792ea30
  • peekViewResult.selectionBackground#7b68d428
  • peekViewResult.selectionForeground#eceaf8
  • peekViewTitle.background#0e0e1a
  • peekViewTitleDescription.foreground#9d98be
  • peekViewTitleLabel.foreground#eceaf8
  • pickerGroup.border#ffffff0a
  • pickerGroup.foreground#4a4570
  • ports.iconRunningProcessForeground#c3e88d
  • problemsErrorIcon.foreground#f07178
  • problemsInfoIcon.foreground#82aaff
  • problemsWarningIcon.foreground#ffcb6b
  • profileBadge.background#7b68d4
  • profileBadge.foreground#eceaf8
  • progressBar.background#7b68d4
  • quickInput.background#13131f
  • quickInput.foreground#eceaf8
  • quickInputList.focusBackground#7b68d428
  • quickInputList.focusForeground#eceaf8
  • quickInputList.focusIconForeground#c792ea
  • quickInputTitle.background#0e0e1a
  • sash.hoverBorder#7b68d4
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#7b68d460
  • scrollbarSlider.background#ffffff10
  • scrollbarSlider.hoverBackground#ffffff1a
  • searchEditor.findMatchBackground#c792ea25
  • searchEditor.findMatchBorder#c792ea60
  • searchEditor.textInputBorder#ffffff12
  • selection.background#7b68d430
  • settings.checkboxBackground#13131f
  • settings.checkboxBorder#ffffff18
  • settings.checkboxForeground#eceaf8
  • settings.dropdownBackground#13131f
  • settings.dropdownBorder#ffffff12
  • settings.dropdownForeground#eceaf8
  • settings.dropdownListBorder#ffffff0f
  • settings.focusedRowBackground#13131f
  • settings.focusedRowBorder#7b68d440
  • settings.headerBorder#ffffff0a
  • settings.headerForeground#eceaf8
  • settings.modifiedItemIndicator#7b68d4
  • settings.numberInputBackground#0e0e1a
  • settings.numberInputBorder#ffffff12
  • settings.numberInputForeground#eceaf8
  • settings.rowHoverBackground#13131f
  • settings.sashBorder#ffffff0a
  • settings.settingsHeaderHoverForeground#c792ea
  • settings.textInputBackground#0e0e1a
  • settings.textInputBorder#ffffff12
  • settings.textInputForeground#eceaf8
  • sideBar.background#0b0b16
  • sideBar.border#ffffff0a
  • sideBar.dropBackground#7b68d420
  • sideBar.foreground#9d98be
  • sideBarActivityBarTop.border#ffffff0a
  • sideBarSectionHeader.background#080810
  • sideBarSectionHeader.border#ffffff08
  • sideBarSectionHeader.foreground#4a4570
  • sideBarTitle.foreground#4a4570
  • statusBar.background#0e0e1a
  • statusBar.border#7b68d420
  • statusBar.debuggingBackground#f07178
  • statusBar.debuggingBorder#f07178
  • statusBar.debuggingForeground#0e0e1a
  • statusBar.focusBorder#7b68d4
  • statusBar.foreground#6e6a8e
  • statusBar.noFolderBackground#080810
  • statusBar.noFolderBorder#ffffff08
  • statusBar.noFolderForeground#4a4570
  • statusBarItem.activeBackground#7b68d430
  • statusBarItem.compactHoverBackground#7b68d430
  • statusBarItem.errorBackground#f0717830
  • statusBarItem.errorForeground#f07178
  • statusBarItem.errorHoverBackground#f0717840
  • statusBarItem.errorHoverForeground#f07178
  • statusBarItem.focusBorder#7b68d4
  • statusBarItem.hoverBackground#7b68d420
  • statusBarItem.hoverForeground#eceaf8
  • statusBarItem.offlineBackground#4a4570
  • statusBarItem.offlineForeground#eceaf8
  • statusBarItem.offlineHoverBackground#5a5580
  • statusBarItem.offlineHoverForeground#eceaf8
  • statusBarItem.prominentBackground#7b68d430
  • statusBarItem.prominentForeground#eceaf8
  • statusBarItem.prominentHoverBackground#7b68d440
  • statusBarItem.prominentHoverForeground#eceaf8
  • statusBarItem.remoteBackground#7b68d4
  • statusBarItem.remoteForeground#eceaf8
  • statusBarItem.remoteHoverBackground#8f7ee8
  • statusBarItem.remoteHoverForeground#eceaf8
  • statusBarItem.warningBackground#ffcb6b20
  • statusBarItem.warningForeground#ffcb6b
  • statusBarItem.warningHoverBackground#ffcb6b30
  • statusBarItem.warningHoverForeground#ffcb6b
  • symbolIcon.arrayForeground#f78c6c
  • symbolIcon.booleanForeground#c792ea
  • symbolIcon.classForeground#ffcb6b
  • symbolIcon.colorForeground#f07178
  • symbolIcon.constantForeground#f78c6c
  • symbolIcon.constructorForeground#82aaff
  • symbolIcon.enumeratorForeground#ffcb6b
  • symbolIcon.enumeratorMemberForeground#f78c6c
  • symbolIcon.eventForeground#f07178
  • symbolIcon.fieldForeground#bfc7d5
  • symbolIcon.fileForeground#9d98be
  • symbolIcon.folderForeground#9d98be
  • symbolIcon.functionForeground#82aaff
  • symbolIcon.interfaceForeground#ffcb6b
  • symbolIcon.keyForeground#89ddff
  • symbolIcon.keywordForeground#c792ea
  • symbolIcon.methodForeground#82aaff
  • symbolIcon.moduleForeground#eceaf8
  • symbolIcon.namespaceForeground#89ddff
  • symbolIcon.nullForeground#4a4570
  • symbolIcon.numberForeground#f78c6c
  • symbolIcon.objectForeground#ffcb6b
  • symbolIcon.operatorForeground#89ddff
  • symbolIcon.packageForeground#ffcb6b
  • symbolIcon.propertyForeground#bfc7d5
  • symbolIcon.referenceForeground#82aaff
  • symbolIcon.snippetForeground#c3e88d
  • symbolIcon.stringForeground#c3e88d
  • symbolIcon.structForeground#ffcb6b
  • symbolIcon.textForeground#eceaf8
  • symbolIcon.typeParameterForeground#ffcb6b
  • symbolIcon.unitForeground#f78c6c
  • symbolIcon.variableForeground#eceaf8
  • tab.activeBackground#0e0e1a
  • tab.activeBorder#7b68d4
  • tab.activeBorderTop#00000000
  • tab.activeForeground#eceaf8
  • tab.border#ffffff00
  • tab.dragAndDropBorder#7b68d4
  • tab.hoverBackground#13131f
  • tab.hoverBorder#00000000
  • tab.hoverForeground#9d98be
  • tab.inactiveBackground#080810
  • tab.inactiveForeground#4a4570
  • tab.lastPinnedBorder#ffffff12
  • tab.selectedBorderTop#7b68d4
  • tab.unfocusedActiveBackground#0e0e1a
  • tab.unfocusedActiveBorder#4a4570
  • tab.unfocusedActiveForeground#9d98be
  • tab.unfocusedHoverBackground#13131f
  • tab.unfocusedHoverForeground#9d98be
  • tab.unfocusedInactiveBackground#080810
  • tab.unfocusedInactiveForeground#4a4570
  • terminal.ansiBlack#1e1c38
  • terminal.ansiBlue#82aaff
  • terminal.ansiBrightBlack#4a4570
  • terminal.ansiBrightBlue#9ebbff
  • terminal.ansiBrightCyan#a3eeff
  • terminal.ansiBrightGreen#daffa5
  • terminal.ansiBrightMagenta#e1acff
  • terminal.ansiBrightRed#ff8b92
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffe585
  • terminal.ansiCyan#89ddff
  • terminal.ansiGreen#c3e88d
  • terminal.ansiMagenta#c792ea
  • terminal.ansiRed#f07178
  • terminal.ansiWhite#eceaf8
  • terminal.ansiYellow#ffcb6b
  • terminal.background#080810
  • terminal.border#ffffff0a
  • terminal.dropBackground#7b68d420
  • terminal.findMatchBackground#c792ea35
  • terminal.findMatchBorder#c792ea
  • terminal.findMatchHighlightBackground#c792ea20
  • terminal.findMatchHighlightBorder#c792ea50
  • terminal.foreground#eceaf8
  • terminal.inactiveSelectionBackground#7b68d420
  • terminal.selectionBackground#7b68d432
  • terminal.selectionForeground#eceaf8
  • terminal.tab.activeBorder#7b68d4
  • terminalCommandDecoration.defaultBackground#4a4570
  • terminalCommandDecoration.errorBackground#f07178
  • terminalCommandDecoration.successBackground#c3e88d
  • terminalCursor.background#0e0e1a
  • terminalCursor.foreground#c792ea
  • terminalOverviewRuler.cursorForeground#c792ea80
  • terminalOverviewRuler.findMatchForeground#c792ea80
  • testing.coveredBackground#c3e88d10
  • testing.coveredBorder#c3e88d30
  • testing.coveredGutterBackground#c3e88d25
  • testing.iconErrored#f07178
  • testing.iconFailed#f07178
  • testing.iconPassed#c3e88d
  • testing.iconQueued#ffcb6b
  • testing.iconSkipped#4a4570
  • testing.iconUnset#9d98be
  • testing.peekBorder#f07178
  • testing.peekHeaderBackground#f0717810
  • testing.runAction#82aaff
  • testing.uncoveredBackground#f0717810
  • testing.uncoveredBorder#f0717830
  • testing.uncoveredBranchBackground#f0717818
  • testing.uncoveredGutterBackground#f0717825
  • textBlockQuote.background#13131f
  • textBlockQuote.border#7b68d4
  • textCodeBlock.background#0e0e1a
  • textLink.activeForeground#89ddff
  • textLink.foreground#82aaff
  • textPreformat.foreground#c3e88d
  • textSeparator.foreground#4a4570
  • titleBar.activeBackground#080810
  • titleBar.activeForeground#9d98be
  • titleBar.border#ffffff0a
  • titleBar.inactiveBackground#080810
  • titleBar.inactiveForeground#4a4570
  • tree.inactiveIndentGuidesStroke#7b68d420
  • tree.indentGuidesStroke#7b68d445
  • tree.tableColumnsBorder#ffffff0a
  • tree.tableOddRowsBackground#ffffff03
  • walkThrough.embeddedEditorBackground#0e0e1a
  • walkthrough.stepTitle.foreground#eceaf8
  • welcomePage.background#080810
  • welcomePage.progress.background#21213a
  • welcomePage.progress.foreground#7b68d4
  • welcomePage.tileBackground#13131f
  • welcomePage.tileBorder#ffffff0a
  • welcomePage.tileHoverBackground#1a1a2e
  • widget.border#ffffff0f
  • widget.shadow#00000088
  • window.activeBorder#7b68d430
  • window.inactiveBorder#ffffff08

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4a4570italic
comment keyword#6e6a8eitalic bold
comment.block.documentation punctuation.definition.block.tag, comment.block.documentation storage.type.class#6e6a8eitalic
string, string.quoted, string.template#c3e88d
constant.character.escape, string.regexp, keyword.other.unit#89ddff
punctuation.definition.template-expression, punctuation.section.embedded#f78c6c
constant.numeric, constant.numeric.decimal, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal#f78c6c
constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan#c792ea
constant.language#c792ea
constant.other, variable.other.constant#f78c6c
keyword, keyword.control, keyword.operator.expression, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.in, keyword.operator.instanceof#c792ea
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default#89ddff
storage, storage.type, storage.modifier#c792ea
storage.type.function, storage.type.class, storage.type.arrow#c792ea
keyword.control.flow, keyword.control.async, keyword.control.await#c792ea
entity.name.type, entity.other.inherited-class, support.type, support.class#ffcb6b
meta.type.parameters, meta.type.annotation#ffcb6b
entity.name.type.interface#ffcb6bitalic
entity.name.function, meta.function entity.name.function, meta.definition.method entity.name.function#82aaff
meta.function-call entity.name.function, meta.function-call.generic, support.function#82aaff
meta.method-call entity.name.function, meta.method.identifier entity.name.function#82aaff
variable.parameter, meta.function.parameter#f07178
variable, variable.other.readwrite#eceaf8
variable.language.this, variable.language.self#f07178italic
variable.language.super#f07178
variable.other.object.property, meta.object-literal.key, support.type.property-name#bfc7d5
meta.binding.name.destructured, meta.array.literal variable.other#eceaf8
entity.name.class, entity.name.type.class#ffcb6b
meta.constructor entity.name.function#82aaff
meta.decorator, punctuation.decorator#c792eaitalic
keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment, keyword.operator.bitwise, keyword.operator.ternary#89ddff
punctuation, meta.brace, punctuation.definition.block, punctuation.separator, punctuation.terminator#bfc7d5
entity.name.tag, meta.tag entity.name.tag#f07178
entity.other.attribute-name#c792ea
meta.attribute-with-value string#c3e88d
punctuation.definition.tag, punctuation.separator.key-value.html#89ddff
support.class.component, entity.name.tag.js.jsx, entity.name.tag.tsx#ffcb6b
punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx#89ddff
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#f07178
support.type.property-name.css, meta.property-name.css#89ddff
support.constant.property-value.css, meta.property-value.css#c3e88d
keyword.other.unit.css, constant.other.color.rgb-value.css, support.constant.color.css#f78c6c
variable.css, variable.argument.css#f07178
keyword.control.at-rule.css, keyword.control.at-rule.media.css#c792ea
variable.scss, variable.sass#f07178
keyword.control.flow.python, storage.type.function.python, storage.type.class.python#c792ea
entity.name.function.decorator.python, meta.function.decorator.python#c792eaitalic
support.function.builtin.python#82aaff
support.function.magic.python#82aaffitalic
variable.parameter.function.language.special.self.python#f07178italic
string.interpolated.python#c3e88d
meta.function.python meta.function.parameters.python meta.parameter.python#f07178
storage.modifier.lifetime.rust, entity.name.lifetime.rust#f07178italic
support.macro.rust, entity.name.function.macro.rust#c792ea
entity.name.type.trait.rust#ffcb6bitalic
keyword.other.unsafe.rust#f07178
meta.attribute.rust, keyword.other.attribute.rust#c792eaitalic
keyword.package.go, keyword.import.go#89ddff
storage.type.go#ffcb6b
support.function.builtin.go#82aaff
support.type.property-name.json, meta.object-literal.key.json string#82aaff
meta.structure.dictionary.value.json string#c3e88d
meta.structure.dictionary.value.json constant.numeric#f78c6c
meta.structure.dictionary.value.json constant.language#c792ea
meta.structure.dictionary.value.json constant.language.null#4a4570
entity.name.tag.yaml#82aaff
entity.name.type.anchor.yaml, variable.other.alias.yaml#f07178
markup.heading, entity.name.section.markdown#82aaffbold
markup.bold#eceaf8bold
markup.italic#eceaf8italic
markup.inline.raw, markup.fenced_code.block#c3e88d
markup.underline.link, string.other.link.title.markdown#89ddff
markup.quote#4a4570italic
punctuation.definition.list.begin.markdown#c792ea
meta.separator.markdown#21213a
support.function.builtin.shell#82aaff
variable.other.normal.shell, variable.other.bracket.shell#eceaf8
string.quoted.double.shell, string.quoted.single.shell#c3e88d
meta.selectionset.graphql variable#82aaff
support.type.graphql#ffcb6b
invalid, invalid.deprecated#f07178italic underline
Void Aurora by ZATRANO - VS Code Theme