Fosphor
Publisher: jojihatzzThemes in package: 1
A minimalist, 80s-inspired Phosphor CRT 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.activeBorder#00000000
- activityBar.background#0D140E
- activityBar.border#00000000
- activityBar.foreground#A8E6A3
- activityBar.inactiveForeground#5D7E5D
- activityBarBadge.background#F07178
- activityBarBadge.foreground#0D140E
- badge.background#82AAFF
- badge.foreground#0D140E
- breadcrumb.activeSelectionForeground#A8E6A3
- breadcrumb.background#111B13
- breadcrumb.focusForeground#A8E6A3
- breadcrumb.foreground#5D7E5D
- breadcrumbPicker.background#0D140E
- button.background#2E4734
- button.border#00000000
- button.foreground#A8E6A3
- button.hoverBackground#3A5941
- button.secondaryBackground#1A261D
- button.secondaryForeground#A8E6A3
- button.secondaryHoverBackground#2E4734
- charts.blue#82AAFF
- charts.foreground#A8E6A3
- charts.green#C3E88D
- charts.lines#5D7E5D
- charts.orange#F8B965
- charts.purple#C792EA
- charts.red#F07178
- charts.yellow#FFCB6B
- checkbox.background#0D140E
- checkbox.border#1A261D
- checkbox.foreground#A8E6A3
- checkbox.selectBackground#2E4734
- checkbox.selectBorder#5D7E5D
- commandCenter.activeBackground#1A261D
- commandCenter.activeBorder#5D7E5D
- commandCenter.activeForeground#A8E6A3
- commandCenter.background#111B13
- commandCenter.border#1A261D
- commandCenter.foreground#A8E6A3
- commandCenter.inactiveBorder#00000000
- commandCenter.inactiveForeground#5D7E5D
- contrastActiveBorder#00000000
- contrastBorder#00000000
- debugConsole.errorForeground#F07178
- debugConsole.infoForeground#82AAFF
- debugConsole.sourceForeground#A8E6A3
- debugConsole.warningForeground#F8B965
- debugConsoleInputIcon.foreground#7FDBCA
- debugIcon.breakpointCurrentStackframeForeground#FFCB6B
- debugIcon.breakpointDisabledForeground#5D7E5D
- debugIcon.breakpointForeground#F07178
- debugIcon.breakpointStackframeForeground#82AAFF
- debugIcon.breakpointUnverifiedForeground#F8B965
- debugIcon.continueForeground#C3E88D
- debugIcon.disconnectForeground#F07178
- debugIcon.pauseForeground#F8B965
- debugIcon.restartForeground#C3E88D
- debugIcon.startForeground#C3E88D
- debugIcon.stepBackForeground#82AAFF
- debugIcon.stepIntoForeground#82AAFF
- debugIcon.stepOutForeground#82AAFF
- debugIcon.stepOverForeground#82AAFF
- debugIcon.stopForeground#F07178
- debugToolBar.background#0D140E
- debugToolBar.border#2E4734
- descriptionForeground#7FDBCA
- diffEditor.border#2E4734
- diffEditor.diagonalFill#2E4734
- diffEditor.insertedLineBackground#C3E88D10
- diffEditor.insertedTextBackground#C3E88D20
- diffEditor.removedLineBackground#F0717810
- diffEditor.removedTextBackground#F0717820
- diffEditorGutter.insertedLineBackground#C3E88D30
- diffEditorGutter.removedLineBackground#F0717830
- diffEditorOverview.insertedForeground#C3E88D
- diffEditorOverview.removedForeground#F07178
- disabledForeground#5D7E5D
- dropdown.background#111B13
- dropdown.border#1A261D
- dropdown.foreground#A8E6A3
- dropdown.listBackground#0D140E
- editor.background#111B13
- editor.findMatchBackground#3A5941
- editor.findMatchHighlightBackground#2E473480
- editor.foreground#A8E6A3
- editor.lineHighlightBackground#1A261D
- editor.selectionBackground#2E4734
- editor.wordHighlightBackground#2E473460
- editor.wordHighlightBorder#5D7E5D
- editor.wordHighlightStrongBackground#3A594160
- editorBracketHighlight.foreground1#89DDFF
- editorBracketHighlight.foreground2#C792EA
- editorBracketHighlight.foreground3#FFCB6B
- editorBracketHighlight.foreground4#F07178
- editorBracketHighlight.foreground5#82AAFF
- editorBracketHighlight.foreground6#C3E88D
- editorBracketHighlight.unexpectedBracket.foreground#FF5370
- editorBracketMatch.background#2E473460
- editorBracketMatch.border#7FDBCA
- editorCursor.foreground#C3E88D
- editorError.border#FF537050
- editorError.foreground#FF5370
- editorGroup.border#00000000
- editorGroupHeader.tabsBackground#0D140E
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#C3E88D
- editorGutter.background#111B13
- editorGutter.commentRangeForeground#5D7E5D
- editorGutter.deletedBackground#F07178
- editorGutter.foldingControlForeground#5D7E5D
- editorGutter.modifiedBackground#82AAFF
- editorHint.border#7FDBCA50
- editorHint.foreground#7FDBCA
- editorHoverWidget.background#0D140E
- editorHoverWidget.border#2E4734
- editorHoverWidget.foreground#A8E6A3
- editorHoverWidget.highlightForeground#82AAFF
- editorHoverWidget.statusBarBackground#111B13
- editorIndentGuide.activeBackground1#5D7E5D
- editorIndentGuide.background1#2E4734
- editorInfo.border#82AAFF50
- editorInfo.foreground#82AAFF
- editorLightBulb.foreground#FFCB6B
- editorLightBulbAutoFix.foreground#C3E88D
- editorLineNumber.activeForeground#7FDBCA
- editorLineNumber.dimmedForeground#2E4734
- editorLineNumber.foreground#3A5941
- editorOverviewRuler.addedForeground#C3E88DB3
- editorOverviewRuler.border#1A261D
- editorOverviewRuler.bracketMatchForeground#7FDBCAB3
- editorOverviewRuler.deletedForeground#F07178B3
- editorOverviewRuler.errorForeground#FF5370B3
- editorOverviewRuler.findMatchForeground#7FDBCAB3
- editorOverviewRuler.infoForeground#82AAFFB3
- editorOverviewRuler.modifiedForeground#82AAFFB3
- editorOverviewRuler.rangeHighlightForeground#7FDBCAB3
- editorOverviewRuler.selectionHighlightForeground#5D7E5DB3
- editorOverviewRuler.warningForeground#F8B965B3
- editorOverviewRuler.wordHighlightForeground#5D7E5DB3
- editorOverviewRuler.wordHighlightStrongForeground#7FDBCAB3
- editorRuler.foreground#2E4734
- editorSuggestWidget.background#0D140E
- editorSuggestWidget.border#1A261D40
- editorSuggestWidget.focusHighlightForeground#FF6B9D
- editorSuggestWidget.foreground#A8E6A3
- editorSuggestWidget.highlightForeground#82AAFF
- editorSuggestWidget.selectedBackground#2E4734
- editorSuggestWidget.selectedForeground#A8E6A3
- editorSuggestWidget.selectedIconForeground#7FDBCA
- editorWarning.border#F8B96550
- editorWarning.foreground#F8B965
- editorWhitespace.foreground#2E4734
- editorWidget.background#111B13
- editorWidget.border#1A261D40
- editorWidget.foreground#A8E6A3
- editorWidget.resizeBorder#5D7E5D
- errorForeground#F07178
- focusBorder#5D7E5D
- foreground#A8E6A3
- gitDecoration.addedResourceForeground#C3E88D
- gitDecoration.conflictingResourceForeground#F8B965
- gitDecoration.deletedResourceForeground#F07178
- gitDecoration.ignoredResourceForeground#5D7E5D
- gitDecoration.modifiedResourceForeground#82AAFF
- gitDecoration.renamedResourceForeground#7FDBCA
- gitDecoration.stageDeletedResourceForeground#F07178
- gitDecoration.stageModifiedResourceForeground#C3E88D
- gitDecoration.submoduleResourceForeground#89DDFF
- gitDecoration.untrackedResourceForeground#C3E88D
- icon.foreground#7FDBCA
- input.background#081009
- input.border#1A261D
- input.foreground#A8E6A3
- input.placeholderForeground#5D7E5D
- inputOption.activeBackground#2E4734
- inputOption.activeBorder#00000000
- inputOption.activeForeground#A8E6A3
- inputOption.hoverBackground#1A261D
- inputValidation.errorBackground#F0717820
- inputValidation.errorBorder#F07178
- inputValidation.errorForeground#F07178
- inputValidation.infoBackground#82AAFF20
- inputValidation.infoBorder#82AAFF
- inputValidation.infoForeground#82AAFF
- inputValidation.warningBackground#F8B96520
- inputValidation.warningBorder#F8B965
- inputValidation.warningForeground#F8B965
- keybindingLabel.background#1A261D
- keybindingLabel.border#1A261D
- keybindingLabel.bottomBorder#00000000
- keybindingLabel.foreground#A8E6A3
- list.activeSelectionBackground#2E4734
- list.activeSelectionForeground#A8E6A3
- list.deemphasizedForeground#5D7E5D
- list.errorForeground#F07178
- list.filterMatchBackground#2E473480
- list.focusBackground#2E4734
- list.focusForeground#A8E6A3
- list.focusOutline#00000000
- list.highlightForeground#FF6B9D
- list.hoverBackground#1A261D
- list.inactiveSelectionBackground#141F16
- list.inactiveSelectionForeground#7FDBCA
- list.invalidItemForeground#F07178
- list.warningForeground#F8B965
- listFilterWidget.background#111B13
- listFilterWidget.noMatchesOutline#F07178
- listFilterWidget.outline#5D7E5D
- menu.background#0D140E
- menu.border#1A261D40
- menu.foreground#A8E6A3
- menu.selectionBackground#2E4734
- menu.selectionForeground#A8E6A3
- menu.separatorBackground#1A261D
- menubar.selectionBackground#2E4734
- menubar.selectionForeground#A8E6A3
- minimap.background#0D140E
- minimap.errorHighlight#FF537080
- minimap.findMatchHighlight#7FDBCA80
- minimap.foregroundOpacity#000000C0
- minimap.selectionHighlight#2E473480
- minimap.warningHighlight#F8B96580
- minimapGutter.addedBackground#C3E88D
- minimapGutter.deletedBackground#F07178
- minimapGutter.modifiedBackground#82AAFF
- minimapSlider.activeBackground#7FDBCA40
- minimapSlider.background#2E473440
- minimapSlider.hoverBackground#3A594160
- notificationCenter.border#00000000
- notificationCenterHeader.background#0D140E
- notificationCenterHeader.foreground#A8E6A3
- notificationLink.foreground#82AAFF
- notifications.background#111B13
- notifications.border#00000000
- notifications.foreground#A8E6A3
- notificationsErrorIcon.foreground#F07178
- notificationsInfoIcon.foreground#82AAFF
- notificationsWarningIcon.foreground#F8B965
- notificationToast.border#00000000
- panel.background#0D140E
- panel.border#00000000
- panelInput.border#1A261D
- panelSection.border#1A261D40
- panelSectionHeader.background#0D140E
- panelSectionHeader.border#00000000
- panelSectionHeader.foreground#A8E6A3
- panelTitle.activeBorder#7FDBCA
- panelTitle.activeForeground#A8E6A3
- panelTitle.inactiveForeground#5D7E5D
- pickerGroup.border#1A261D
- pickerGroup.foreground#82AAFF
- problemsErrorIcon.foreground#F07178
- problemsInfoIcon.foreground#82AAFF
- problemsWarningIcon.foreground#F8B965
- progressBar.background#7FDBCA
- quickInput.background#0D140E
- quickInput.foreground#A8E6A3
- quickInputList.focusBackground#2E4734
- quickInputList.focusForeground#A8E6A3
- quickInputList.focusIconForeground#7FDBCA
- quickInputTitle.background#111B13
- sash.hoverBorder#5D7E5D
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#7FDBCA
- scrollbarSlider.background#2E473480
- scrollbarSlider.hoverBackground#3A5941
- selection.background#2E4734
- sideBar.background#0D140E
- sideBar.border#00000000
- sideBar.dropBackground#2E473480
- sideBar.foreground#7FDBCA
- sideBarSectionHeader.background#0D140E
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#A8E6A3
- sideBarTitle.foreground#A8E6A3
- statusBar.background#0D140E
- statusBar.border#00000000
- statusBar.debuggingBackground#F07178
- statusBar.debuggingForeground#0D140E
- statusBar.foreground#A8E6A3
- statusBar.noFolderBackground#0D140E
- statusBar.noFolderForeground#5D7E5D
- statusBarItem.activeBackground#2E4734
- statusBarItem.errorBackground#F07178
- statusBarItem.errorForeground#0D140E
- statusBarItem.hoverBackground#1A261D
- statusBarItem.prominentBackground#82AAFF
- statusBarItem.prominentForeground#0D140E
- statusBarItem.prominentHoverBackground#89DDFF
- statusBarItem.remoteBackground#C792EA
- statusBarItem.remoteForeground#0D140E
- statusBarItem.warningBackground#F8B965
- statusBarItem.warningForeground#0D140E
- tab.activeBackground#111B13
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#A8E6A3
- tab.border#00000000
- tab.hoverBackground#1A261D
- tab.inactiveBackground#0D140E
- tab.inactiveForeground#5D7E5D
- tab.unfocusedActiveBorder#00000000
- terminal.ansiBlack#111B13
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#5D7E5D
- terminal.ansiBrightBlue#82AAFF
- terminal.ansiBrightCyan#89DDFF
- terminal.ansiBrightGreen#C3E88D
- terminal.ansiBrightMagenta#C792EA
- terminal.ansiBrightRed#FF5370
- terminal.ansiBrightWhite#EEFFFF
- terminal.ansiBrightYellow#FFCB6B
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#F07178
- terminal.ansiWhite#EEFFFF
- terminal.ansiYellow#F8B965
- terminal.background#111B13
- terminal.border#1A261D
- terminal.foreground#A8E6A3
- terminal.selectionBackground#2E4734
- terminal.selectionForeground#A8E6A3
- terminalCursor.background#111B13
- terminalCursor.foreground#C3E88D
- testing.iconErrored#FF5370
- testing.iconFailed#F07178
- testing.iconPassed#C3E88D
- testing.iconQueued#F8B965
- testing.iconSkipped#89DDFF
- testing.iconUnset#5D7E5D
- testing.peekBorder#F07178
- testing.peekHeaderBackground#F0717820
- testing.runAction#C3E88D
- textBlockQuote.background#1A261D
- textBlockQuote.border#7FDBCA
- textCodeBlock.background#1A261D
- textLink.activeForeground#89DDFF
- textLink.foreground#82AAFF
- textPreformat.foreground#C3E88D
- textSeparator.foreground#1A261D
- titleBar.activeBackground#0D140E
- titleBar.activeForeground#A8E6A3
- titleBar.border#00000000
- titleBar.inactiveBackground#081009
- titleBar.inactiveForeground#5D7E5D
- tree.indentGuidesStroke#1A261D
- tree.tableColumnsBorder#1A261D
- tree.tableOddRowsBackground#0D140E
- widget.shadow#00000050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5D7E5D | italic |
| keyword.control | #FF6B9D | bold |
| meta.object-literal.key, variable.object.property, support.type.property-name, entity.name.tag.yaml, meta.structure.dictionary.key.json string | #7FDBCA | — |
| variable.parameter | #F8B965 | italic |
| variable, string constant.other.placeholder | #A8E6A3 | — |
| constant.other.color | #C792EA | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #C792EA | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #89DDFF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #F07178 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #82AAFF | — |
| meta.block variable.other | #A8E6A3 | — |
| support.other.variable, string.other.link | #A8E6A3 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #F78C6C | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #C3E88D | — |
| entity.name, entity.name.type, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #FFCB6B | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #7FDBCA | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #F07178 | — |
| variable.language | #F07178 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #C792EA | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #F07178 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #F07178 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F07178 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #A8E6A3 | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #5D7E5D | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #FFCB6B | — |
| markup.italic | #7FDBCA | italic |
| markup.bold, markup.bold string | #F8B965 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #F8B965 | bold |
| markup.underline | #F07178 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #5D7E5D | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #2E4734 | — |
| punctuation.definition.fenced.markdown | #5D7E5D | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #A8E6A3 | — |
| variable.language.fenced.markdown | #5D7E5D | — |
| meta.separator | #5D7E5D | bold |
| markup.table | #A8E6A3 | — |