Tokyo Ghosts
Publisher: Code TimeThemes in package: 2
Ethereal slate and grey themes with neon blue/purple UI and rich jewel-tone syntax
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#0099CC15
- activityBar.activeBorder#0099CC
- activityBar.background#E4E6EC
- activityBar.border#C8CAD4
- activityBar.foreground#2B2D3A
- activityBar.inactiveForeground#7A7D8C
- activityBarBadge.background#9B4DCA
- activityBarBadge.foreground#FFFFFF
- badge.background#9B4DCA
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#2B2D3A
- breadcrumb.background#F0F1F5
- breadcrumb.focusForeground#2B2D3A
- breadcrumb.foreground#5D6075
- breadcrumbPicker.background#E4E6EC
- button.background#0099CC
- button.border#00000000
- button.foreground#FFFFFF
- button.hoverBackground#0077A6
- button.secondaryBackground#C8CAD4
- button.secondaryForeground#2B2D3A
- button.secondaryHoverBackground#B8BAC4
- checkbox.background#F0F1F5
- checkbox.border#C8CAD4
- checkbox.foreground#2B2D3A
- debugConsole.errorForeground#B5314A
- debugConsole.infoForeground#0099CC
- debugConsole.warningForeground#9D6B28
- debugConsoleInputIcon.foreground#9B4DCA
- debugIcon.breakpointDisabledForeground#9A9DB0
- debugIcon.breakpointForeground#B5314A
- debugIcon.pauseForeground#9D6B28
- debugIcon.restartForeground#1E7F4D
- debugIcon.startForeground#1E7F4D
- debugIcon.stopForeground#B5314A
- debugToolBar.background#E4E6EC
- debugToolBar.border#C8CAD4
- descriptionForeground#5D6075
- diffEditor.diagonalFill#C8CAD4
- diffEditor.insertedLineBackground#1E7F4D20
- diffEditor.insertedTextBackground#1E7F4D30
- diffEditor.removedLineBackground#B5314A20
- diffEditor.removedTextBackground#B5314A30
- diffEditorGutter.insertedLineBackground#1E7F4D40
- diffEditorGutter.removedLineBackground#B5314A40
- dropdown.background#F0F1F5
- dropdown.border#C8CAD4
- dropdown.foreground#2B2D3A
- dropdown.listBackground#E4E6EC
- editor.background#F0F1F5
- editor.findMatchBackground#9D6B2880
- editor.findMatchBorder#9D6B28
- editor.findMatchHighlightBackground#9D6B2840
- editor.foldBackground#D8DAE040
- editor.foreground#2B2D3A
- editor.hoverHighlightBackground#0099CC20
- editor.inactiveSelectionBackground#0099CC20
- editor.lineHighlightBackground#E4E6EC60
- editor.lineHighlightBorder#D8DAE050
- editor.rangeHighlightBackground#0099CC15
- editor.selectionBackground#0099CC40
- editor.selectionHighlightBackground#0099CC25
- editor.wordHighlightBackground#9B4DCA30
- editor.wordHighlightStrongBackground#9B4DCA50
- editorBracketMatch.background#9B4DCA30
- editorBracketMatch.border#9B4DCA
- editorCursor.background#F0F1F5
- editorCursor.foreground#0099CC
- editorError.border#B5314A00
- editorError.foreground#B5314A
- editorGroup.border#C8CAD4
- editorGroupHeader.noTabsBackground#E4E6EC
- editorGroupHeader.tabsBackground#D8DAE0
- editorGroupHeader.tabsBorder#C8CAD4
- editorGutter.addedBackground#1E7F4D
- editorGutter.background#F0F1F5
- editorGutter.deletedBackground#B5314A
- editorGutter.foldingControlForeground#5D6075
- editorGutter.modifiedBackground#9B4DCA
- editorHint.border#1E7F4D00
- editorHint.foreground#1E7F4D
- editorHoverWidget.background#E4E6EC
- editorHoverWidget.border#C8CAD4
- editorHoverWidget.foreground#2B2D3A
- editorIndentGuide.activeBackground#A0A3B0
- editorIndentGuide.background#D8DAE080
- editorInfo.border#0099CC00
- editorInfo.foreground#0099CC
- editorLineNumber.activeForeground#5D6075
- editorLineNumber.foreground#9A9DB0
- editorLink.activeForeground#0077A6
- editorRuler.foreground#D8DAE0
- editorSuggestWidget.background#E4E6EC
- editorSuggestWidget.border#C8CAD4
- editorSuggestWidget.focusHighlightForeground#0077A6
- editorSuggestWidget.foreground#2B2D3A
- editorSuggestWidget.highlightForeground#0077A6
- editorSuggestWidget.selectedBackground#0099CC30
- editorSuggestWidget.selectedForeground#2B2D3A
- editorSuggestWidget.selectedIconForeground#2B2D3A
- editorWarning.border#9D6B2800
- editorWarning.foreground#9D6B28
- editorWhitespace.foreground#D8DAE0
- editorWidget.background#E4E6EC
- editorWidget.border#C8CAD4
- editorWidget.foreground#2B2D3A
- errorForeground#B5314A
- focusBorder#0099CC80
- foreground#2B2D3A
- gitDecoration.addedResourceForeground#1E7F4D
- gitDecoration.conflictingResourceForeground#9D6B28
- gitDecoration.deletedResourceForeground#B5314A
- gitDecoration.ignoredResourceForeground#9A9DB0
- gitDecoration.modifiedResourceForeground#9B4DCA
- gitDecoration.stageDeletedResourceForeground#B5314A
- gitDecoration.stageModifiedResourceForeground#9B4DCA
- gitDecoration.submoduleResourceForeground#0099CC
- gitDecoration.untrackedResourceForeground#1E7F4D
- icon.foreground#2B2D3A
- input.background#F0F1F5
- input.border#C8CAD4
- input.foreground#2B2D3A
- input.placeholderForeground#9A9DB0
- inputOption.activeBackground#0099CC30
- inputOption.activeBorder#0099CC
- inputOption.activeForeground#2B2D3A
- inputValidation.errorBackground#B5314A20
- inputValidation.errorBorder#B5314A
- inputValidation.infoBackground#0099CC20
- inputValidation.infoBorder#0099CC
- inputValidation.warningBackground#9D6B2820
- inputValidation.warningBorder#9D6B28
- list.activeSelectionBackground#0099CC30
- list.activeSelectionForeground#2B2D3A
- list.activeSelectionIconForeground#2B2D3A
- list.dropBackground#0099CC30
- list.errorForeground#B5314A
- list.focusBackground#0099CC25
- list.focusForeground#2B2D3A
- list.focusOutline#0099CC60
- list.highlightForeground#0077A6
- list.hoverBackground#C8CAD440
- list.hoverForeground#2B2D3A
- list.inactiveSelectionBackground#C8CAD440
- list.inactiveSelectionForeground#2B2D3A
- list.warningForeground#9D6B28
- menu.background#E4E6EC
- menu.border#C8CAD4
- menu.foreground#2B2D3A
- menu.selectionBackground#0099CC30
- menu.selectionForeground#2B2D3A
- menu.separatorBackground#C8CAD4
- menubar.selectionBackground#0099CC30
- menubar.selectionForeground#2B2D3A
- minimap.background#F0F1F5
- minimap.errorHighlight#B5314A80
- minimap.findMatchHighlight#9D6B2880
- minimap.selectionHighlight#0099CC60
- minimap.warningHighlight#9D6B2880
- minimapGutter.addedBackground#1E7F4D
- minimapGutter.deletedBackground#B5314A
- minimapGutter.modifiedBackground#9B4DCA
- minimapSlider.activeBackground#9A9DB070
- minimapSlider.background#9A9DB030
- minimapSlider.hoverBackground#9A9DB050
- notificationCenterHeader.background#D8DAE0
- notificationCenterHeader.foreground#2B2D3A
- notificationLink.foreground#0077A6
- notifications.background#E4E6EC
- notifications.border#C8CAD4
- notifications.foreground#2B2D3A
- notificationsErrorIcon.foreground#B5314A
- notificationsInfoIcon.foreground#0099CC
- notificationsWarningIcon.foreground#9D6B28
- panel.background#E4E6EC
- panel.border#C8CAD4
- panel.dropBorder#0099CC
- panelInput.border#C8CAD4
- panelSection.border#C8CAD4
- panelSectionHeader.background#D8DAE0
- panelSectionHeader.foreground#5D6075
- panelTitle.activeBorder#0099CC
- panelTitle.activeForeground#2B2D3A
- panelTitle.inactiveForeground#7A7D8C
- peekView.border#0099CC
- peekViewEditor.background#E4E6EC
- peekViewEditor.matchHighlightBackground#9D6B2850
- peekViewResult.background#D8DAE0
- peekViewResult.fileForeground#2B2D3A
- peekViewResult.lineForeground#5D6075
- peekViewResult.matchHighlightBackground#9D6B2850
- peekViewResult.selectionBackground#0099CC30
- peekViewResult.selectionForeground#2B2D3A
- peekViewTitle.background#D8DAE0
- peekViewTitleDescription.foreground#5D6075
- peekViewTitleLabel.foreground#2B2D3A
- problemsErrorIcon.foreground#B5314A
- problemsInfoIcon.foreground#0099CC
- problemsWarningIcon.foreground#9D6B28
- progressBar.background#0099CC
- quickInput.background#E4E6EC
- quickInput.foreground#2B2D3A
- quickInputList.focusBackground#0099CC30
- quickInputList.focusForeground#2B2D3A
- quickInputList.focusIconForeground#2B2D3A
- quickInputTitle.background#D8DAE0
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#9A9DB0A0
- scrollbarSlider.background#9A9DB040
- scrollbarSlider.hoverBackground#9A9DB080
- selection.background#0099CC50
- sideBar.background#E4E6EC
- sideBar.border#C8CAD4
- sideBar.dropBackground#0099CC30
- sideBar.foreground#2B2D3A
- sideBarSectionHeader.background#D8DAE0
- sideBarSectionHeader.border#C8CAD4
- sideBarSectionHeader.foreground#5D6075
- sideBarTitle.foreground#2B2D3A
- statusBar.background#E4E6EC
- statusBar.border#C8CAD4
- statusBar.debuggingBackground#9B4DCA
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#5D6075
- statusBar.noFolderBackground#F0F1F5
- statusBar.noFolderForeground#5D6075
- statusBarItem.activeBackground#0099CC40
- statusBarItem.errorBackground#B5314A
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#C8CAD480
- statusBarItem.prominentBackground#0099CC30
- statusBarItem.prominentForeground#0077A6
- statusBarItem.prominentHoverBackground#0099CC40
- statusBarItem.warningBackground#9D6B28
- statusBarItem.warningForeground#FFFFFF
- symbolIcon.classForeground#9D6B28
- symbolIcon.constantForeground#8B5A2B
- symbolIcon.enumForeground#9B4DCA
- symbolIcon.functionForeground#2E5AAC
- symbolIcon.interfaceForeground#1E7F4D
- symbolIcon.keywordForeground#B5314A
- symbolIcon.variableForeground#2B2D3A
- tab.activeBackground#F0F1F5
- tab.activeBorder#F0F1F5
- tab.activeBorderTop#0099CC
- tab.activeForeground#2B2D3A
- tab.border#C8CAD4
- tab.hoverBackground#D8DAE080
- tab.hoverBorder#C8CAD4
- tab.inactiveBackground#E4E6EC
- tab.inactiveForeground#7A7D8C
- tab.lastPinnedBorder#C8CAD4
- tab.unfocusedActiveBorderTop#0099CC60
- terminal.ansiBlack#2B2D3A
- terminal.ansiBlue#2E5AAC
- terminal.ansiBrightBlack#5D6075
- terminal.ansiBrightBlue#4075CC
- terminal.ansiBrightCyan#20B0DD
- terminal.ansiBrightGreen#2DA366
- terminal.ansiBrightMagenta#9B75C6
- terminal.ansiBrightRed#D04663
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#C08530
- terminal.ansiCyan#0099CC
- terminal.ansiGreen#1E7F4D
- terminal.ansiMagenta#7B5AA6
- terminal.ansiRed#B5314A
- terminal.ansiWhite#E0E2EB
- terminal.ansiYellow#9D6B28
- terminal.background#F0F1F5
- terminal.foreground#2B2D3A
- terminal.selectionBackground#0099CC40
- terminalCursor.background#F0F1F5
- terminalCursor.foreground#0099CC
- textBlockQuote.background#D8DAE0
- textBlockQuote.border#9B4DCA
- textCodeBlock.background#D8DAE0
- textLink.activeForeground#005580
- textLink.foreground#0077A6
- textPreformat.foreground#9D6B28
- textSeparator.foreground#C8CAD4
- titleBar.activeBackground#E4E6EC
- titleBar.activeForeground#2B2D3A
- titleBar.border#C8CAD4
- titleBar.inactiveBackground#E4E6EC
- titleBar.inactiveForeground#7A7D8C
- tree.indentGuidesStroke#C8CAD4
- tree.tableColumnsBorder#C8CAD4
- widget.border#FFFFFF90
- widget.shadow#FFFFFF40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6D7085 | italic |
| string, string.quoted, string.template | #1E7F4D | — |
| constant.character.escape | #2DA366 | — |
| string.regexp | #9D6B28 | — |
| punctuation.definition.template-expression, string.template punctuation | #9B4DCA | — |
| keyword, storage.type, storage.modifier | #B5314A | — |
| keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export | #B5314A | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical | #9B4DCA | — |
| keyword.operator.expression, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof | #B5314A | — |
| variable, variable.other, variable.other.readwrite | #2B2D3A | — |
| variable.parameter, variable.parameter.function | #8B5A2B | italic |
| variable.language, variable.language.this, variable.language.self, variable.language.super | #B5314A | italic |
| variable.other.property, variable.other.object.property | #7B5AA6 | — |
| constant, constant.language, constant.language.boolean | #9D6B28 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #8B5A2B | — |
| entity.name.function, support.function, meta.function-call | #2E5AAC | — |
| entity.name.function.definition, meta.definition.function entity.name.function | #2E5AAC | bold |
| entity.name.function.member, meta.method.declaration entity.name.function | #2E5AAC | — |
| entity.name.class, support.class, entity.name.type.class | #9D6B28 | bold |
| entity.name.type, support.type, support.type.primitive | #1E7F4D | — |
| entity.name.type.parameter | #1E7F4D | italic |
| entity.name.type.interface | #1E7F4D | bold |
| entity.name.type.enum | #9B4DCA | — |
| entity.name.namespace, entity.name.type.module | #7B5AA6 | — |
| meta.object-literal.key, support.type.property-name.json, punctuation.support.type.property-name | #2E5AAC | — |
| punctuation, punctuation.separator, punctuation.terminator | #5D6075 | — |
| meta.brace, punctuation.definition.block, punctuation.section | #5D6075 | — |
| entity.name.tag, punctuation.definition.tag | #B5314A | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end | #5D6075 | — |
| entity.other.attribute-name | #9D6B28 | italic |
| support.type.property-name.css, support.type.vendored.property-name.css | #2E5AAC | — |
| support.constant.property-value.css, support.constant.font-name.css | #8B5A2B | — |
| entity.other.attribute-name.class.css | #9D6B28 | — |
| entity.other.attribute-name.id.css | #9B4DCA | — |
| entity.name.tag.css | #B5314A | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #1E7F4D | italic |
| keyword.other.unit.css | #8B5A2B | — |
| markup.heading, entity.name.section.markdown | #B5314A | bold |
| markup.bold | #9D6B28 | bold |
| markup.italic | #7B5AA6 | italic |
| markup.strikethrough | #6D7085 | strikethrough |
| markup.underline.link, string.other.link | #0077A6 | underline |
| markup.inline.raw, markup.fenced_code, markup.raw.inline | #1E7F4D | — |
| markup.quote | #6D7085 | italic |
| punctuation.definition.list.begin.markdown, markup.list | #9B4DCA | — |
| storage, storage.type.function, storage.type.class | #B5314A | — |
| storage.type.function.arrow | #9B4DCA | — |
| support, support.constant | #2E5AAC | — |
| support.variable.dom, support.constant.dom | #8B5A2B | — |
| meta.decorator, punctuation.decorator | #9B4DCA | italic |
| meta.import, meta.export | #2B2D3A | — |
| invalid, invalid.illegal | #FFFFFF | — |
| invalid.deprecated | #FFFFFF | strikethrough |
| support.type.property-name.json | #2E5AAC | — |
| meta.structure.dictionary.value.json string.quoted | #1E7F4D | — |
| entity.name.tag.yaml | #2E5AAC | — |
| support.function.magic.python | #9B4DCA | italic |
| entity.name.function.decorator.python, meta.function.decorator.python | #9D6B28 | italic |
| variable.parameter.function.language.special.self.python | #B5314A | italic |
| meta.fstring.python, string.quoted.f-string | #1E7F4D | — |
| meta.type.annotation | #1E7F4D | — |
| support.class.component, entity.name.tag support.class.component | #9D6B28 | — |
| punctuation.section.embedded | #9B4DCA | — |
| markup.inserted, meta.diff.header.to-file | #1E7F4D | — |
| markup.deleted, meta.diff.header.from-file | #B5314A | — |
| markup.changed | #9B4DCA | — |