Nebula
Publisher: kelsnyThemes in package: 3
Float away in space with a beautiful purple and blue oriented color 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.activeBackground#151517
- activityBar.activeBorder#c37ee5
- activityBar.background#101012
- activityBar.foreground#dcd0f3
- activityBarBadge.background#2e2d31
- activityBarBadge.foreground#ffffff
- button.background#a140ec
- button.foreground#eeeeee
- diffEditorOverview.insertedForeground#97f1c7
- diffEditorOverview.removedForeground#ff6c8e
- editor.background#151517
- editor.findMatchBackground#d44474cc
- editor.findMatchBorder#d44474cc
- editor.findMatchHighlightBackground#d444ca66
- editor.findMatchHighlightBorder#d444ca66
- editor.findRangeHighlightBackground#ff00e109
- editor.foldBackground#1b1b1e
- editor.foreground#aaaaaa
- editor.hoverHighlightBackground#9024ee35
- editor.inactiveSelectionBackground#a200ff29
- editor.lineHighlightBorder#1b1b1f
- editor.rangeHighlightBackground#ff00e109
- editor.selectionBackground#a200ff59
- editor.selectionHighlightBackground#a200ff59
- editorGroup.dropBackground#ffffff10
- editorGroupHeader.tabsBackground#1a1a1c
- editorIndentGuide.activeBackground#333333
- editorIndentGuide.background#222222
- editorLineNumber.activeForeground#bbb2e5
- editorLineNumber.foreground#59585d
- editorSuggestWidget.background#1a1a1d
- editorSuggestWidget.foreground#9f9fa2
- editorWidget.background#171719
- editorWidget.border#28282c
- editorWidget.foreground#d9d8e0
- focusBorder#da9be7
- gitDecoration.addedResourceForeground#8dfbaa
- gitDecoration.deletedResourceForeground#f97d6d
- gitDecoration.ignoredResourceForeground#808081
- gitDecoration.modifiedResourceForeground#fddb97
- input.background#1d1d21
- input.foreground#d3d2d9
- input.placeholderForeground#a6a6a6
- keybindingLabel.background#3b3a3c
- keybindingLabel.border#2d2d2d
- keybindingLabel.foreground#dfdfe0
- list.activeSelectionBackground#393a3e
- list.activeSelectionForeground#f5f3ff
- list.activeSelectionIconForeground#eff0f7
- list.dropBackground#383b3d
- list.focusBackground#1f1f21
- list.hoverBackground#29282f
- list.inactiveSelectionBackground#1f1f21
- menu.background#252526
- menu.foreground#cccccc
- notificationCenter.border#1c1c1e
- notificationCenterHeader.background#1e1d20
- notifications.background#171719
- notificationsErrorIcon.foreground#f94542
- notificationsInfoIcon.foreground#318eff
- notificationsWarningIcon.foreground#f4b223
- panel.background#141315
- peekView.border#484848
- peekViewEditor.background#151517
- peekViewEditor.matchHighlightBackground#d444ca66
- peekViewResult.background#1a1a1b
- peekViewResult.fileForeground#c0c0c0
- peekViewResult.lineForeground#d8d8d8
- peekViewTitle.background#394cf6
- peekViewTitleDescription.foreground#d5d5d5
- peekViewTitleLabel.foreground#ffffff
- ports.iconRunningProcessForeground#369432
- quickInput.background#1a1a1c
- quickInput.foreground#c0c0c0
- settings.checkboxBackground#1d1d21
- settings.checkboxBorder#29282d
- settings.dropdownBackground#1d1d21
- settings.dropdownBorder#29282d
- settings.focusedRowBackground#19191c
- settings.headerBorder#e682fd
- settings.modifiedItemIndicator#7a5bf7
- settings.numberInputBackground#1d1d21
- settings.numberInputBorder#29282d
- settings.rowHoverBackground#19191c
- settings.textInputBackground#1d1d21
- settings.textInputBorder#29282d
- sideBar.background#121213
- sideBar.border#171719
- sideBar.foreground#d3d2d4
- sideBarSectionHeader.background#1f1f21
- sideBarSectionHeader.border#323235
- sideBarSectionHeader.foreground#d8d6e8
- sideBarTitle.foreground#bfbdc8
- statusBar.background#1f1f20
- statusBar.border#222222
- statusBar.debuggingBackground#217df7
- statusBar.debuggingForeground#f0f1f5
- statusBar.focusBorder#1f1f20
- statusBar.foreground#c1c1c1
- statusBarItem.errorBackground#f65936
- statusBarItem.hoverBackground#2a2a2d
- statusBarItem.remoteBackground#16825d
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#f78d42
- tab.activeBackground#131315
- tab.activeBorder#1f1e22
- tab.activeBorderTop#131315
- tab.activeForeground#d4d5ee
- tab.border#1d1d1f
- tab.hoverBackground#1a1a1c
- tab.hoverBorder#e682fd
- tab.hoverForeground#ced7f1
- tab.inactiveBackground#1d1d1f
- tab.inactiveForeground#767682
- tab.lastPinnedBorder#cccccc33
- tab.unfocusedActiveBackground#1d1d1f
- tab.unfocusedActiveBorder#1f1e22
- tab.unfocusedActiveBorderTop#1d1d1f
- tab.unfocusedActiveForeground#767682
- tab.unfocusedHoverBackground#1a1a1c
- tab.unfocusedHoverBorder#e682fd
- tab.unfocusedHoverForeground#ced7f1
- tab.unfocusedInactiveBackground#1d1d1f
- tab.unfocusedInactiveForeground#767682
- terminal.ansiBlack#090300
- terminal.ansiBlue#0172e4
- terminal.ansiBrightBlack#414141
- terminal.ansiBrightBlue#01a0e4
- terminal.ansiBrightCyan#85e5ff
- terminal.ansiBrightGreen#01a252
- terminal.ansiBrightMagenta#de6bb8
- terminal.ansiBrightRed#fd4b3e
- terminal.ansiBrightWhite#f7f7f7
- terminal.ansiBrightYellow#fcf481
- terminal.ansiCyan#61d2ff
- terminal.ansiGreen#01a252
- terminal.ansiMagenta#c36eae
- terminal.ansiRed#e53529
- terminal.ansiWhite#c7c7c7
- terminal.ansiYellow#fde402
- terminal.background#111111
- terminal.foreground#c1c1c1
- terminalCursor.background#111111
- terminalCursor.foreground#c1c1c1
- textBlockQuote.background#1d1d20
- textBlockQuote.border#7d79f4
- textLink.activeForeground#c293ff
- textLink.foreground#b281f2
- titleBar.activeBackground#181818
- titleBar.activeForeground#d9d9fc
- titleBar.border#1b1a1c
- widget.shadow#0000004e
- window.activeBorder#101012
- window.inactiveBorder#101012
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #D4D4D4 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #6A9955 | — |
| constant.language | #569CD6 | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #B5CEA8 | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #569CD6 | — |
| entity.name.tag.css | #D7BA7D | — |
| entity.other.attribute-name | #9CDCFE | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #D7BA7D | — |
| invalid | #F44747 | — |
| markup.underline | — | underline |
| markup.bold | #569CD6 | bold |
| markup.heading | #569CD6 | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #B5CEA8 | — |
| markup.deleted | #CE9178 | — |
| markup.changed | #569CD6 | — |
| punctuation.definition.quote.begin.markdown | #6A9955 | — |
| punctuation.definition.list.begin.markdown | #6796E6 | — |
| markup.inline.raw | #CE9178 | — |
| punctuation.definition.tag | #808080 | — |
| meta.preprocessor, entity.name.function.preprocessor | #569CD6 | — |
| meta.preprocessor.string | #CE9178 | — |
| meta.preprocessor.numeric | #B5CEA8 | — |
| meta.structure.dictionary.key.python | #9CDCFE | — |
| meta.diff.header | #569CD6 | — |
| storage | #569CD6 | — |
| storage.type | #569CD6 | — |
| storage.modifier, keyword.operator.noexcept | #569CD6 | — |
| string, meta.embedded.assembly | #CE9178 | — |
| string.tag | #CE9178 | — |
| string.value | #CE9178 | — |
| string.regexp | #D16969 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #569CD6 | — |
| meta.template.expression | #D4D4D4 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded | #9CDCFE | — |
| keyword | #569CD6 | — |
| keyword.control | #569CD6 | — |
| keyword.operator | #D4D4D4 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #569CD6 | — |
| keyword.other.unit | #B5CEA8 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #569CD6 | — |
| support.function.git-rebase | #9CDCFE | — |
| constant.sha.git-rebase | #B5CEA8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #D4D4D4 | — |
| variable.language | #569CD6 | — |
| entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #DCDCAA | — |
| support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #4EC9B0 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #4EC9B0 | — |
| keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator | #C586C0 | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder | #9CDCFE | — |
| variable.other.constant, variable.other.enummember | #4FC1FF | — |
| meta.object-literal.key | #9CDCFE | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #CE9178 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #CE9178 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #D16969 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #DCDCAA | — |
| keyword.operator.quantifier.regexp | #D7BA7D | — |
| constant.character | #569CD6 | — |
| constant.character.escape | #D7BA7D | — |
| entity.name.label | #C8C8C8 | — |
| comment | #77777F | — |
| punctuation.definition.comment | #77777F | — |
| string | #38E3D8 | — |
| constant.character.escape | #4ECFA9 | |
| meta.embedded.assembly | #38E3D8 | — |
| keyword - keyword.operator | #838DFF | — |
| keyword.control | #838DFF | — |
| storage | #838DFF | — |
| storage.type | #838DFF | — |
| constant.numeric | #FBB3FF | — |
| entity.name.function | #70A2FF | — |
| support.function | #70A2FF | — |
| entity.other.attribute-name.tsx, entity.other.attribute-name.jsx, variable.other.enummember, variable.other.constant, variable | #58CAFF | — |
| entity.name.variable | #58CAFF | — |
| meta.brace, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.parenthesis.open.cs, punctuation.parenthesis.close.cs, punctuation.definition.typeparameters.begin.cs, punctuation.definition.typeparameters.end.cs, punctuation.squarebracket.open.cs, punctuation.squarebracket.close.cs, punctuation.definition.begin.bracket.round.go, punctuation.definition.end.bracket.round.go, punctuation.section.parameters.begin.bracket.round, punctuation.section.parameters.end.bracket.round, punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square, punctuation.definition.logical-expression.shell, punctuation.brackets.round.rust, punctuation.definition.parameters.ruby, punctuation.section.function.ruby | #C387F4 | |
| punctuation.definition.block, punctuation.definition.binding-pattern.array, punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs, punctuation.section.block.begin.bracket.curly, punctuation.section.block.end.bracket.curly, punctuation.definition.begin.bracket.curly.go, punctuation.definition.end.bracket.curly.go, punctuation.brackets.curly.rust, punctuation.section.class.begin.bracket.curly.java, punctuation.section.class.end.bracket.curly.java, punctuation.section.method.begin.bracket.curly.java, punctuation.section.method.end.bracket.curly.java | #B59DC2 | |
| entity.name.namespace | #4998FF | |
| storage.type.class.jsdoc | #6683ED | |
| entity.other.inherited-class | #65C0F4 | |
| support.constant, support.variable | #A98AFF | |
| constant.language | #CF81FF | |
| string.regexp, keyword.operator.or.regexp | #7982FF | |
| keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, constant.character.escape.backslash.regexp | #CD81FF | |
| constant.other.character-class.regexp, constant.other.character-class.range.regexp, constant.other.character-class.set.regexp | #A297FF | |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp | #A781FF | |
| storage.modifier | #757BFF | |
| variable.language | #83B9FF | |
| punctuation.decorator | #A381FF | |
| keyword.operator.expression | #799FFF | |
| constant.language.import-export-all | #B0B3FF | |
| keyword.operator.namespace.rust | #8AA8B5 | |
| punctuation.semi.rust | #BABABA | |
| keyword.operator.arrow.fat.rust | #55558D | bold |
| keyword.operator.arrow.skinny.rust | #55558D | bold |
| meta.attribute.rust | #8982A4 | |
| meta.use.rust | #6594E1 | |
| meta.interpolation.rust | #66DCA7 | |
| constant.other.caps.rust | #3BB3F9 | |
| support.type.property-name.json | #7AC8FF | |
| entity.name.tag.directive.ts, entity.name.tag.html, entity.name.tag.block.any.html, entity.name.tag.template.html, entity.name.tag.style.html, entity.name.tag.script.html, entity.name.tag.svelte, entity.name.tag.css, entity.name.tag.localname.xml | #767CEA | |
| entity.other.attribute-name.directive.ts, entity.name.tag.yaml, entity.other.attribute-name.html, entity.other.attribute-name.svelte, entity.other.attribute-name.class.css, entity.other.attribute-name.localname.xml | #6F95F7 | |
| text.html.derivative, text.html.markdown, text.svelte, meta.template.svelte, text.html.vue-html, meta.paragraph.markdown, text.xml | #DCDBE5 | |
| punctuation.separator.key-value.html, punctuation.separator.key-value.svelte, meta.tag.xml | #AAAAAA | |
| string.unquoted.plain.out.yaml, string.quoted.double.yaml, string.quoted.double.html, string.quoted.single.html, string.quoted.svelte, entity.other.attribute-name, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, string.quoted.double.xml, string.quoted.single.xml | #B694F1 | |
| punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css | #AAAAAA | — |
| entity.name.tag.wildcard | #D588FF | |
| entity.other.attribute-name, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #78B8F3 | |
| constant.other.color.rgb-value, support.constant.color.w3c-standard-color-name.css | #EAC9B2 | |
| support.constant.property-value, support.constant.font-name, support.constant.vendored.property-value.css | #4EC7D0 | |
| keyword.other.unit, punctuation.definition.quote.begin.markdown | #EB8ABE | |
| variable.css | #7BBDFF | |
| keyword.control.at-rule | #FF7A9B | |
| support.type.property-name.css, support.type.property-name.media.css, support.type.vendored.property-name, meta.property-name.css | #7CACEB | |
| entity.other.attribute-name.class.css | #B0A4F4 | |
| entity.name.tag.css | #6DC8E9 | |
| constant.character.escape.css | #C7BEF8 | |
| support.type.vendored.property-name | #93A9E4 | |
| entity.other.attribute-name.id.css | #5DE4D9 | |
| entity.other.keyframe-offset.percentage.css | #FC9585 | bold |
| entity.other.keyframe-offset.css | #FC9585 | |
| keyword.operator.logical.and.media.css, keyword.operator.logical.not.media.css, keyword.operator.logical.only.media.css | #63CACC | |
| string.other.link.title.markdown, string.other.link.description.markdown | #97D2FF | |
| punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown | #9294FF | |
| meta.link.inline.markdown, markup.underline.link.image.markdown | #ABEBED | |
| meta.paragraph.markdown | #B6BACE | |
| markup.heading | #DC9FF2 | bold |
| punctuation.definition.list.begin.markdown | #88EFD5 | |
| markup.deleted.diff | #FF6C8E | |
| markup.inserted.diff | #97F1C7 | |
| meta.embedded.block | — | |
| markup.fenced_code.block.markdown | #F1C79D | italic |
| fenced_code.block.language.markdown | #F9E28F | — |
| markup.inline.raw.string.markdown | #C3C0FF | — |
| markup.bold.markdown | #B8B7E5 | bold |
| markup.italic.markdown | #D0ACFF | italic |
| markup.strikethrough.markdown | #97A1F7 | strikethrough |
| punctuation.definition.quote.begin.markdown, meta.separator.markdown | #A06BF5 | bold |
| punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python | #C387F4 | — |
| punctuation.separator.annotation.result.python | #7171C2 | bold |
| entity.name.tag.svelte | #767CEA | |
| entity.other.attribute-name.svelte | #6F95F7 | |
| text.svelte, meta.template.svelte | #DCDBE5 | |
| punctuation.separator.key-value.svelte | #938BCA | |
| string.quoted.svelte | #B694F1 | |
| text.html.vue-html | #DCDBE5 | |
| keyword.other.import.java, keyword.other.package.java | #757BFF | |
| punctuation.definition.annotation.java | #A381FF | |
| entity.name.tag.tsx, entity.name.tag.jsx, storage.type.annotation.java | #70A2FF | |
| constant.other.key.java | #58CAFF | |
| storage.modifier.import.java | #7F98F1 | |
| punctuation.separator.java | #AAAAAA | |
| variable.language.wildcard.java | #8F79EE | |
| meta.assertion.look-behind.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-behind.regexp, meta.assertion.negative-look-ahead.regexp, entity.other.inherited-class, storage.type.java, storage.type.primitive.java, storage.type.object.array.java, storage.type.generic.java, entity.name.type, variable.language, support.class, support.type, storage.type, type | #81BCFF | |
| storage.modifier.package.java | #AE7FFF | |
| keyword.other.documentation.javadoc.java | #BB7EFD | — |
| keyword.cs | #838DFF | |
| punctuation.parenthesis.open.cs, punctuation.parenthesis.close.cs, punctuation.definition.typeparameters.begin.cs, punctuation.definition.typeparameters.end.cs, punctuation.squarebracket.open.cs, punctuation.squarebracket.close.cs | #C387F4 | |
| punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs | #B59DC2 | |
| keyword.function.go, keyword.import.go, keyword.const.go, keyword.var.go, keyword.interface.go, keyword.struct.go | #838DFF | |
| punctuation.definition.begin.bracket.round.go, punctuation.definition.end.bracket.round.go, punctuation.definition.begin.bracket.curly.go, punctuation.definition.end.bracket.curly.go | #C387F4 | |
| keyword.other.using.directive.cpp | #838DFF | |
| punctuation.separator.pointer-access.cpp | #8D93D4 | |
| punctuation.section.parameters.begin.bracket.round, punctuation.section.parameters.end.bracket.round, punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square | #C387F4 | |
| punctuation.section.block.begin.bracket.curly, punctuation.section.block.end.bracket.curly | #B59DC2 | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...