Tokyo Nebula
Publisher: Paolo ArroyoThemes in package: 5
A five-variant dark theme family for VS Code and Zed: Andromeda, Aurora, Eclipse, Solstice, Polaris.
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#151518
- activityBar.border#2A2A30
- activityBar.foreground#E0E0E0
- activityBarBadge.background#ffd866
- activityBarBadge.foreground#151518
- badge.background#1515184D
- badge.foreground#ffd866
- breadcrumb.activeSelectionForeground#ffd866
- breadcrumb.background#151518
- breadcrumb.focusForeground#E0E0E0
- breadcrumb.foreground#7ce38b
- breadcrumbPicker.background#151518
- button.background#ffd866cc
- button.foreground#0a0a0a
- button.hoverBackground#ffd866aa
- contrastBorder#2A2A30
- debugToolBar.background#151518
- diffEditor.insertedTextBackground#7ce38b26
- diffEditor.removedTextBackground#7aa2f733
- dropdown.background#151518
- dropdown.border#2A2A30
- editor.background#181611
- editor.findMatchBackground#ffd86666
- editor.findMatchBorder#ffd866
- editor.findMatchHighlightBackground#ffd86633
- editor.findMatchHighlightBorder#e8e1d04d
- editor.foreground#e8e1d0
- editor.lineHighlightBackground#15151880
- editor.selectionBackground#ffd86630
- editor.selectionHighlightBackground#ffd866ad
- editor.selectionHighlightBorder#7ce38b
- editorBracketHighlight.foreground1#ffd866
- editorBracketHighlight.foreground2#a78bfa
- editorBracketHighlight.foreground3#7aa2f7
- editorBracketHighlight.foreground4#00d4ff
- editorBracketHighlight.foreground5#7ce38b
- editorBracketHighlight.foreground6#ff6188
- editorBracketMatch.background#151518
- editorBracketMatch.border#ffd866cc
- editorCursor.foreground#7ce38b
- editorError.foreground#ff6188
- editorGroup.border#0d0b07
- editorGroupHeader.tabsBackground#13110d
- editorGutter.addedBackground#7ce38b99
- editorGutter.deletedBackground#7aa2f799
- editorGutter.modifiedBackground#a78bfa99
- editorHint.foreground#7ce38b
- editorHoverWidget.background#151518
- editorHoverWidget.border#2A2A30
- editorIndentGuide.activeBackground#2A2A30
- editorIndentGuide.background#2A2A30B3
- editorInfo.foreground#00d4ff
- editorLineNumber.activeForeground#E0E0E066
- editorLineNumber.foreground#E0E0E033
- editorLink.activeForeground#E0E0E0
- editorMarkerNavigation.background#E0E0E00D
- editorOverviewRuler.border#2A2A30
- editorOverviewRuler.errorForeground#7aa2f766
- editorOverviewRuler.findMatchForeground#ffd866
- editorOverviewRuler.infoForeground#7ce38b66
- editorOverviewRuler.warningForeground#ffd866b3
- editorRuler.foreground#2A2A30
- editorSuggestWidget.background#151518
- editorSuggestWidget.border#2A2A30
- editorSuggestWidget.foreground#E0E0E0
- editorSuggestWidget.highlightForeground#7ce38b
- editorSuggestWidget.selectedBackground#ffd86633
- editorWarning.foreground#ffd866
- editorWhitespace.foreground#E0E0E066
- editorWidget.background#151518
- editorWidget.border#7ce38b
- editorWidget.resizeBorder#ffd866
- extensionButton.prominentBackground#7ce38be6
- extensionButton.prominentHoverBackground#7ce38b
- focusBorder#ffd86666
- gitDecoration.addedResourceForeground#7ce38b
- gitDecoration.conflictingResourceForeground#a78bfa
- gitDecoration.deletedResourceForeground#ff6188
- gitDecoration.ignoredResourceForeground#6a5a3a
- gitDecoration.modifiedResourceForeground#7aa2f7
- gitDecoration.renamedResourceForeground#a78bfa
- gitDecoration.untrackedResourceForeground#7ce38b
- input.background#1D1D21
- input.border#2A2A30
- input.foreground#E0E0E0
- input.placeholderForeground#E0E0E099
- inputOption.activeBackground#E0E0E04D
- inputOption.activeBorder#2A2A30
- inputValidation.errorBorder#7aa2f780
- inputValidation.infoBorder#7ce38b80
- inputValidation.warningBorder#ffd86680
- list.activeSelectionBackground#ffd86625
- list.activeSelectionForeground#ffd866
- list.focusBackground#1D1D21
- list.focusForeground#7ce38b
- list.highlightForeground#ffd866
- list.hoverBackground#ffd86618
- list.hoverForeground#e8e1d0
- list.inactiveSelectionBackground#ffd8661a
- list.inactiveSelectionForeground#ffd866
- list.invalidItemForeground#ff6188
- list.warningForeground#ffd866
- listFilterWidget.background#1515184D
- listFilterWidget.noMatchesOutline#1515184D
- listFilterWidget.outline#1515184D
- menu.background#151518F8
- menu.border#2A2A30
- menu.foreground#E0E0E0
- menu.selectionBackground#1D1D21
- menu.selectionBorder#2A2A30
- menu.selectionForeground#E0E0E0
- menu.separatorBackground#2A2A30
- menubar.selectionBackground#1D1D21
- menubar.selectionBorder#2A2A30
- menubar.selectionForeground#E0E0E0
- minimap.background#1D1D21
- minimapGutter.addedBackground#7ce38b
- minimapGutter.deletedBackground#7aa2f7
- minimapGutter.modifiedBackground#a78bfa
- minimapSlider.activeBackground#7ce38bb3
- minimapSlider.background#E0E0E033
- minimapSlider.hoverBackground#E0E0E04D
- notificationLink.foreground#ffd866
- notifications.background#151518
- notifications.foreground#E0E0E0
- panel.background#13110d
- panel.border#0d0b07
- panelTitle.activeBorder#ffd866
- panelTitle.activeForeground#e8e1d0
- panelTitle.inactiveForeground#E0E0E0
- peekView.border#2A2A30
- peekViewEditor.background#E0E0E00D
- peekViewEditor.matchHighlightBackground#ffd86680
- peekViewEditorGutter.background#E0E0E00D
- peekViewResult.background#E0E0E00D
- peekViewResult.matchHighlightBackground#ffd86680
- peekViewResult.selectionBackground#ffd866b3
- peekViewTitle.background#E0E0E00D
- peekViewTitleDescription.foreground#E0E0E099
- pickerGroup.foreground#ffd866
- progressBar.background#ffd866
- scrollbar.shadow#15151800
- scrollbarSlider.activeBackground#E0E0E066
- scrollbarSlider.background#E0E0E033
- scrollbarSlider.hoverBackground#E0E0E04D
- selection.background#ffd866
- settings.checkboxBackground#151518
- settings.checkboxBorder#2A2A30
- settings.checkboxForeground#E0E0E0
- settings.dropdownBackground#151518
- settings.dropdownBorder#2A2A30
- settings.dropdownForeground#E0E0E0
- settings.headerForeground#ffd866
- settings.modifiedItemIndicator#ffd866
- settings.numberInputBackground#151518
- settings.numberInputBorder#2A2A30
- settings.numberInputForeground#E0E0E0
- settings.textInputBackground#151518
- settings.textInputBorder#2A2A30
- settings.textInputForeground#E0E0E0
- sideBar.background#13110d
- sideBar.border#0d0b07
- sideBar.foreground#e0e0e0d7
- sideBarSectionHeader.background#13110d
- sideBarSectionHeader.border#0d0b07
- sideBarSectionHeader.foreground#E0E0E0
- sideBarTitle.foreground#E0E0E0
- statusBar.background#13110d
- statusBar.border#2A2A30
- statusBar.debuggingBackground#7ce38b
- statusBar.debuggingForeground#e8e1d0
- statusBar.foreground#E0E0E0
- statusBar.noFolderBackground#151518
- statusBarItem.hoverBackground#ffd86633
- statusBarItem.remoteBackground#ffd866
- statusBarItem.remoteForeground#151518
- tab.activeBackground#181611
- tab.activeBorderTop#ffd866
- tab.activeForeground#e8e1d0
- tab.activeModifiedBorder#2A2A30
- tab.border#2A2A30
- tab.inactiveBackground#13110d
- tab.inactiveForeground#E0E0E0AF
- tab.unfocusedActiveBackground#1D1D21
- tab.unfocusedActiveBorder#ffd86666
- tab.unfocusedActiveBorderTop#ffd86666
- tab.unfocusedActiveForeground#E0E0E0
- tab.unfocusedInactiveBackground#151518
- tab.unfocusedInactiveForeground#E0E0E07F
- terminal.ansiBlack#0a0c14
- terminal.ansiBlue#7aa2f7
- terminal.ansiBrightBlack#3b4261
- terminal.ansiBrightBlue#a4c0ff
- terminal.ansiBrightCyan#5ff0ff
- terminal.ansiBrightGreen#9eff9b
- terminal.ansiBrightMagenta#c4a8ff
- terminal.ansiBrightRed#ff85a1
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe98a
- terminal.ansiCyan#00d4ff
- terminal.ansiGreen#7ce38b
- terminal.ansiMagenta#a78bfa
- terminal.ansiRed#ff6188
- terminal.ansiWhite#c0caf5
- terminal.ansiYellow#ffd866
- terminalCursor.background#151518
- terminalCursor.foreground#7ce38b
- textLink.activeForeground#ffe98a
- textLink.foreground#ffd866
- titleBar.activeBackground#13110d
- titleBar.activeForeground#E0E0E0
- titleBar.border#2A2A30
- titleBar.inactiveBackground#13110d
- titleBar.inactiveForeground#ffd866
- tree.indentGuidesStroke#2A2A30
- widget.shadow#1515184D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6a5a3a | — |
| comment.block.documentation | #6a5a3a | — |
| string.quoted | #a78bfa | — |
| string | #a78bfa | — |
| string.regexp | #00d4ff | — |
| constant.numeric | #7ce38b | — |
| constant.language | #a78bfa | — |
| constant.character.escape | #a78bfa | — |
| variable | #00d4ff | — |
| variable.parameter | #a78bfa | — |
| variable.language | #a78bfa | — |
| variable.other.constant | #00d4ff | — |
| keyword | #ffd866 | — |
| keyword.control | #ffd866 | — |
| storage.type | #ffd866 | — |
| storage.modifier | #ffd866 | — |
| entity.name.function | #7ce38b | — |
| meta.function-call | #7ce38b | — |
| support.function | #7ce38b | — |
| entity.name.type | #7aa2f7 | — |
| entity.name.class | #7aa2f7 | — |
| support.type | #7aa2f7 | — |
| entity.other.attribute-name | #7aa2f7 | — |
| entity.name.tag | #ffd866 | — |
| punctuation | #e8e1d0cc | — |
| markup.heading | #ffd866 | — |
| markup.bold | #a78bfa | bold |
| markup.italic | #00d4ff | italic |
| markup.inline.raw | #7ce38b | — |
| markup.underline.link | #7aa2f7 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...