Afterimage — Phosphor & Infrared
Publisher: qianlei228Themes in package: 2
Two radical color themes: Phosphor (monochromatic green CRT) and Infrared (thermal imaging gradient). Not another dark 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.activeBorder#00ff41
- activityBar.background#050a05
- activityBar.border#0a180a
- activityBar.foreground#2a7a2a
- activityBar.inactiveForeground#163816
- activityBarBadge.background#00ff41
- activityBarBadge.foreground#040804
- badge.background#00ff41
- badge.foreground#040804
- breadcrumb.activeSelectionForeground#66ee66
- breadcrumb.focusForeground#3ab840
- breadcrumb.foreground#1a4a1a
- button.background#1a6a1a
- button.foreground#ccffcc
- button.hoverBackground#228822
- button.secondaryBackground#0e1e0e
- button.secondaryForeground#3ab840
- button.secondaryHoverBackground#142814
- checkbox.background#0a100a
- checkbox.border#1a3a1a
- checkbox.foreground#3ab840
- commandCenter.activeBackground#0e220e
- commandCenter.activeForeground#44cc44
- commandCenter.background#070e07
- commandCenter.border#1a3a1a
- commandCenter.foreground#2a7a2a
- debugConsole.errorForeground#ff3030
- debugConsole.infoForeground#44cc44
- debugConsole.warningForeground#cccc20
- debugConsoleInputIcon.foreground#00ff41
- debugIcon.breakpointForeground#ff3030
- debugIcon.restartForeground#00ff41
- debugIcon.startForeground#00ff41
- debugIcon.stepIntoForeground#55ee55
- debugIcon.stepOutForeground#55ee55
- debugIcon.stepOverForeground#55ee55
- debugIcon.stopForeground#ff3030
- debugToolBar.background#080e08
- descriptionForeground#2a7a2a
- diffEditor.diagonalFill#122812
- diffEditor.insertedLineBackground#00ff4108
- diffEditor.insertedTextBackground#00ff410e
- diffEditor.removedLineBackground#ff303008
- diffEditor.removedTextBackground#ff30300e
- dropdown.background#080e08
- dropdown.border#1a3a1a
- dropdown.foreground#3ab840
- dropdown.listBackground#0a100a
- editor.background#0a100a
- editor.findMatchBackground#00ff4130
- editor.findMatchBorder#00ff4166
- editor.findMatchHighlightBackground#00ff4118
- editor.foldBackground#0c1a0c20
- editor.foreground#3ab840
- editor.hoverHighlightBackground#00ff410a
- editor.inactiveSelectionBackground#00ff4110
- editor.lineHighlightBackground#0c180c
- editor.lineHighlightBorder#0c180c00
- editor.rangeHighlightBackground#00ff4108
- editor.selectionBackground#00ff4120
- editor.selectionHighlightBackground#00ff4112
- editor.symbolHighlightBackground#00ff4115
- editor.wordHighlightBackground#00ff4115
- editor.wordHighlightStrongBackground#00ff4120
- editorBracketHighlight.foreground1#88ff88
- editorBracketHighlight.foreground2#55dd44
- editorBracketHighlight.foreground3#33bb66
- editorBracketHighlight.foreground4#66ee55
- editorBracketHighlight.foreground5#44cc88
- editorBracketHighlight.foreground6#77ff66
- editorBracketMatch.background#00ff4118
- editorBracketMatch.border#00ff4155
- editorCodeLens.foreground#1a4a1a
- editorCursor.foreground#00ff41
- editorError.foreground#ff3030
- editorGroup.border#0c1a0c
- editorGroupHeader.tabsBackground#060c06
- editorGroupHeader.tabsBorder#0c1a0c
- editorGutter.addedBackground#00ff4155
- editorGutter.deletedBackground#ff303055
- editorGutter.foldingControlForeground#1a4a1a
- editorGutter.modifiedBackground#55dd4455
- editorHint.foreground#33bb66
- editorHoverWidget.background#080e08
- editorHoverWidget.border#1a3a1a
- editorIndentGuide.activeBackground#1a3a1a
- editorIndentGuide.background#0e1e0e
- editorInfo.foreground#44cc44
- editorLightBulb.foreground#55ee55
- editorLightBulbAutoFix.foreground#00ff41
- editorLineNumber.activeForeground#00ff41
- editorLineNumber.foreground#163016
- editorLink.activeForeground#55ee55
- editorOverviewRuler.addedForeground#00ff4155
- editorOverviewRuler.border#0c1a0c
- editorOverviewRuler.deletedForeground#ff303055
- editorOverviewRuler.errorForeground#ff3030
- editorOverviewRuler.findMatchForeground#00ff4155
- editorOverviewRuler.infoForeground#44cc44
- editorOverviewRuler.modifiedForeground#55dd4455
- editorOverviewRuler.warningForeground#cccc20
- editorRuler.foreground#0e1e0e
- editorStickyScroll.background#080e08
- editorStickyScrollHover.background#0a140a
- editorSuggestWidget.background#080e08
- editorSuggestWidget.border#1a3a1a
- editorSuggestWidget.focusHighlightForeground#00ff41
- editorSuggestWidget.foreground#3ab840
- editorSuggestWidget.highlightForeground#00ff41
- editorSuggestWidget.selectedBackground#0e220e
- editorWarning.foreground#cccc20
- editorWhitespace.foreground#122812
- editorWidget.background#080e08
- editorWidget.border#1a3a1a
- editorWidget.foreground#3ab840
- errorForeground#ff3030
- focusBorder#00ff4133
- foreground#3ab840
- gitDecoration.addedResourceForeground#00ff41
- gitDecoration.conflictingResourceForeground#cccc20
- gitDecoration.deletedResourceForeground#ff3030
- gitDecoration.ignoredResourceForeground#122812
- gitDecoration.modifiedResourceForeground#55dd44
- gitDecoration.renamedResourceForeground#44ccaa
- gitDecoration.untrackedResourceForeground#00ff4188
- icon.foreground#2a7a2a
- input.background#060c06
- input.border#1a3a1a
- input.foreground#44cc44
- input.placeholderForeground#1a3a1a
- inputOption.activeBackground#00ff4122
- inputOption.activeBorder#00ff41
- inputOption.activeForeground#88ff88
- inputValidation.errorBackground#3a0a0a
- inputValidation.errorBorder#ff3030
- inputValidation.infoBackground#0a1e0a
- inputValidation.infoBorder#44cc44
- inputValidation.warningBackground#2a2a0a
- inputValidation.warningBorder#cccc20
- list.activeSelectionBackground#0a2a0a
- list.activeSelectionForeground#88ff88
- list.activeSelectionIconForeground#88ff88
- list.dropBackground#00ff4110
- list.errorForeground#ff3030
- list.focusBackground#0a2a0a
- list.focusForeground#88ff88
- list.focusOutline#00ff4133
- list.highlightForeground#00ff41
- list.hoverBackground#0c180c
- list.hoverForeground#44cc44
- list.inactiveSelectionBackground#0a1e0a
- list.inactiveSelectionForeground#3ab840
- list.invalidItemForeground#ff3030
- list.warningForeground#cccc20
- listFilterWidget.background#0a140a
- listFilterWidget.noMatchesOutline#ff3030
- menu.background#080e08
- menu.foreground#3ab840
- menu.selectionBackground#0e220e
- menu.selectionForeground#66ee66
- menu.separatorBackground#1a3a1a
- merge.currentContentBackground#00ff410c
- merge.currentHeaderBackground#00ff4118
- merge.incomingContentBackground#33bb660c
- merge.incomingHeaderBackground#33bb6618
- minimap.errorHighlight#ff303080
- minimap.findMatchHighlight#00ff4140
- minimap.selectionHighlight#00ff4130
- minimap.warningHighlight#cccc2060
- minimapGutter.addedBackground#00ff4155
- minimapGutter.deletedBackground#ff303055
- minimapGutter.modifiedBackground#55dd4455
- minimapSlider.activeBackground#00ff4130
- minimapSlider.background#00ff4110
- minimapSlider.hoverBackground#00ff4120
- notifications.background#080e08
- notifications.border#1a3a1a
- notifications.foreground#3ab840
- notificationsErrorIcon.foreground#ff3030
- notificationsInfoIcon.foreground#44cc44
- notificationsWarningIcon.foreground#cccc20
- panel.background#080e08
- panel.border#0c1a0c
- panel.dropBorder#00ff41
- panelTitle.activeBorder#00ff41
- panelTitle.activeForeground#44cc44
- panelTitle.inactiveForeground#1a4a1a
- peekView.border#00ff4133
- peekViewEditor.background#070e07
- peekViewEditor.matchHighlightBackground#00ff4125
- peekViewResult.background#080e08
- peekViewResult.fileForeground#44cc44
- peekViewResult.lineForeground#2a7a2a
- peekViewResult.matchHighlightBackground#00ff4125
- peekViewResult.selectionBackground#0e220e
- peekViewTitle.background#080e08
- peekViewTitleDescription.foreground#2a7a2a
- peekViewTitleLabel.foreground#66ee66
- progressBar.background#00ff41
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#00ff4130
- scrollbarSlider.background#0a200a18
- scrollbarSlider.hoverBackground#0a300a30
- selection.background#00ff4122
- sideBar.background#070e07
- sideBar.border#0c1a0c
- sideBar.dropBackground#00ff4110
- sideBar.foreground#2a8a2a
- sideBarSectionHeader.background#0a140a
- sideBarSectionHeader.border#0c1a0c
- sideBarSectionHeader.foreground#2a7a2a
- sideBarTitle.foreground#2a7a2a
- statusBar.background#040a04
- statusBar.border#0a180a
- statusBar.debuggingBackground#00ff41
- statusBar.debuggingForeground#040804
- statusBar.foreground#1a6a1a
- statusBar.noFolderBackground#0a100a
- statusBar.noFolderForeground#1a6a1a
- statusBarItem.activeBackground#00ff4120
- statusBarItem.errorBackground#ff303033
- statusBarItem.errorForeground#ff3030
- statusBarItem.hoverBackground#00ff4115
- statusBarItem.prominentBackground#00ff4118
- statusBarItem.prominentForeground#00ff41
- statusBarItem.remoteBackground#00ff41
- statusBarItem.remoteForeground#040804
- statusBarItem.warningBackground#cccc2022
- statusBarItem.warningForeground#cccc20
- tab.activeBackground#0a100a
- tab.activeBorderTop#00ff41
- tab.activeForeground#66ee66
- tab.border#060c06
- tab.hoverBackground#0c180c
- tab.inactiveBackground#060c06
- tab.inactiveForeground#1a4a1a
- tab.unfocusedActiveBackground#0a100a
- tab.unfocusedActiveBorderTop#00ff4166
- tab.unfocusedActiveForeground#2a8a2a
- terminal.ansiBlack#0a100a
- terminal.ansiBlue#33bb66
- terminal.ansiBrightBlack#1a4a1a
- terminal.ansiBrightBlue#44dd88
- terminal.ansiBrightCyan#66ddcc
- terminal.ansiBrightGreen#55ff77
- terminal.ansiBrightMagenta#77eebb
- terminal.ansiBrightRed#ff5050
- terminal.ansiBrightWhite#bbffbb
- terminal.ansiBrightYellow#dddd44
- terminal.ansiCyan#44ccaa
- terminal.ansiGreen#00ff41
- terminal.ansiMagenta#55dd88
- terminal.ansiRed#ff3030
- terminal.ansiWhite#66ee66
- terminal.ansiYellow#cccc20
- terminal.background#080e08
- terminal.foreground#3ab840
- terminal.selectionBackground#00ff4120
- terminal.tab.activeBorder#00ff41
- terminalCursor.foreground#00ff41
- testing.iconFailed#ff3030
- testing.iconPassed#00ff41
- testing.iconSkipped#cccc20
- textBlockQuote.background#0a140a
- textBlockQuote.border#1a4a1a
- textLink.activeForeground#88ff88
- textLink.foreground#55ee55
- textPreformat.foreground#55dd44
- titleBar.activeBackground#050a05
- titleBar.activeForeground#2a7a2a
- titleBar.border#0a180a
- titleBar.inactiveBackground#050a05
- titleBar.inactiveForeground#163816
- toolbar.hoverBackground#0e1e0e
- tree.indentGuidesStroke#122812
- tree.tableColumnsBorder#122812
- welcomePage.tileBackground#0a140a
- welcomePage.tileBorder#1a3a1a
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #1a401a | italic |
| comment.block.documentation | #225522 | italic |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.flow, keyword.control.trycatch | #77ff55 | bold |
| storage, storage.type, storage.modifier, keyword.function, keyword.var, keyword.const, keyword.let | #66ee44 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.ternary, keyword.operator.spread, keyword.operator.type, storage.type.function.arrow | #40cc88 | — |
| string, string.quoted, string.template | #55cc33 | — |
| constant.character.escape | #88ff66 | bold |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #77ff55 | — |
| meta.template.expression | #3ab840 | — |
| string.regexp | #44ccaa | — |
| keyword.operator.quantifier.regexp, keyword.operator.or.regexp | #66ddbb | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #88ee55 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #77ff55 | bold italic |
| constant.other, variable.other.constant | #88ee60 | bold |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.function-call | #44ee77 | — |
| meta.method-call entity.name.function, entity.name.function.member | #44ee77 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.module, support.type, support.class, entity.other.inherited-class | #55dd66 | italic |
| entity.name.type.interface, entity.name.type.alias, entity.name.type.enum | #55dd66 | italic underline |
| entity.name.type.parameter | #66dd88 | italic |
| variable, variable.other, variable.other.readwrite | #3ab840 | — |
| variable.parameter | #30a838 | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #44aa44 | — |
| variable.language | #66ee44 | bold italic |
| punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array, punctuation.separator, punctuation.terminator, meta.brace.round, meta.brace.square, meta.brace.curly | #266a26 | — |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator | #66dd88 | bold italic |
| entity.name.tag, punctuation.definition.tag | #44cc55 | — |
| support.class.component | #55dd66 | italic |
| entity.other.attribute-name | #44aa55 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #55ee55 | — |
| support.type.property-name.css | #44aa44 | — |
| support.constant.property-value.css | #55cc33 | — |
| keyword.other.unit.css | #88ee55 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #55dd66 | italic |
| support.type.property-name.json | #44cc55 | — |
| entity.name.tag.yaml | #44cc55 | — |
| markup.heading, entity.name.section.markdown | #77ff55 | bold |
| markup.bold | #66ee44 | bold |
| markup.italic | #55dd66 | italic |
| markup.underline.link | #44ccaa | — |
| markup.inline.raw, markup.fenced_code | #55cc33 | — |
| support.function.magic.python | #44ccaa | italic |
| support.function.builtin.go | #44ccaa | — |
| entity.name.function.target.makefile | #55ee55 | bold |
| markup.inserted | #00ff41 | — |
| markup.deleted | #ff3030 | — |
| markup.changed | #88ee55 | — |
| invalid, invalid.illegal | #ff3030 | bold underline |
| invalid.deprecated | #cccc20 | strikethrough |