Phantom Code
Publisher: tourervitThemes in package: 2
Dark and non-distractive VS Code theme. The minimal set of colors that we all wanted.
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.background#1d2027
- activityBar.border#1d2027
- activityBar.dropBackground#282C34
- activityBar.foreground#a7adba
- activityBarBadge.background#FFC1A4
- activityBarBadge.foreground#282C34
- badge.background#FFC1A4
- badge.foreground#282C34
- button.background#5989b9
- button.foreground#eff1f5
- button.hoverBackground#6498cc
- debugExceptionWidget.background#323b4f
- debugExceptionWidget.border#bf616a
- debugToolBar.background#323843
- diffEditor.insertedTextBackground#a3be8c20
- diffEditor.insertedTextBorder#a3be8c18
- diffEditor.removedTextBackground#bf616a20
- diffEditor.removedTextBorder#bf616a18
- dropdown.background#343d46
- dropdown.border#343d46
- dropdown.foreground#a7adba
- editor.background#282C34
- editor.findMatchBackground#d0877033
- editor.findMatchHighlightBackground#ffd7cb33
- editor.findRangeHighlightBackground#5989b933
- editor.foreground#dbdbdb
- editor.hoverHighlightBackground#2f4f6c4f
- editor.lineHighlightBackground#323843
- editor.lineHighlightBorder#323843
- editor.rangeHighlightBackground#5989b933
- editor.selectionBackground#5989b96f
- editor.selectionHighlightBackground#5989b92f
- editor.wordHighlightBackground#2f4f6c
- editor.wordHighlightStrongBackground#2f4f6c
- editorBracketMatch.background#4f5b66
- editorBracketMatch.border#a7adba
- editorCursor.foreground#dbdbdb
- editorError.foreground#9b4d55
- editorGroup.border#1a1d23
- editorGroupHeader.noTabsBackground#1d2027
- editorGroupHeader.tabsBackground#1d2027
- editorGutter.addedBackground#a9cfa4
- editorGutter.deletedBackground#bf616a
- editorGutter.modifiedBackground#FFE3A9
- editorHoverWidget.background#252932
- editorHoverWidget.border#1a1d23
- editorIndentGuide.activeBackground#30353b
- editorIndentGuide.background#30353b
- editorInfo.foreground#FFE3A9
- editorLineNumber.foreground#808288
- editorLink.activeForeground#5989b9
- editorMarkerNavigation.background#323b4f
- editorMarkerNavigationError.background#f88b96
- editorMarkerNavigationWarning.background#ebcb8b
- editorOverviewRuler.addedForeground#a9cfa4
- editorOverviewRuler.border#343d46
- editorOverviewRuler.deletedForeground#bf616a
- editorOverviewRuler.errorForeground#f88b96
- editorOverviewRuler.findMatchForeground#96b5b4
- editorOverviewRuler.infoForeground#FFE3A9
- editorOverviewRuler.modifiedForeground#FFE3A9
- editorOverviewRuler.warningForeground#ebcb8b
- editorOverviewRuler.wordHighlightForeground#b48ead
- editorSuggestWidget.background#252932
- editorSuggestWidget.border#1a1d23
- editorSuggestWidget.foreground#8fa1b3
- editorSuggestWidget.highlightForeground#FFE3A9
- editorSuggestWidget.selectedBackground#343d46
- editorWarning.foreground#C9A787
- editorWhitespace.foreground#4f5b66
- editorWidget.background#323843
- editorWidget.border#FFE3A9
- errorForeground#c0c5cf
- extensionButton.prominentBackground#FFC1A4
- extensionButton.prominentForeground#282C34
- extensionButton.prominentHoverBackground#D19674
- focusBorder#252932
- foreground#65737F
- gitDecoration.conflictingResourceForeground#88363f
- gitDecoration.deletedResourceForeground#d08770
- gitDecoration.ignoredResourceForeground#65737e
- gitDecoration.modifiedResourceForeground#ebcb8bda
- gitDecoration.submoduleResourceForeground#FFE3A9
- gitDecoration.untrackedResourceForeground#a9cfa4
- input.background#252932
- input.border#323843
- input.foreground#a7adba
- inputOption.activeBorder#d08770
- inputValidation.errorBackground#9b4d55
- inputValidation.errorBorder#9b4d55
- inputValidation.infoBackground#5989b9
- inputValidation.infoBorder#5989b9
- inputValidation.warningBackground#ebcb8b
- inputValidation.warningBorder#ebcb8b
- list.activeSelectionBackground#343d46
- list.activeSelectionForeground#eff1f5
- list.dropBackground#282C34
- list.errorForeground#B37B81
- list.focusBackground#343d46
- list.highlightForeground#FFE3A9
- list.hoverBackground#292d38
- list.inactiveSelectionBackground#282C34
- list.warningForeground#BEAB86
- notificationCenter.border#252932
- notificationCenterHeader.background#2f4f6c
- notificationCenterHeader.foreground#dfe1e8
- notificationLink.foreground#2f4f6c
- notificationToast.border#2f4f6c
- panel.background#252932
- panel.border#1a1d23
- panelTitle.activeBorder#FFE3A9
- panelTitle.activeForeground#c0c5ce
- panelTitle.inactiveForeground#6e7d88
- peekView.border#1A1D23
- peekViewEditor.background#323b4f
- peekViewEditor.matchHighlightBackground#454e61
- peekViewResult.background#21252d
- peekViewResult.fileForeground#FFE3A9
- peekViewResult.lineForeground#8fa1b3
- peekViewResult.matchHighlightBackground#343d46
- peekViewResult.selectionBackground#343d46
- peekViewResult.selectionForeground#eff1f5
- peekViewTitle.background#1A1D23
- peekViewTitleDescription.foreground#eff1f597
- peekViewTitleLabel.foreground#eff1f5
- pickerGroup.border#4f5b66
- pickerGroup.foreground#FFE3A9
- progressBar.background#FFE3A9
- scrollbar.shadow#ffffff00
- scrollbarSlider.activeBackground#5c69769f
- scrollbarSlider.background#4f5b667f
- scrollbarSlider.hoverBackground#5c69767f
- sideBar.background#21252d
- sideBarSectionHeader.background#2f373f
- sideBarTitle.foreground#a7adba
- statusBar.background#1d2027
- statusBar.debuggingBackground#923a1b
- statusBar.debuggingForeground#dfe1e8
- statusBar.foreground#a7adba
- statusBar.noFolderBackground#5d2b54
- statusBarItem.activeBackground#FFE3A955
- statusBarItem.hoverBackground#FFE3A944
- tab.activeBackground#282C34
- tab.activeForeground#dfe1e8
- tab.border#1d2027
- tab.hoverBackground#343d46
- tab.inactiveBackground#1d2027
- tab.inactiveForeground#6e7d88
- tab.unfocusedHoverBackground#323843
- terminal.ansiBlack#4f5b66
- terminal.ansiBlue#8fa1b3
- terminal.ansiBrightBlack#65737e
- terminal.ansiBrightBlue#7b8cc5
- terminal.ansiBrightCyan#96b5b4
- terminal.ansiBrightGreen#a9cfa4
- terminal.ansiBrightMagenta#b48ead
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#eff1f5
- terminal.ansiBrightYellow#ebcb8b
- terminal.ansiCyan#96b5b4
- terminal.ansiGreen#a9cfa4
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#bf616a
- terminal.ansiWhite#dfe1e8
- terminal.ansiYellow#d08770
- terminal.background#252932
- terminal.foreground#a7adba
- textLink.foreground#FFE3A9
- titleBar.activeBackground#1d2027
- titleBar.inactiveBackground#1d2027
- widget.shadow#ffffff00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #777777 | italic |
| string, constant.other.symbol | #B9F6CA | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js | #B9F6CA | — |
| string.regexp, constant.character | #b4e2fd | — |
| constant.numeric, keyword.other.unit, constant.language | #FFCCBC | — |
| variable | #dbdbdb | — |
| variable.object.property.js | #dbdbdb | — |
| variable.member | #f07178 | — |
| variable.language, punctuation.accessor.js | #F2A4AC | italic |
| variable.language.super.js | #F2A4AC | — |
| storage.type, storage.modifier | #958fac | — |
| keyword | #958fac | — |
| keyword.operator.ternary.js | #FFE3A9 | — |
| keyword.operator | #FFE3A9 | — |
| punctuation.terminator, punctuation.section | #dbdbdb | — |
| punctuation.separator.key-value.js | #FFE3A9 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js | #FFE3A9 | — |
| punctuation.accessor | #dbdbdb | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #FFE3A9 | — |
| entity.other.inherited-class | #FFC1A4 | — |
| storage.type.function | #958fac | — |
| storage.type.function.arrow.js | #FFE3A9 | — |
| source.java storage.type.primitive | #F2A4AC | — |
| entity.name.function | #FFE3A9 | — |
| keyword.control.flow.js, storage.modifier.async.js | #958fac | — |
| variable.parameter, meta.parameter | #dbdbdb | italic |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #FFE3A9 | — |
| support.function, support.macro | #FFE3A9 | — |
| entity.name.import, entity.name.package | #B9F6CA | — |
| entity.name | #F2A4AC | — |
| support.type, support.class, source.go storage.type | #F2A4AC | — |
| entity.name.tag, meta.tag.sgml | #FFE9BD | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin | #C5BCB8 | — |
| entity.name.tag.reference.scss, entity.other.attribute-name.class.css, punctuation.definition.entity.css, entity.other.attribute-name.id.css | #F2A4AC | |
| entity.other.attribute-name | #c5bcb8 | italic |
| support.variable.property.dom.js | #dbdbdb | — |
| support.constant | #FFCCBC | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #e6b673 | — |
| invalid | #ff7c7c | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #FFE3A9 | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #FFE3A9 | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #626a73 | — |
| support.type.property-name | #FFE3A9 | |
| constant.numeric.line-number.find-in-files - match | #626a73 | — |
| constant.numeric.line-number.match | #757575 | — |
| entity.name.filename.find-in-files | #c2d94c | — |
| message.error | #ff3333 | — |
| markup.heading, markup.heading entity.name | #ffc690 | bold |
| markup.underline.link, string.other.link | #39bae6 | — |
| markup.italic | #f07178 | italic |
| markup.bold | #f07178 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | #dbdbdb | — |
| markup.raw.inline | #dbdbdb | — |
| meta.separator | #626a73 | bold |
| markup.quote | #95e6cb | italic |
| markup.list punctuation.definition.list.begin | #ffb454 | — |
| markup.inserted | #91b362 | — |
| markup.changed | #6994bf | — |
| markup.deleted | #d96c75 | — |
| markup.strike | #e6b673 | — |
| markup.table | #39bae6 | — |
| text.html.markdown markup.inline.raw | #f29668 | — |
| text.html.markdown meta.dummy.line-break | #626a73 | — |
| punctuation.definition.markdown | #626a73 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...