Trade Wars 2002 Color 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.

• actionBar.toggledBackground#333300
• activityBar.activeBackground#000033
• activityBar.activeBorder#00ff00
• activityBar.activeFocusBorder#ff00ff
• activityBar.background#000000
• activityBar.border#008800
• activityBar.dropBorder#ff00ff
• activityBar.foreground#ff0000
• activityBar.inactiveForeground#990000
• activityBarBadge.background#990000
• activityBarBadge.foreground#ffff00
• badge.background#008800
• badge.foreground#00ffff
• banner.background#000000
• banner.foreground#ff00ff
• banner.iconForeground#ff0000
• breadcrumb.activeSelectionForeground#ffff00
• breadcrumb.background#000000
• breadcrumb.focusForeground#00ffff
• breadcrumb.foreground#009999
• breadcrumbPicker.background#330000
• button.background#000088
• button.border#008800
• button.foreground#ffff00
• button.hoverBackground#0000ff
• button.secondaryBackground#003300
• button.secondaryForeground#ff00ff
• button.secondaryHoverBackground#003333
• button.separator#ffff00
• chat.slashCommandBackground#34414b
• chat.slashCommandForeground#40a6ff
• checkbox.background#313131
• checkbox.border#ffff00
• commandCenter.activeBackground#ffffff14
• commandCenter.activeBorder#ffff004d
• commandCenter.activeForeground#ffffff
• commandCenter.background#ffffff0d
• commandCenter.border#ffff0033
• commandCenter.debuggingBackground#0078d442
• commandCenter.foreground#ffff00
• commandCenter.inactiveBorder#00888840
• commandCenter.inactiveForeground#008888
• commentsView.resolvedIcon#008800
• commentsView.unresolvedIcon#ff0000
• contrastActiveBorder#Ff0
• contrastBorder#880
• debugConsole.errorForeground#ffff00
• debugConsole.infoForeground#00ff00
• debugConsole.sourceForeground#00ff00
• debugConsole.warningForeground#cca700
• debugConsoleInputIcon.foreground#00ff00
• debugExceptionWidget.background#420b0d
• debugExceptionWidget.border#a31515
• debugIcon.breakpointCurrentStackframeForeground#ffcc00
• debugIcon.breakpointDisabledForeground#848484
• debugIcon.breakpointForeground#e51400
• debugIcon.breakpointStackframeForeground#89d185
• debugIcon.breakpointUnverifiedForeground#848484
• debugIcon.continueForeground#75beff
• debugIcon.disconnectForeground#f48771
• debugIcon.pauseForeground#75beff
• debugIcon.restartForeground#89d185
• debugIcon.startForeground#89d185
• debugIcon.stepBackForeground#75beff
• debugIcon.stepIntoForeground#75beff
• debugIcon.stepOutForeground#75beff
• debugIcon.stepOverForeground#75beff
• debugIcon.stopForeground#f48771
• debugTokenExpression.boolean#4e94ce
• debugTokenExpression.error#f48771
• debugTokenExpression.name#c586c0
• debugTokenExpression.number#b5cea8
• debugTokenExpression.string#ce9178
• debugTokenExpression.value#cccccc99
• debugToolBar.background#181818
• debugToolBar.border#ff0000
• debugView.exceptionLabelBackground#6c2022
• debugView.exceptionLabelForeground#00ff00
• debugView.stateLabelBackground#88888844
• debugView.stateLabelForeground#00ff00
• debugView.valueChangedHighlight#569cd6
• descriptionForeground#00ffff
• diffEditor.border#ff0000
• diffEditor.diagonalFill#cccccc33
• diffEditor.insertedLineBackground#9bb95533
• diffEditor.insertedTextBackground#9ccc2c33
• diffEditor.insertedTextBorder#ffff00
• diffEditor.move.border#8b8b8b9c
• diffEditor.moveActive.border#ffa500
• diffEditor.removedLineBackground#ff000033
• diffEditor.removedTextBackground#ff000033
• diffEditor.removedTextBorder#ffff00
• diffEditor.unchangedCodeBackground#74747429
• diffEditor.unchangedRegionBackground#000000
• diffEditor.unchangedRegionForeground#00ff00
• diffEditor.unchangedRegionShadow#000000
• diffEditorGutter.insertedLineBackground#000033
• diffEditorGutter.removedLineBackground#000033
• diffEditorOverview.insertedForeground#0000ff
• diffEditorOverview.removedForeground#000099
• disabledForeground#008800
• dropdown.background#000000
• dropdown.border#ffff00
• dropdown.foreground#00ff00
• dropdown.listBackground#000000
• editor.background#000000
• editor.findMatchBackground#005555
• editor.findMatchBorder#880000
• editor.findMatchHighlightBackground#000088ee
• editor.findMatchHighlightBorder#550000
• editor.findRangeHighlightBackground#000088ee
• editor.findRangeHighlightBorder#880000ee
• editor.focusedStackFrameHighlightBackground#330000
• editor.foldBackground#330000ee
• editor.foreground#00ff00
• editor.hoverHighlightBackground#000055ee
• editor.inactiveSelectionBackground#330000ee
• editor.inlineValuesBackground#330000
• editor.inlineValuesForeground#00ff00
• editor.lineHighlightBackground#220000
• editor.lineHighlightBorder#990000
• editor.linkedEditingBackground#880000ee
• editor.rangeHighlightBackground#550000ee
• editor.rangeHighlightBorder#ff0000ee
• editor.selectionBackground#000099ee
• editor.selectionForeground#ff00ff
• editor.selectionHighlightBackground#000055ee
• editor.selectionHighlightBorder#00ffff
• editor.snippetFinalTabstopHighlightBackground#330000
• editor.snippetFinalTabstopHighlightBorder#330000
• editor.snippetTabstopHighlightBackground#330000
• editor.snippetTabstopHighlightBorder#330000
• editor.stackFrameHighlightBackground#330000
• editor.symbolHighlightBackground#330000ee
• editor.symbolHighlightBorder#330000ee
• editor.wordHighlightBackground#000055ee
• editor.wordHighlightBorder#ff0000
• editor.wordHighlightStrongBackground#0000aaee
• editor.wordHighlightStrongBorder#000033
• editor.wordHighlightTextBackground#005555ee
• editor.wordHighlightTextBorder#880000
• editorBracketHighlight.foreground1#ff0000
• editorBracketHighlight.foreground2#ffff00
• editorBracketHighlight.foreground3#ff00ff
• editorBracketHighlight.foreground4#00ffff
• editorBracketHighlight.foreground5#00ff00
• editorBracketHighlight.foreground6#ff0000
• editorBracketHighlight.unexpectedBracket.foreground#ffffff
• editorBracketMatch.background#000055
• editorBracketMatch.border#000088
• editorBracketPairGuide.activeBackground1#330000
• editorBracketPairGuide.activeBackground2#330000
• editorBracketPairGuide.activeBackground3#330000
• editorBracketPairGuide.activeBackground4#330000
• editorBracketPairGuide.activeBackground5#330000
• editorBracketPairGuide.activeBackground6#330000
• editorBracketPairGuide.background1#330000
• editorBracketPairGuide.background2#330000
• editorBracketPairGuide.background3#330000
• editorBracketPairGuide.background4#330000
• editorBracketPairGuide.background5#330000
• editorBracketPairGuide.background6#330000
• editorCodeLens.foreground#0000ff
• editorCommentsWidget.rangeActiveBackground#330000
• editorCommentsWidget.rangeBackground#330000
• editorCommentsWidget.replyInputBackground#330000
• editorCommentsWidget.resolvedBorder#008888
• editorCommentsWidget.unresolvedBorder#330000
• editorCursor.background#330000
• editorCursor.foreground#ffff00
• editorError.background#330000ee
• editorError.border#ffff00
• editorError.foreground#ff0000
• editorGhostText.background#330000
• editorGhostText.border#330000
• editorGhostText.foreground#ff0000
• editorGroup.border#00ff00
• editorGroup.dropBackground#000000
• editorGroup.dropIntoPromptBackground#330000
• editorGroup.dropIntoPromptBorder#330000
• editorGroup.dropIntoPromptForeground#ffff00
• editorGroup.emptyBackground#330000
• editorGroup.focusedEmptyBorder#330000
• editorGroupHeader.border#009900
• editorGroupHeader.noTabsBackground#000000
• editorGroupHeader.tabsBackground#000000
• editorGroupHeader.tabsBorder#009900
• editorGutter.addedBackground#0000ff
• editorGutter.background#000000
• editorGutter.commentGlyphForeground#ff0000
• editorGutter.commentRangeForeground#ff0000
• editorGutter.commentUnresolvedGlyphForeground#ff0000
• editorGutter.deletedBackground#990000
• editorGutter.foldingControlForeground#ff0000
• editorGutter.modifiedBackground#0078d4
• editorHint.border#005500
• editorHint.foreground#008800
• editorHoverWidget.background#000055
• editorHoverWidget.border#00ffff
• editorHoverWidget.foreground#00ff00
• editorHoverWidget.highlightForeground#ff0000
• editorHoverWidget.statusBarBackground#330000
• editorIndentGuide.activeBackground1#330000
• editorIndentGuide.activeBackground2#330000
• editorIndentGuide.activeBackground3#330000
• editorIndentGuide.activeBackground4#330000
• editorIndentGuide.activeBackground5#330000
• editorIndentGuide.activeBackground6#330000
• editorIndentGuide.background1#330000
• editorIndentGuide.background2#330000
• editorIndentGuide.background3#330000
• editorIndentGuide.background4#330000
• editorIndentGuide.background5#330000
• editorIndentGuide.background6#330000
• editorInfo.background#330000ee
• editorInfo.border#008888
• editorInfo.foreground#00ff00
• editorInlayHint.background#330000
• editorInlayHint.foreground#ff0000
• editorInlayHint.parameterBackground#330000
• editorInlayHint.parameterForeground#ff0000
• editorInlayHint.typeBackground#330000
• editorInlayHint.typeForeground#ff0000
• editorLightBulb.foreground#ff0000
• editorLightBulbAi.foreground#ffff00
• editorLightBulbAutoFix.foreground#ffff00
• editorLineNumber.activeForeground#00ffff
• editorLineNumber.dimmedForeground#008888
• editorLineNumber.foreground#008888
• editorLink.activeForeground#00ffff
• editorMarkerNavigation.background#330000
• editorMarkerNavigationError.background#330000
• editorMarkerNavigationError.headerBackground#330000
• editorMarkerNavigationInfo.background#330000
• editorMarkerNavigationInfo.headerBackground#330000
• editorMarkerNavigationWarning.background#330000
• editorMarkerNavigationWarning.headerBackground#330000
• editorOverviewRuler.addedForeground#ffffff
• editorOverviewRuler.background#000033
• editorOverviewRuler.border#ffffff
• editorOverviewRuler.bracketMatchForeground#a0a0a0
• editorOverviewRuler.commentForeground#ff0000
• editorOverviewRuler.commentUnresolvedForeground#ff0000
• editorOverviewRuler.commonContentForeground#ff0000
• editorOverviewRuler.currentContentForeground#40c8ae80
• editorOverviewRuler.deletedForeground#ffffff
• editorOverviewRuler.errorForeground#ffffff
• editorOverviewRuler.findMatchForeground#ffffffee
• editorOverviewRuler.incomingContentForeground#40a6ff80
• editorOverviewRuler.infoForeground#ffffff
• editorOverviewRuler.modifiedForeground#ffffff
• editorOverviewRuler.rangeHighlightForeground#ffffffee
• editorOverviewRuler.selectionHighlightForeground#ffffffee
• editorOverviewRuler.warningForeground#ffffff
• editorOverviewRuler.wordHighlightForeground#ffffffee
• editorOverviewRuler.wordHighlightStrongForeground#ffffffee
• editorOverviewRuler.wordHighlightTextForeground#ffffff
• editorPane.background#550000
• editorRuler.foreground#ffffff
• editorStickyScroll.background#000000
• editorStickyScrollHover.background#2a2d2e
• editorSuggestWidget.background#000055
• editorSuggestWidget.border#000088
• editorSuggestWidget.focusHighlightForeground#ff0000
• editorSuggestWidget.foreground#008888
• editorSuggestWidget.highlightForeground#0000ff
• editorSuggestWidget.selectedBackground#000033
• editorSuggestWidget.selectedForeground#ff0000
• editorSuggestWidget.selectedIconForeground#ff0000
• editorSuggestWidgetStatus.foreground#ff0000
• editorUnicodeHighlight.background#bd9b0326
• editorUnicodeHighlight.border#bd9b03
• editorUnnecessaryCode.border#990000
• editorUnnecessaryCode.opacity#000000aa
• editorWarning.background#330000ee
• editorWarning.border#ffffff
• editorWarning.foreground#cca700
• editorWhitespace.foreground#008888
• editorWidget.background#000000
• editorWidget.border#000000
• editorWidget.foreground#00aaaa
• editorWidget.resizeBorder#990000
• errorForeground#ffff00
• extensionBadge.remoteBackground#880000
• extensionBadge.remoteForeground#ffff00
• extensionButton.background#000088
• extensionButton.foreground#ffff00
• extensionButton.hoverBackground#0000ff
• extensionButton.prominentBackground#005500
• extensionButton.prominentForeground#ffffff
• extensionButton.prominentHoverBackground#008800
• extensionButton.separator#ffff00
• extensionIcon.preReleaseForeground#1d9271
• extensionIcon.sponsorForeground#d758b3
• extensionIcon.starForeground#ff8e00
• extensionIcon.verifiedForeground#5555ff
• foam.placeholder#cccc00
• focusBorder#00ffff
• foreground#00ff00
• gitDecoration.addedResourceForeground#ffffff
• gitDecoration.conflictingResourceForeground#ff0000
• gitDecoration.deletedResourceForeground#008888
• gitDecoration.ignoredResourceForeground#008800
• gitDecoration.modifiedResourceForeground#ffff00
• gitDecoration.renamedResourceForeground#73c991
• gitDecoration.stageDeletedResourceForeground#c74e39
• gitDecoration.stageModifiedResourceForeground#e2c08d
• gitDecoration.submoduleResourceForeground#8db9e2
• gitDecoration.untrackedResourceForeground#888800
• icon.foreground#ffff00
• inlineChat.background#000000
• inlineChat.border#000000
• inlineChat.regionHighlight#003300ee
• inlineChat.shadow#000088
• inlineChatDiff.inserted#9ccc2c1a
• inlineChatDiff.removed#ff00001a
• inlineChatInput.background#000000
• inlineChatInput.border#000000
• inlineChatInput.focusBorder#00ffff
• inlineChatInput.placeholderForeground#008888
• input.background#000000
• input.border#ffff00
• input.foreground#00ffff
• input.placeholderForeground#008888
• inputOption.activeBackground#2489db82
• inputOption.activeBorder#ffff00
• inputOption.activeForeground#0000bb
• inputOption.hoverBackground#003300ee
• inputValidation.errorBackground#000033
• inputValidation.errorBorder#ff0000
• inputValidation.errorForeground#ff0000
• inputValidation.infoBackground#000055
• inputValidation.infoBorder#ffff00
• inputValidation.infoForeground#0000ff
• inputValidation.warningBackground#000000
• inputValidation.warningBorder#ff0000
• inputValidation.warningForeground#ffff00
• interactive.activeCodeBorder#00ff00
• interactive.inactiveCodeBorder#000022
• keybindingLabel.background#8080802b
• keybindingLabel.border#33333399
• keybindingLabel.bottomBorder#44444499
• keybindingLabel.foreground#cccccc
• keybindingTable.headerBackground#00ff000a
• keybindingTable.rowsBackground#00ff000a
• list.activeSelectionBackground#003333
• list.activeSelectionForeground#00ffff
• list.activeSelectionIconForeground#ffff00
• list.deemphasizedForeground#8c8c8c
• list.dropBackground#000000
• list.errorForeground#f88070
• list.filterMatchBackground#000088
• list.filterMatchBorder#000033
• list.focusAndSelectionOutline#ff0000
• list.focusBackground#000000
• list.focusForeground#ffff00
• list.focusHighlightForeground#ff00ff
• list.focusOutline#ff0000
• list.highlightForeground#ff00ff
• list.hoverBackground#000033
• list.hoverForeground#ff00ff
• list.inactiveFocusBackground#000000
• list.inactiveFocusOutline#999900
• list.inactiveSelectionBackground#000022
• list.inactiveSelectionForeground#009999
• list.inactiveSelectionIconForeground#0000aa
• list.invalidItemForeground#ff0000
• list.warningForeground#cca700
• listFilterWidget.background#000000
• listFilterWidget.noMatchesOutline#be1100
• listFilterWidget.outline#ff0000
• listFilterWidget.shadow#000088
• menu.background#000000
• menu.border#009900
• menu.foreground#00ffff
• menu.selectionBackground#330033
• menu.selectionBorder#00ff00
• menu.selectionForeground#00ffff
• menu.separatorBackground#009900
• menubar.selectionBackground#330000
• menubar.selectionBorder#ffff00
• menubar.selectionForeground#ffff00
• merge.border#ff00ff
• merge.commonContentBackground#ff000066
• merge.commonHeaderBackground#990000ee
• merge.currentContentBackground#40c8ae33
• merge.currentHeaderBackground#40c8ae80
• merge.incomingContentBackground#40a6ff33
• merge.incomingHeaderBackground#40a6ff80
• mergeEditor.change.background#9bb95533
• mergeEditor.change.word.background#9ccc2c33
• mergeEditor.changeBase.background#4b1818
• mergeEditor.changeBase.word.background#6f1313
• mergeEditor.conflict.handled.minimapOverViewRuler#adaca8ee
• mergeEditor.conflict.handledFocused.border#c1c1c1cc
• mergeEditor.conflict.handledUnfocused.border#86868649
• mergeEditor.conflict.input1.background#40c8ae33
• mergeEditor.conflict.input2.background#40a6ff33
• mergeEditor.conflict.unhandled.minimapOverViewRuler#fcba03
• mergeEditor.conflict.unhandledFocused.border#ffa600
• mergeEditor.conflict.unhandledUnfocused.border#ffa6007a
• mergeEditor.conflictingLines.background#ffea0047
• minimap.background#000033
• minimap.errorHighlight#990000ee
• minimap.findMatchHighlight#ffff00ee
• minimap.foregroundOpacity#000000
• minimap.infoHighlight#00ff00
• minimap.selectionHighlight#000099ee
• minimap.selectionOccurrenceHighlight#009999ee
• minimap.warningHighlight#cccc00
• minimapGutter.addedBackground#0000ff
• minimapGutter.deletedBackground#990000
• minimapGutter.modifiedBackground#0078d4
• minimapSlider.activeBackground#11111180
• minimapSlider.background#00550080
• minimapSlider.hoverBackground#33333380
• multiDiffEditor.headerBackground#808080
• notebook.cellBorderColor#000022
• notebook.cellEditorBackground#000000
• notebook.cellHoverBackground#333333
• notebook.cellInsertionIndicator#00ffff
• notebook.cellStatusBarItemHoverBackground#ffffff26
• notebook.cellToolbarSeparator#80808059
• notebook.editorBackground#550000
• notebook.focusedCellBackground#333300
• notebook.focusedCellBorder#00ffff
• notebook.focusedEditorBorder#00ffff
• notebook.inactiveFocusedCellBorder#000022
• notebook.inactiveSelectedCellBorder#999900
• notebook.outputContainerBackgroundColor#330000
• notebook.outputContainerBorderColor#990000
• notebook.selectedCellBackground#000022
• notebook.selectedCellBorder#000022
• notebook.symbolHighlightBackground#ffffff0b
• notebookEditorOverviewRuler.runningCellForeground#89d185
• notebookScrollbarSlider.activeBackground#111111
• notebookScrollbarSlider.background#005500
• notebookScrollbarSlider.hoverBackground#333333
• notebookStatusErrorIcon.foreground#ffff00
• notebookStatusRunningIcon.foreground#00ff00
• notebookStatusSuccessIcon.foreground#89d185
• notificationCenter.border#ff0000
• notificationCenterHeader.background#1f1f1f
• notificationCenterHeader.foreground#ff00ff
• notificationLink.foreground#5555ff
• notifications.background#000033
• notifications.border#990000
• notifications.foreground#00ff00
• notificationsErrorIcon.foreground#f14c4c
• notificationsInfoIcon.foreground#00ff00
• notificationsWarningIcon.foreground#cca700
• notificationToast.border#ff0000
• panel.background#000000
• panel.border#990099
• panel.dropBorder#ff00ff
• panelInput.border#009999
• panelSection.border#2b2b2b
• panelSection.dropBackground#000000
• panelSectionHeader.background#550000
• panelSectionHeader.border#ff0000
• panelSectionHeader.foreground#0000ff
• panelTitle.activeBorder#ffff00
• panelTitle.activeForeground#ff00ff
• panelTitle.inactiveForeground#880088
• peekView.border#00ff00
• peekViewEditor.background#1f1f1f
• peekViewEditor.matchHighlightBackground#bb800966
• peekViewEditor.matchHighlightBorder#990000
• peekViewEditorGutter.background#1f1f1f
• peekViewEditorStickyScroll.background#1f1f1f
• peekViewResult.background#1f1f1f
• peekViewResult.fileForeground#ffffff
• peekViewResult.lineForeground#bbbbbb
• peekViewResult.matchHighlightBackground#bb800966
• peekViewResult.selectionBackground#3399ff33
• peekViewResult.selectionForeground#ffffff
• peekViewTitle.background#252526
• peekViewTitleDescription.foreground#ccccccb3
• peekViewTitleLabel.foreground#ffffff
• pickerGroup.border#0000ff
• pickerGroup.foreground#0000ff
• ports.iconRunningProcessForeground#369432
• problemsErrorIcon.foreground#f14c4c
• problemsInfoIcon.foreground#00ff00
• problemsWarningIcon.foreground#cca700
• profileBadge.background#4d4d4d
• profileBadge.foreground#ffffff
• progressBar.background#0078d4
• quickInput.background#000055
• quickInput.foreground#ffff00
• quickInputList.focusBackground#005555ee
• quickInputList.focusForeground#00ffff
• quickInputList.focusIconForeground#ffffff
• quickInputTitle.background#ffffff1b
• sash.hoverBorder#00ffff
• scm.historyItemAdditionsForeground#ffffff
• scm.historyItemDeletionsForeground#008888
• scm.historyItemSelectedStatisticsBorder#00ffff33
• scm.historyItemStatisticsBorder#00ff0033
• scrollbar.shadow#008888
• scrollbarSlider.activeBackground#009900
• scrollbarSlider.background#005500
• scrollbarSlider.hoverBackground#333333
• search.resultsInfoForeground#00ff00a6
• searchEditor.findMatchBackground#ff0000
• searchEditor.findMatchBorder#ff0000
• searchEditor.textInputBorder#ff0000
• selection.background#000055
• settings.checkboxBackground#313131
• settings.checkboxBorder#3c3c3c
• settings.checkboxForeground#00ff00
• settings.dropdownBackground#000000
• settings.dropdownBorder#00ffff
• settings.dropdownForeground#00ff00
• settings.dropdownListBorder#000000
• settings.focusedRowBackground#00003399
• settings.focusedRowBorder#00ffff
• settings.headerBorder#ffff00
• settings.headerForeground#00ffff
• settings.modifiedItemIndicator#ffff00
• settings.numberInputBackground#000000
• settings.numberInputBorder#ffff00
• settings.numberInputForeground#00ffff
• settings.rowHoverBackground#0000334d
• settings.sashBorder#2b2b2b
• settings.settingsHeaderHoverForeground#00ffffb3
• settings.textInputBackground#000000
• settings.textInputBorder#ffff00
• settings.textInputForeground#00ffff
• sideBar.background#000000
• sideBar.border#009900
• sideBar.dropBackground#000000
• sideBar.foreground#00ff00
• sideBarSectionHeader.background#000000
• sideBarSectionHeader.border#990000
• sideBarSectionHeader.foreground#880000
• sideBarTitle.foreground#ff0000
• sideBySideEditor.horizontalBorder#00ff00
• sideBySideEditor.verticalBorder#00ff00
• simpleFindWidget.sashBorder#454545
• statusBar.background#000000
• statusBar.border#009900
• statusBar.debuggingBackground#000055
• statusBar.debuggingBorder#0000ff
• statusBar.debuggingForeground#ffffff
• statusBar.focusBorder#00ffff
• statusBar.foreground#ff00ff
• statusBar.noFolderBackground#000000
• statusBar.noFolderBorder#888800
• statusBar.noFolderForeground#008800
• statusBarItem.activeBackground#000000
• statusBarItem.compactHoverBackground#ffffff33
• statusBarItem.errorBackground#999900
• statusBarItem.errorForeground#ffffff
• statusBarItem.errorHoverBackground#ffffff1f
• statusBarItem.errorHoverForeground#ff00ff
• statusBarItem.focusBorder#0078d4
• statusBarItem.hoverBackground#ffffff1f
• statusBarItem.hoverForeground#ff00ff
• statusBarItem.offlineBackground#6c1717
• statusBarItem.offlineForeground#ffffff
• statusBarItem.offlineHoverBackground#ffffff1f
• statusBarItem.offlineHoverForeground#ff00ff
• statusBarItem.prominentBackground#000033
• statusBarItem.prominentForeground#aa00aa
• statusBarItem.prominentHoverBackground#000055
• statusBarItem.prominentHoverForeground#ff00ff
• statusBarItem.remoteBackground#0078d4
• statusBarItem.remoteForeground#ffffff
• statusBarItem.remoteHoverBackground#ffffff1f
• statusBarItem.remoteHoverForeground#ff00ff
• statusBarItem.warningBackground#7a6400
• statusBarItem.warningForeground#ffffff
• statusBarItem.warningHoverBackground#ffffff1f
• statusBarItem.warningHoverForeground#ff00ff
• symbolIcon.arrayForeground#00ff00
• symbolIcon.booleanForeground#00ff00
• symbolIcon.classForeground#ee9d28
• symbolIcon.colorForeground#00ff00
• symbolIcon.constantForeground#00ff00
• symbolIcon.constructorForeground#b180d7
• symbolIcon.enumeratorForeground#ee9d28
• symbolIcon.enumeratorMemberForeground#75beff
• symbolIcon.eventForeground#ee9d28
• symbolIcon.fieldForeground#75beff
• symbolIcon.fileForeground#00ff00
• symbolIcon.folderForeground#00ff00
• symbolIcon.functionForeground#b180d7
• symbolIcon.interfaceForeground#75beff
• symbolIcon.keyForeground#00ff00
• symbolIcon.keywordForeground#00ff00
• symbolIcon.methodForeground#b180d7
• symbolIcon.moduleForeground#00ff00
• symbolIcon.namespaceForeground#00ff00
• symbolIcon.nullForeground#00ff00
• symbolIcon.numberForeground#00ff00
• symbolIcon.objectForeground#00ff00
• symbolIcon.operatorForeground#00ff00
• symbolIcon.packageForeground#00ff00
• symbolIcon.propertyForeground#00ff00
• symbolIcon.referenceForeground#ffff00
• symbolIcon.snippetForeground#00ff00
• symbolIcon.stringForeground#00ff00
• symbolIcon.structForeground#00ff00
• symbolIcon.textForeground#00ff00
• symbolIcon.typeParameterForeground#00ff00
• symbolIcon.unitForeground#00ff00
• symbolIcon.variableForeground#75beff
• tab.activeBackground#000000
• tab.activeBorder#000000
• tab.activeBorderTop#008800
• tab.activeForeground#00ffff
• tab.activeModifiedBorder#00ffff
• tab.border#008800
• tab.hoverBackground#000000
• tab.hoverBorder#000000
• tab.hoverForeground#00ffff
• tab.inactiveBackground#000000
• tab.inactiveForeground#009999
• tab.inactiveModifiedBorder#ff0000
• tab.lastPinnedBorder#008800
• tab.unfocusedActiveBackground#ff0000
• tab.unfocusedActiveBorder#009900
• tab.unfocusedActiveBorderTop#ff00ff
• tab.unfocusedActiveForeground#ffff00
• tab.unfocusedActiveModifiedBorder#ff0000
• tab.unfocusedHoverBackground#000000
• tab.unfocusedHoverBorder#000000
• tab.unfocusedHoverForeground#00ffff
• tab.unfocusedInactiveBackground#000033
• tab.unfocusedInactiveForeground#008888
• tab.unfocusedInactiveModifiedBorder#ff0000
• terminal.ansiBlack#000000
• terminal.ansiBlue#000088
• terminal.ansiBrightBlack#555555
• terminal.ansiBrightBlue#0000ff
• terminal.ansiBrightCyan#00ffff
• terminal.ansiBrightGreen#00ff00
• terminal.ansiBrightMagenta#ff00ff
• terminal.ansiBrightRed#ff0000
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffff00
• terminal.ansiCyan#00aaaa
• terminal.ansiGreen#00aa00
• terminal.ansiMagenta#aa00aa
• terminal.ansiRed#aa0000
• terminal.ansiWhite#cccccc
• terminal.ansiYellow#aaaa00
• terminal.background#000000
• terminal.border#ff0000
• terminal.dropBackground#003300ee
• terminal.findMatchBackground#005500ee
• terminal.findMatchBorder#990000
• terminal.findMatchHighlightBackground#000088ee
• terminal.findMatchHighlightBorder#990000
• terminal.foreground#009900
• terminal.hoverHighlightBackground#00330080
• terminal.inactiveSelectionBackground#333300
• terminal.selectionBackground#005555ee
• terminal.selectionForeground#ffff00
• terminal.tab.activeBorder#008800
• terminalCommandDecoration.defaultBackground#ffffff40
• terminalCommandDecoration.errorBackground#f14c4c
• terminalCommandDecoration.successBackground#1b81a8
• terminalCursor.background#000000
• terminalCursor.foreground#ffff00
• terminalOverviewRuler.cursorForeground#a0a0a0cc
• terminalOverviewRuler.findMatchForeground#ffffff
• terminalStickyScroll.background#000000
• terminalStickyScrollHover.background#2a2d2e
• testing.iconErrored#f14c4c
• testing.iconFailed#f14c4c
• testing.iconPassed#73c991
• testing.iconQueued#cca700
• testing.iconSkipped#848484
• testing.iconUnset#848484
• testing.message.error.decorationForeground#f14c4c
• testing.message.error.lineBackground#ff000033
• testing.message.info.decorationForeground#00ff0080
• testing.message.info.lineBackground#000033
• testing.peekBorder#f14c4c
• testing.peekHeaderBackground#f14c4c1a
• testing.runAction#73c991
• textBlockQuote.background#000088
• textBlockQuote.border#ff0000
• textCodeBlock.background#000022
• textLink.activeForeground#00ffff
• textLink.foreground#5555ff
• textPreformat.background#3c3c3c
• textPreformat.foreground#ffff00
• textSeparator.foreground#ffff00
• titleBar.activeBackground#000099
• titleBar.activeForeground#ff00ff
• titleBar.border#009900
• titleBar.inactiveBackground#000033
• titleBar.inactiveForeground#008888
• toolbar.activeBackground#550000
• toolbar.hoverBackground#330000
• toolbar.hoverOutline#ffff00
• tree.inactiveIndentGuidesStroke#58585866
• tree.indentGuidesStroke#585858
• tree.tableColumnsBorder#cccccc20
• tree.tableOddRowsBackground#00ff000a
• walkThrough.embeddedEditorBackground#00000066
• walkthrough.stepTitle.foreground#ffffff
• welcomePage.background#000000
• welcomePage.progress.background#000000
• welcomePage.progress.foreground#006600
• welcomePage.tileBackground#000000
• welcomePage.tileBorder#ffff00
• welcomePage.tileHoverBackground#003333
• widget.border#ff0000
• widget.shadow#000088
• window.activeBorder#ff0000
• window.inactiveBorder#880000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...