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#0090BE20
  • activityBar.activeBorder#0090BE
  • activityBar.activeFocusBorder#0090BE
  • activityBar.background#141118
  • activityBar.border#2A2636
  • activityBar.dropBorder#0090BE
  • activityBar.foreground#FCBA05
  • activityBar.inactiveForeground#FCBA0590
  • activityBarBadge.background#FCBA05
  • activityBarBadge.foreground#1E1B24
  • activityBarTop.activeBackground#0090BE10
  • activityBarTop.activeBorder#0090BE
  • activityBarTop.background#1E1B24
  • activityBarTop.dropBorder#0090BE
  • activityBarTop.foreground#FCBA05
  • activityBarTop.inactiveForeground#A89B8D
  • activityErrorBadge.background#F0455D
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#DD5F00
  • activityWarningBadge.foreground#FFFFFF
  • badge.background#F0455D
  • badge.foreground#FFFFFF
  • banner.background#2A2636
  • banner.foreground#E8DDD0
  • banner.iconForeground#FCBA05
  • breadcrumb.activeSelectionForeground#FCBA05
  • breadcrumb.focusForeground#FCBA05
  • breadcrumb.foreground#A89B8D
  • breadcrumbPicker.background#262230
  • button.background#C9122B
  • button.border#C9122B
  • button.foreground#FFFFFF
  • button.hoverBackground#E0203A
  • button.secondaryBackground#0090BE
  • button.secondaryForeground#FFFFFF
  • button.secondaryHoverBackground#00A0D0
  • button.separator#FFFFFF40
  • chat.avatarBackground#2A2636
  • chat.avatarForeground#E8DDD0
  • chat.editedFileForeground#DD5F00
  • chat.linesAddedForeground#0E9783
  • chat.linesRemovedForeground#F0455D
  • chat.requestBackground#2A263610
  • chat.requestBorder#3D3650
  • chat.slashCommandBackground#2A2636
  • chat.slashCommandForeground#F0455D
  • checkbox.background#262230
  • checkbox.border#3D3650
  • checkbox.foreground#0090BE
  • checkbox.selectBackground#0090BE15
  • commandCenter.activeBackground#2A2636
  • commandCenter.activeBorder#FCBA0580
  • commandCenter.activeForeground#FCBA05
  • commandCenter.background#262230
  • commandCenter.border#3D3650
  • commandCenter.debuggingBackground#F0455D20
  • commandCenter.foreground#E8DDD0
  • commandCenter.inactiveBorder#3D365080
  • commandCenter.inactiveForeground#A89B8D
  • debugConsole.errorForeground#F0455D
  • debugConsole.infoForeground#0090BE
  • debugConsole.warningForeground#DD5F00
  • debugConsoleInputIcon.foreground#0E9783
  • debugExceptionWidget.background#2D1F27
  • debugExceptionWidget.border#F0455D
  • debugIcon.breakpointDisabledForeground#F0455D50
  • debugIcon.breakpointForeground#F0455D
  • debugIcon.disconnectForeground#F0455D
  • debugIcon.pauseForeground#DD5F00
  • debugIcon.restartForeground#0E9783
  • debugIcon.startForeground#0E9783
  • debugIcon.stepIntoForeground#0090BE
  • debugIcon.stepOutForeground#0090BE
  • debugIcon.stepOverForeground#0090BE
  • debugIcon.stopForeground#F0455D
  • debugTokenExpression.boolean#D45D85
  • debugTokenExpression.error#F0455D
  • debugTokenExpression.name#0090BE
  • debugTokenExpression.number#DD5F00
  • debugTokenExpression.string#D4A017
  • debugTokenExpression.type#0E9783
  • debugTokenExpression.value#E8DDD0
  • debugToolBar.background#262230
  • debugToolBar.border#3D3650
  • debugView.exceptionLabelBackground#F0455D
  • debugView.exceptionLabelForeground#FFFFFF
  • debugView.stateLabelBackground#0090BE
  • debugView.stateLabelForeground#FFFFFF
  • debugView.valueChangedHighlight#FCBA0530
  • descriptionForeground#A89B8D
  • diffEditor.border#3D3650
  • diffEditor.diagonalFill#3D365040
  • diffEditor.insertedLineBackground#0E978312
  • diffEditor.insertedTextBackground#0E978320
  • diffEditor.move.border#0090BE60
  • diffEditor.moveActive.border#0090BE
  • diffEditor.removedLineBackground#F0455D12
  • diffEditor.removedTextBackground#F0455D20
  • diffEditor.unchangedCodeBackground#2A263640
  • diffEditor.unchangedRegionBackground#2A2636
  • diffEditor.unchangedRegionForeground#A89B8D
  • diffEditor.unchangedRegionShadow#00000030
  • diffEditorGutter.insertedLineBackground#0E978325
  • diffEditorGutter.removedLineBackground#F0455D25
  • diffEditorOverview.insertedForeground#0E9783
  • diffEditorOverview.removedForeground#F0455D
  • disabledForeground#E8DDD060
  • dropdown.background#262230
  • dropdown.border#3D3650
  • dropdown.foreground#E8DDD0
  • dropdown.listBackground#2A2636
  • editor.background#1E1B24
  • editor.findMatchBackground#FCBA0545
  • editor.findMatchBorder#DD5F00
  • editor.findMatchHighlightBackground#FCBA0525
  • editor.findMatchHighlightBorder#DD5F0050
  • editor.findRangeHighlightBackground#0090BE10
  • editor.findRangeHighlightBorder#0090BE00
  • editor.focusedStackFrameHighlightBackground#0E978320
  • editor.foldBackground#2A263630
  • editor.foldPlaceholderForeground#A89B8D
  • editor.foreground#E8DDD0
  • editor.hoverHighlightBackground#0090BE15
  • editor.inactiveSelectionBackground#0090BE15
  • editor.inlineValuesBackground#2A263680
  • editor.inlineValuesForeground#A89B8D
  • editor.lineHighlightBackground#2A2636
  • editor.lineHighlightBorder#2A263600
  • editor.linkedEditingBackground#F0455D15
  • editor.placeholder.foreground#6B6079
  • editor.rangeHighlightBackground#2A263680
  • editor.selectionBackground#0090BE30
  • editor.selectionHighlightBackground#0090BE18
  • editor.selectionHighlightBorder#0090BE30
  • editor.stackFrameHighlightBackground#FCBA0530
  • editor.symbolHighlightBackground#0090BE20
  • editor.symbolHighlightBorder#0090BE40
  • editor.wordHighlightBackground#0090BE20
  • editor.wordHighlightBorder#0090BE40
  • editor.wordHighlightStrongBackground#0090BE30
  • editor.wordHighlightStrongBorder#0090BE50
  • editor.wordHighlightTextBackground#FCBA0520
  • editorBracketHighlight.foreground1#F0455D
  • editorBracketHighlight.foreground2#0090BE
  • editorBracketHighlight.foreground3#0E9783
  • editorBracketHighlight.foreground4#DD5F00
  • editorBracketHighlight.foreground5#D45D85
  • editorBracketHighlight.foreground6#D4A017
  • editorBracketHighlight.unexpectedBracket.foreground#F0455D
  • editorBracketMatch.background#FCBA0530
  • editorBracketMatch.border#DD5F00
  • editorBracketPairGuide.activeBackground1#F0455D60
  • editorBracketPairGuide.activeBackground2#0090BE60
  • editorBracketPairGuide.activeBackground3#0E978360
  • editorBracketPairGuide.activeBackground4#DD5F0060
  • editorBracketPairGuide.activeBackground5#D45D8560
  • editorBracketPairGuide.activeBackground6#D4A01760
  • editorBracketPairGuide.background1#F0455D20
  • editorBracketPairGuide.background2#0090BE20
  • editorBracketPairGuide.background3#0E978320
  • editorBracketPairGuide.background4#DD5F0020
  • editorBracketPairGuide.background5#D45D8520
  • editorBracketPairGuide.background6#D4A01720
  • editorCodeLens.foreground#A89B8D
  • editorCommentsWidget.rangeActiveBackground#0090BE18
  • editorCommentsWidget.rangeBackground#0090BE10
  • editorCommentsWidget.replyInputBackground#262230
  • editorCommentsWidget.resolvedBorder#0E9783
  • editorCommentsWidget.unresolvedBorder#DD5F00
  • editorCursor.background#1E1B24
  • editorCursor.foreground#F0455D
  • editorError.border#F0455D00
  • editorError.foreground#F0455D
  • editorGhostText.foreground#6B6079
  • editorGroup.border#3D3650
  • editorGroup.dropBackground#0090BE20
  • editorGroup.dropIntoPromptBackground#262230
  • editorGroup.dropIntoPromptBorder#3D3650
  • editorGroup.dropIntoPromptForeground#E8DDD0
  • editorGroup.emptyBackground#1E1B24
  • editorGroup.focusedEmptyBorder#0090BE
  • editorGroupHeader.border#3D3650
  • editorGroupHeader.noTabsBackground#262230
  • editorGroupHeader.tabsBackground#262230
  • editorGroupHeader.tabsBorder#3D3650
  • editorGutter.addedBackground#0E9783
  • editorGutter.background#1E1B24
  • editorGutter.commentGlyphForeground#A89B8D
  • editorGutter.commentRangeForeground#A89B8D
  • editorGutter.commentUnresolvedGlyphForeground#DD5F00
  • editorGutter.deletedBackground#F0455D
  • editorGutter.foldingControlForeground#A89B8D
  • editorGutter.modifiedBackground#DD5F00
  • editorHint.border#0E978300
  • editorHint.foreground#0E9783
  • editorHoverWidget.background#262230
  • editorHoverWidget.border#3D3650
  • editorHoverWidget.foreground#E8DDD0
  • editorHoverWidget.highlightForeground#0090BE
  • editorHoverWidget.statusBarBackground#2A2636
  • editorIndentGuide.activeBackground1#6B607960
  • editorIndentGuide.background1#3D365040
  • editorInfo.border#0090BE00
  • editorInfo.foreground#0090BE
  • editorInlayHint.background#2A263680
  • editorInlayHint.foreground#A89B8D
  • editorInlayHint.parameterBackground#2A263680
  • editorInlayHint.parameterForeground#0090BE
  • editorInlayHint.typeBackground#2A263680
  • editorInlayHint.typeForeground#0E9783
  • editorLightBulb.foreground#FCBA05
  • editorLightBulbAi.foreground#D45D85
  • editorLightBulbAutoFix.foreground#0E9783
  • editorLineNumber.activeForeground#F0455D
  • editorLineNumber.dimmedForeground#7A6E8E80
  • editorLineNumber.foreground#7A6E8E
  • editorLink.activeForeground#0090BE
  • editorMarkerNavigation.background#262230
  • editorMarkerNavigationError.background#F0455D15
  • editorMarkerNavigationError.headerBackground#F0455D20
  • editorMarkerNavigationInfo.background#0090BE15
  • editorMarkerNavigationInfo.headerBackground#0090BE20
  • editorMarkerNavigationWarning.background#DD5F0015
  • editorMarkerNavigationWarning.headerBackground#DD5F0020
  • editorMultiCursor.primary.background#1E1B24
  • editorMultiCursor.primary.foreground#F0455D
  • editorMultiCursor.secondary.background#1E1B24
  • editorMultiCursor.secondary.foreground#F0455D80
  • editorOverviewRuler.addedForeground#0E9783
  • editorOverviewRuler.border#3D365000
  • editorOverviewRuler.bracketMatchForeground#7A6E8E
  • editorOverviewRuler.commentForeground#A89B8D
  • editorOverviewRuler.commentUnresolvedForeground#DD5F00
  • editorOverviewRuler.commonContentForeground#DD5F00
  • editorOverviewRuler.currentContentForeground#0E9783
  • editorOverviewRuler.deletedForeground#F0455D
  • editorOverviewRuler.errorForeground#F0455D
  • editorOverviewRuler.findMatchForeground#DD5F00AA
  • editorOverviewRuler.incomingContentForeground#0090BE
  • editorOverviewRuler.infoForeground#0090BE
  • editorOverviewRuler.modifiedForeground#DD5F00
  • editorOverviewRuler.rangeHighlightForeground#0090BE40
  • editorOverviewRuler.selectionHighlightForeground#0090BE60
  • editorOverviewRuler.warningForeground#DD5F00
  • editorOverviewRuler.wordHighlightForeground#0090BE60
  • editorOverviewRuler.wordHighlightStrongForeground#0090BE80
  • editorOverviewRuler.wordHighlightTextForeground#FCBA0560
  • editorRuler.foreground#3D365040
  • editorStickyScroll.background#262230
  • editorStickyScroll.border#3D3650
  • editorStickyScroll.shadow#00000020
  • editorStickyScrollHover.background#2A2636
  • editorSuggestWidget.background#262230
  • editorSuggestWidget.border#3D3650
  • editorSuggestWidget.focusHighlightForeground#F0455D
  • editorSuggestWidget.foreground#E8DDD0
  • editorSuggestWidget.highlightForeground#F0455D
  • editorSuggestWidget.selectedBackground#0090BE20
  • editorSuggestWidget.selectedForeground#E8DDD0
  • editorSuggestWidget.selectedIconForeground#E8DDD0
  • editorSuggestWidgetStatus.foreground#A89B8D
  • editorUnicodeHighlight.background#DD5F0015
  • editorUnicodeHighlight.border#DD5F00
  • editorUnnecessaryCode.opacity#00000077
  • editorWarning.border#DD5F0000
  • editorWarning.foreground#DD5F00
  • editorWhitespace.foreground#3D365060
  • editorWidget.background#262230
  • editorWidget.border#3D3650
  • editorWidget.foreground#E8DDD0
  • editorWidget.resizeBorder#0090BE
  • errorForeground#F0455D
  • extensionBadge.remoteBackground#0E9783
  • extensionBadge.remoteForeground#FFFFFF
  • extensionButton.background#0090BE
  • extensionButton.foreground#FFFFFF
  • extensionButton.hoverBackground#00A0D0
  • extensionButton.prominentBackground#C9122B
  • extensionButton.prominentForeground#FFFFFF
  • extensionButton.prominentHoverBackground#E0203A
  • extensionButton.separator#FFFFFF40
  • extensionIcon.preReleaseForeground#DD5F00
  • extensionIcon.sponsorForeground#D45D85
  • extensionIcon.starForeground#FCBA05
  • extensionIcon.verifiedForeground#0E9783
  • focusBorder#0090BE80
  • foreground#E8DDD0
  • git.blame.editorDecorationForeground#A89B8D
  • gitDecoration.addedResourceForeground#0E9783
  • gitDecoration.conflictingResourceForeground#D45D85
  • gitDecoration.deletedResourceForeground#F0455D
  • gitDecoration.ignoredResourceForeground#6B6079
  • gitDecoration.modifiedResourceForeground#DD5F00
  • gitDecoration.renamedResourceForeground#0090BE
  • gitDecoration.stageDeletedResourceForeground#F0455D
  • gitDecoration.stageModifiedResourceForeground#DD5F00
  • gitDecoration.submoduleResourceForeground#0090BE
  • gitDecoration.untrackedResourceForeground#0E9783
  • icon.foreground#A89B8D
  • inlineChat.background#262230
  • inlineChat.border#3D3650
  • inlineChat.foreground#E8DDD0
  • inlineChat.shadow#00000030
  • inlineChatDiff.inserted#0E978320
  • inlineChatDiff.removed#F0455D20
  • inlineChatInput.background#262230
  • inlineChatInput.border#3D3650
  • inlineChatInput.focusBorder#0090BE
  • inlineChatInput.placeholderForeground#6B6079
  • input.background#262230
  • input.border#3D3650
  • input.foreground#E8DDD0
  • input.placeholderForeground#6B6079
  • inputOption.activeBackground#0090BE20
  • inputOption.activeBorder#0090BE
  • inputOption.activeForeground#0090BE
  • inputOption.hoverBackground#0090BE12
  • inputValidation.errorBackground#2D1F27
  • inputValidation.errorBorder#F0455D
  • inputValidation.errorForeground#F0455D
  • inputValidation.infoBackground#1E2432
  • inputValidation.infoBorder#0090BE
  • inputValidation.infoForeground#0090BE
  • inputValidation.warningBackground#2D261E
  • inputValidation.warningBorder#DD5F00
  • inputValidation.warningForeground#DD5F00
  • interactive.activeCodeBorder#0090BE
  • interactive.inactiveCodeBorder#3D3650
  • keybindingLabel.background#2A2636
  • keybindingLabel.border#3D3650
  • keybindingLabel.bottomBorder#6B607940
  • keybindingLabel.foreground#E8DDD0
  • keybindingTable.headerBackground#2A2636
  • keybindingTable.rowsBackground#1E1B2408
  • list.activeSelectionBackground#0090BE
  • list.activeSelectionForeground#FFFFFF
  • list.activeSelectionIconForeground#FFFFFF
  • list.deemphasizedForeground#A89B8D
  • list.dropBackground#0090BE20
  • list.dropBetweenBackground#0090BE
  • list.errorForeground#F0455D
  • list.filterMatchBackground#FCBA0540
  • list.filterMatchBorder#DD5F00
  • list.focusAndSelectionOutline#0090BE
  • list.focusBackground#0090BE18
  • list.focusForeground#E8DDD0
  • list.focusHighlightForeground#F0455D
  • list.focusOutline#0090BE80
  • list.highlightForeground#F0455D
  • list.hoverBackground#2A2636
  • list.hoverForeground#E8DDD0
  • list.inactiveFocusBackground#0090BE10
  • list.inactiveFocusOutline#0090BE40
  • list.inactiveSelectionBackground#0090BE20
  • list.inactiveSelectionForeground#E8DDD0
  • list.inactiveSelectionIconForeground#E8DDD0
  • list.invalidItemForeground#F0455D80
  • list.warningForeground#DD5F00
  • listFilterWidget.background#262230
  • listFilterWidget.noMatchesOutline#F0455D
  • listFilterWidget.outline#0090BE
  • listFilterWidget.shadow#00000030
  • menu.background#262230
  • menu.border#3D3650
  • menu.foreground#E8DDD0
  • menu.selectionBackground#0090BE
  • menu.selectionBorder#0090BE00
  • menu.selectionForeground#FFFFFF
  • menu.separatorBackground#3D3650
  • menubar.selectionBackground#2A2636
  • menubar.selectionBorder#3D365000
  • menubar.selectionForeground#FCBA05
  • merge.border#3D3650
  • merge.commonContentBackground#DD5F0018
  • merge.commonHeaderBackground#DD5F0040
  • merge.currentContentBackground#0E978318
  • merge.currentHeaderBackground#0E978340
  • merge.incomingContentBackground#0090BE18
  • merge.incomingHeaderBackground#0090BE40
  • mergeEditor.change.background#0090BE15
  • mergeEditor.change.word.background#0090BE25
  • mergeEditor.changeBase.background#DD5F0010
  • mergeEditor.changeBase.word.background#DD5F0020
  • mergeEditor.conflict.handled.minimapOverViewRuler#0E9783
  • mergeEditor.conflict.handledFocused.border#0E9783
  • mergeEditor.conflict.handledUnfocused.border#0E978380
  • mergeEditor.conflict.input1.background#0E978320
  • mergeEditor.conflict.input2.background#0090BE20
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#DD5F00
  • mergeEditor.conflict.unhandledFocused.border#DD5F00
  • mergeEditor.conflict.unhandledUnfocused.border#DD5F00
  • mergeEditor.conflictingLines.background#DD5F0015
  • minimap.background#1E1B24
  • minimap.errorHighlight#F0455D
  • minimap.findMatchHighlight#DD5F00AA
  • minimap.infoHighlight#0090BE
  • minimap.selectionHighlight#0090BE44
  • minimap.selectionOccurrenceHighlight#0090BE30
  • minimap.warningHighlight#DD5F00
  • minimapGutter.addedBackground#0E9783
  • minimapGutter.deletedBackground#F0455D
  • minimapGutter.modifiedBackground#DD5F00
  • minimapSlider.activeBackground#A89B8D50
  • minimapSlider.background#A89B8D15
  • minimapSlider.hoverBackground#A89B8D30
  • multiDiffEditor.background#262230
  • multiDiffEditor.border#3D3650
  • multiDiffEditor.headerBackground#2A2636
  • notificationCenter.border#3D3650
  • notificationCenterHeader.background#262230
  • notificationCenterHeader.foreground#E8DDD0
  • notificationLink.foreground#0090BE
  • notifications.background#262230
  • notifications.border#3D3650
  • notifications.foreground#E8DDD0
  • notificationsErrorIcon.foreground#F0455D
  • notificationsInfoIcon.foreground#0090BE
  • notificationsWarningIcon.foreground#DD5F00
  • notificationToast.border#3D3650
  • outputView.background#262230
  • outputViewStickyScroll.background#262230
  • panel.background#262230
  • panel.border#3D3650
  • panel.dropBorder#0090BE
  • panelInput.border#3D3650
  • panelSection.border#3D3650
  • panelSection.dropBackground#0090BE20
  • panelSectionHeader.background#2A2636
  • panelSectionHeader.border#3D3650
  • panelSectionHeader.foreground#E8DDD0
  • panelStickyScroll.background#262230
  • panelStickyScroll.border#3D3650
  • panelStickyScroll.shadow#00000020
  • panelTitle.activeBorder#0090BE
  • panelTitle.activeForeground#FCBA05
  • panelTitle.border#3D365000
  • panelTitle.inactiveForeground#A89B8D
  • panelTitleBadge.background#0090BE
  • panelTitleBadge.foreground#FFFFFF
  • peekView.border#0090BE
  • peekViewEditor.background#262230
  • peekViewEditor.matchHighlightBackground#FCBA0555
  • peekViewEditorGutter.background#262230
  • peekViewEditorStickyScroll.background#2A2636
  • peekViewResult.background#262230
  • peekViewResult.fileForeground#E8DDD0
  • peekViewResult.lineForeground#A89B8D
  • peekViewResult.matchHighlightBackground#FCBA0555
  • peekViewResult.selectionBackground#0090BE30
  • peekViewResult.selectionForeground#E8DDD0
  • peekViewTitle.background#0090BE
  • peekViewTitleDescription.foreground#FFFFFFCC
  • peekViewTitleLabel.foreground#FFFFFF
  • pickerGroup.border#3D3650
  • pickerGroup.foreground#FCBA05
  • problemsErrorIcon.foreground#F0455D
  • problemsInfoIcon.foreground#0090BE
  • problemsWarningIcon.foreground#DD5F00
  • profileBadge.background#0090BE
  • profileBadge.foreground#FFFFFF
  • profiles.sashBorder#0090BE
  • progressBar.background#F0455D
  • quickInput.background#262230
  • quickInput.foreground#E8DDD0
  • quickInputList.focusBackground#0090BE18
  • quickInputList.focusForeground#E8DDD0
  • quickInputList.focusIconForeground#E8DDD0
  • quickInputTitle.background#0090BE
  • radio.activeBackground#0090BE
  • radio.activeBorder#0090BE
  • radio.activeForeground#FFFFFF
  • radio.inactiveBackground#262230
  • radio.inactiveBorder#3D3650
  • radio.inactiveForeground#E8DDD0
  • radio.inactiveHoverBackground#2A2636
  • sash.hoverBorder#0090BE80
  • scmGraph.foreground1#F0455D
  • scmGraph.foreground2#0090BE
  • scmGraph.foreground3#0E9783
  • scmGraph.foreground4#DD5F00
  • scmGraph.foreground5#D45D85
  • scmGraph.historyItemHoverAdditionsForeground#0E9783
  • scmGraph.historyItemHoverDeletionsForeground#F0455D
  • scmGraph.historyItemHoverLabelForeground#E8DDD0
  • scrollbar.shadow#00000030
  • scrollbarSlider.activeBackground#A89B8D60
  • scrollbarSlider.background#A89B8D20
  • scrollbarSlider.hoverBackground#A89B8D40
  • search.resultsInfoForeground#A89B8D
  • searchEditor.findMatchBackground#FCBA0540
  • searchEditor.findMatchBorder#DD5F00
  • searchEditor.textInputBorder#3D3650
  • selection.background#0090BE30
  • settings.checkboxBackground#262230
  • settings.checkboxBorder#3D3650
  • settings.checkboxForeground#0090BE
  • settings.dropdownBackground#262230
  • settings.dropdownBorder#3D3650
  • settings.dropdownForeground#E8DDD0
  • settings.focusedRowBackground#0090BE10
  • settings.focusedRowBorder#0090BE40
  • settings.headerForeground#E8DDD0
  • settings.modifiedItemIndicator#DD5F00
  • settings.numberInputBackground#262230
  • settings.numberInputBorder#3D3650
  • settings.numberInputForeground#E8DDD0
  • settings.rowHoverBackground#2A263640
  • settings.textInputBackground#262230
  • settings.textInputBorder#3D3650
  • settings.textInputForeground#E8DDD0
  • sideBar.background#1E1B24
  • sideBar.border#2A2636
  • sideBar.dropBackground#0090BE20
  • sideBar.foreground#E8DDD0
  • sideBarActivityBarTop.border#3D3650
  • sideBarSectionHeader.background#262230
  • sideBarSectionHeader.border#2A2636
  • sideBarSectionHeader.foreground#E8DDD0
  • sideBarStickyScroll.background#1E1B24
  • sideBarStickyScroll.border#2A2636
  • sideBarStickyScroll.shadow#00000020
  • sideBarTitle.border#3D3650
  • sideBarTitle.foreground#FCBA05
  • sideBySideEditor.horizontalBorder#3D3650
  • sideBySideEditor.verticalBorder#3D3650
  • statusBar.background#1E1B24
  • statusBar.border#0090BE
  • statusBar.debuggingBackground#A04500
  • statusBar.debuggingBorder#8A3B00
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.focusBorder#FCBA05
  • statusBar.foreground#FCBA05
  • statusBar.noFolderBackground#1B1822
  • statusBar.noFolderBorder#2A2636
  • statusBar.noFolderForeground#FCBA05
  • statusBarItem.activeBackground#0090BE30
  • statusBarItem.compactHoverBackground#0090BE30
  • statusBarItem.errorBackground#FCBA05
  • statusBarItem.errorForeground#352A1D
  • statusBarItem.errorHoverBackground#E5A804
  • statusBarItem.errorHoverForeground#352A1D
  • statusBarItem.focusBorder#FCBA05
  • statusBarItem.hoverBackground#0090BE20
  • statusBarItem.hoverForeground#FCBA05
  • statusBarItem.offlineBackground#A89B8D
  • statusBarItem.offlineForeground#1E1B24
  • statusBarItem.offlineHoverBackground#B8A897
  • statusBarItem.offlineHoverForeground#1E1B24
  • statusBarItem.prominentBackground#0090BE
  • statusBarItem.prominentForeground#FFFFFF
  • statusBarItem.prominentHoverBackground#0090BE40
  • statusBarItem.prominentHoverForeground#FFFFFF
  • statusBarItem.remoteBackground#0E9783
  • statusBarItem.remoteForeground#FFFFFF
  • statusBarItem.remoteHoverBackground#0C8573
  • statusBarItem.remoteHoverForeground#FFFFFF
  • statusBarItem.warningBackground#DD5F00
  • statusBarItem.warningForeground#FFFFFF
  • statusBarItem.warningHoverBackground#C05500
  • statusBarItem.warningHoverForeground#FFFFFF
  • tab.activeBackground#1E1B24
  • tab.activeBorderTop#0090BE
  • tab.activeForeground#FCBA05
  • tab.activeModifiedBorder#DD5F00
  • tab.border#3D3650
  • tab.dragAndDropBorder#0090BE
  • tab.hoverBackground#1E1B24
  • tab.hoverForeground#FCBA05
  • tab.inactiveBackground#262230
  • tab.inactiveForeground#A89B8D
  • tab.inactiveModifiedBorder#DD5F0080
  • tab.lastPinnedBorder#3D3650
  • tab.selectedBackground#1E1B24
  • tab.selectedBorderTop#0090BE
  • tab.selectedForeground#FCBA05
  • tab.unfocusedActiveBackground#1E1B24
  • tab.unfocusedActiveBorderTop#0090BE50
  • tab.unfocusedActiveForeground#A89B8D
  • tab.unfocusedActiveModifiedBorder#DD5F0060
  • tab.unfocusedHoverBackground#1E1B24
  • tab.unfocusedHoverForeground#FCBA0580
  • tab.unfocusedInactiveBackground#262230
  • tab.unfocusedInactiveForeground#A89B8D90
  • tab.unfocusedInactiveModifiedBorder#DD5F0040
  • terminal.ansiBlack#1E1B24
  • terminal.ansiBlue#0090BE
  • terminal.ansiBrightBlack#7A6E8E
  • terminal.ansiBrightBlue#40C0E8
  • terminal.ansiBrightCyan#30D8D8
  • terminal.ansiBrightGreen#30C4A0
  • terminal.ansiBrightMagenta#E890B0
  • terminal.ansiBrightRed#F87088
  • terminal.ansiBrightWhite#FFFBF5
  • terminal.ansiBrightYellow#FFD050
  • terminal.ansiCyan#0EAFAF
  • terminal.ansiGreen#0E9783
  • terminal.ansiMagenta#D45D85
  • terminal.ansiRed#F0455D
  • terminal.ansiWhite#E8DDD0
  • terminal.ansiYellow#FCBA05
  • terminal.background#262230
  • terminal.border#3D3650
  • terminal.dropBackground#0090BE20
  • terminal.findMatchBackground#FCBA0555
  • terminal.findMatchBorder#DD5F00
  • terminal.findMatchHighlightBackground#FCBA0530
  • terminal.findMatchHighlightBorder#DD5F0040
  • terminal.foreground#E8DDD0
  • terminal.hoverHighlightBackground#0090BE15
  • terminal.inactiveSelectionBackground#0090BE18
  • terminal.initialHintForeground#A89B8D
  • terminal.selectionBackground#0090BE30
  • terminal.selectionForeground#E8DDD0
  • terminal.tab.activeBorder#F0455D
  • terminalCommandDecoration.defaultBackground#A89B8D
  • terminalCommandDecoration.errorBackground#F0455D
  • terminalCommandDecoration.successBackground#0E9783
  • terminalCommandGuide.foreground#3D365040
  • terminalCursor.background#1E1B24
  • terminalCursor.foreground#F0455D
  • terminalOverviewRuler.border#3D365000
  • terminalOverviewRuler.cursorForeground#F0455D
  • terminalOverviewRuler.findMatchForeground#DD5F00AA
  • terminalStickyScroll.background#262230
  • terminalStickyScroll.border#3D3650
  • terminalStickyScrollHover.background#2A2636
  • testing.coverCountBadgeBackground#0090BE
  • testing.coverCountBadgeForeground#FFFFFF
  • testing.coveredBackground#0E978318
  • testing.coveredBorder#0E978340
  • testing.coveredGutterBackground#0E9783
  • testing.iconErrored#F0455D
  • testing.iconFailed#F0455D
  • testing.iconPassed#0E9783
  • testing.iconQueued#DD5F00
  • testing.iconSkipped#A89B8D
  • testing.iconUnset#A89B8D
  • testing.message.error.decorationForeground#F0455D
  • testing.message.error.lineBackground#F0455D10
  • testing.message.info.decorationForeground#0090BE
  • testing.message.info.lineBackground#0090BE10
  • testing.messagePeekBorder#F0455D
  • testing.messagePeekHeaderBackground#F0455D15
  • testing.peekBorder#F0455D
  • testing.peekHeaderBackground#F0455D15
  • testing.runAction#0E9783
  • testing.uncoveredBackground#F0455D18
  • testing.uncoveredBorder#F0455D40
  • testing.uncoveredBranchBackground#F0455D20
  • testing.uncoveredGutterBackground#F0455D
  • textBlockQuote.background#2A2636
  • textBlockQuote.border#DD5F00
  • textCodeBlock.background#2A2636
  • textLink.activeForeground#40C0E8
  • textLink.foreground#0090BE
  • textPreformat.background#2A2636
  • textPreformat.foreground#F0455D
  • textSeparator.foreground#3D3650
  • titleBar.activeBackground#1E1B24
  • titleBar.activeForeground#E8DDD0
  • titleBar.border#2A2636
  • titleBar.inactiveBackground#1E1B24
  • titleBar.inactiveForeground#E8DDD070
  • toolbar.activeBackground#0090BE20
  • toolbar.hoverBackground#0090BE15
  • tree.inactiveIndentGuidesStroke#3D365080
  • tree.indentGuidesStroke#3D3650
  • tree.tableColumnsBorder#3D365080
  • tree.tableOddRowsBackground#2A263610
  • walkThrough.embeddedEditorBackground#262230
  • walkthrough.stepTitle.foreground#F0455D
  • welcomePage.background#1E1B24
  • welcomePage.progress.background#3D3650
  • welcomePage.progress.foreground#F0455D
  • welcomePage.tileBackground#262230
  • welcomePage.tileBorder#3D3650
  • welcomePage.tileHoverBackground#2A2636
  • widget.border#3D3650
  • widget.shadow#00000040
  • window.activeBorder#3D3650
  • window.inactiveBorder#3D365080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A89B8Ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.void, keyword.operator.in, keyword.operator.of, storage, storage.type, storage.modifier#F0455D
constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant, variable.language.this, variable.language.self, variable.language.super#D45D85
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary#DD5F00
string, string.quoted, string.template, string.quoted.single, string.quoted.double, string.quoted.triple#D4A017
constant.character.escape#D45D85
entity.name.function, meta.function-call entity.name.function, support.function#0090BE
variable.parameter, meta.parameter#E8DDD0italic
variable, variable.other, variable.other.readwrite, variable.other.assignment#E8DDD0
variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name#D4C4B4
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, storage.type.class, entity.name.type.class#0E9783
entity.name.type.interface, entity.name.type.type-parameter#0E9783italic
entity.name.type.enum#0E9783
meta.decorator, meta.decorator entity.name.function, punctuation.decorator, meta.annotation, storage.type.annotation#D45D85italic
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.ternary, keyword.operator.spread#A89B8D
punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.separator, punctuation.terminator, meta.brace#A89B8D
entity.name.tag, punctuation.definition.tag#F0455D
entity.other.attribute-name#D4A017italic
support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css#0090BE
support.constant.css, support.constant.property-value.css, meta.property-value.css#E8DDD0
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#0E9783
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#D45D85
keyword.other.unit.css#DD5F00
support.type.property-name.json#F0455D
heading.1.markdown entity.name, heading.2.markdown entity.name, heading.3.markdown entity.name, heading.4.markdown entity.name, heading.5.markdown entity.name, heading.6.markdown entity.name, markup.heading, markup.heading.setext#F0455Dbold
markup.bold#F0455Dbold
markup.italic#0E9783italic
markup.underline.link, string.other.link#0090BE
markup.inline.raw, markup.fenced_code.block#D4A017
markup.quote#A89B8Ditalic
markup.list, punctuation.definition.list.begin#DD5F00
entity.name.tag.yaml#F0455D
entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml#D45D85
variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, punctuation.definition.variable.shell#0E9783
string.regexp, keyword.operator.quantifier.regexp, keyword.control.anchor.regexp#D45D85
punctuation.definition.group.regexp, keyword.operator.or.regexp, punctuation.definition.character-class.regexp#0090BE
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#F0455D
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default#F0455D
entity.name.import, entity.name.package#D4A017
entity.name.namespace, entity.name.type.namespace#0E9783
markup.inserted#0E9783
markup.deleted#F0455D
markup.changed#DD5F00
invalid, invalid.illegal#FFFFFF
invalid.deprecated#FFFFFF
entity.name.section#F0455Dbold
support.type.builtin, support.type.primitive#0E9783
support.variable#D45D85
source.embedded#E8DDD0
entity.name.function.decorator.python, meta.function.decorator.python#D45D85italic
string.quoted.docstring, string.quoted.docstring.multi.python#A89B8Ditalic
keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.DCL.sql#F0455D
storage.modifier.lifetime.rust#0E9783italic
keyword.operator.address.go#A89B8D
Fabulous Las Vegas by Alpha Romer Coma - VS Code Theme