Aurora Drift Theme
Publisher: neon moonThemes in package: 2
A VS Code theme inspired by aurora borealis — deep blues, magentas, greens, and golds.
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#f4f2ff
- activityBar.border#ece8ff
- activityBar.foreground#3060a8
- activityBar.inactiveForeground#c8c0f4
- activityBarBadge.background#b04878
- activityBarBadge.foreground#f4f2ff
- badge.background#b04878
- badge.foreground#f4f2ff
- breadcrumb.activeSelectionForeground#1e2240
- breadcrumb.focusForeground#1e2240
- breadcrumb.foreground#606888
- breadcrumbPicker.background#ece8ff
- button.background#007a62
- button.foreground#f4f2ff
- button.hoverBackground#006050
- button.secondaryBackground#d4cef8
- button.secondaryForeground#1e2240
- button.secondaryHoverBackground#c8c0f4
- charts.blue#3060a8
- charts.foreground#1e2240
- charts.green#007a62
- charts.lines#b8b0e8
- charts.orange#905820
- charts.purple#7048a8
- charts.red#b04858
- charts.yellow#8a6500
- debugIcon.breakpointCurrentStackframeForeground#8a6500
- debugIcon.breakpointForeground#b04858
- debugIcon.startForeground#007a62
- debugToolBar.background#ece8ff
- descriptionForeground#6878a8
- diffEditor.insertedLineBackground#007a6210
- diffEditor.insertedTextBackground#007a6215
- diffEditor.removedLineBackground#b0485810
- diffEditor.removedTextBackground#b0485815
- dropdown.background#ece8ff
- dropdown.border#b8b0e8
- dropdown.foreground#1e2240
- editor.background#f4f2ff
- editor.findMatchBackground#8a650040
- editor.findMatchHighlightBackground#8a650020
- editor.foreground#1e2240
- editor.lineHighlightBackground#e2dcfc80
- editor.rangeHighlightBackground#3060a810
- editor.selectionBackground#007a6230
- editor.selectionHighlightBackground#007a6218
- editor.wordHighlightBackground#3060a820
- editor.wordHighlightStrongBackground#3060a840
- editorBracketHighlight.foreground1#3060a8
- editorBracketHighlight.foreground2#b04878
- editorBracketHighlight.foreground3#007a62
- editorBracketHighlight.foreground4#8a6500
- editorBracketHighlight.foreground5#7048a8
- editorBracketHighlight.foreground6#1068a0
- editorBracketMatch.background#007a6220
- editorBracketMatch.border#007a6280
- editorCursor.foreground#007a62
- editorError.foreground#b04858
- editorGroupHeader.tabsBackground#ece8ff
- editorGroupHeader.tabsBorder#ece8ff
- editorGutter.addedBackground#006050
- editorGutter.background#f4f2ff
- editorGutter.deletedBackground#b04858
- editorGutter.modifiedBackground#245090
- editorHint.foreground#007a62
- editorIndentGuide.activeBackground1#b8b0e8
- editorIndentGuide.background1#e2dcfc
- editorInfo.foreground#3060a8
- editorLineNumber.activeForeground#6878a8
- editorLineNumber.foreground#c8c0f4
- editorOverviewRuler.addedForeground#006050
- editorOverviewRuler.border#f4f2ff
- editorOverviewRuler.deletedForeground#b04858
- editorOverviewRuler.errorForeground#b04858
- editorOverviewRuler.findMatchForeground#8a6500
- editorOverviewRuler.modifiedForeground#245090
- editorOverviewRuler.selectionHighlightForeground#007a62
- editorOverviewRuler.warningForeground#8a6500
- editorWarning.foreground#8a6500
- editorWhitespace.foreground#b8b0e8
- errorForeground#b04858
- focusBorder#007a6260
- foreground#1e2240
- gitDecoration.addedResourceForeground#007a62
- gitDecoration.conflictingResourceForeground#b04878
- gitDecoration.deletedResourceForeground#b04858
- gitDecoration.ignoredResourceForeground#c8c0f4
- gitDecoration.modifiedResourceForeground#3060a8
- gitDecoration.stageAddedResourceForeground#007a62
- gitDecoration.stageDeletedResourceForeground#b04858
- gitDecoration.stageModifiedResourceForeground#3060a8
- gitDecoration.untrackedResourceForeground#8a6500
- icon.foreground#6878a8
- input.background#ece8ff
- input.border#b8b0e8
- input.foreground#1e2240
- input.placeholderForeground#606888
- inputOption.activeBackground#007a6220
- inputOption.activeBorder#007a62
- inputOption.activeForeground#007a62
- inputValidation.errorBackground#b0485818
- inputValidation.errorBorder#b04858
- inputValidation.infoBackground#3060a818
- inputValidation.infoBorder#3060a8
- inputValidation.warningBackground#8a650018
- inputValidation.warningBorder#8a6500
- list.activeSelectionBackground#d4cef8
- list.activeSelectionForeground#1e2240
- list.errorForeground#b04858
- list.focusBackground#d4cef8
- list.highlightForeground#007a62
- list.hoverBackground#e2dcfc80
- list.inactiveSelectionBackground#e2dcfc
- list.warningForeground#8a6500
- menu.background#ece8ff
- menu.foreground#1e2240
- menu.selectionBackground#d4cef8
- menu.selectionForeground#1e2240
- menu.separatorBackground#b8b0e8
- menubar.selectionBackground#e2dcfc
- menubar.selectionForeground#1e2240
- notificationLink.foreground#3060a8
- notifications.background#ece8ff
- notifications.border#b8b0e8
- notifications.foreground#1e2240
- panel.background#f4f2ff
- panel.border#e2dcfc
- panelTitle.activeBorder#007a62
- panelTitle.activeForeground#1e2240
- panelTitle.inactiveForeground#606888
- peekView.border#3060a8
- peekViewEditor.background#ece8ff
- peekViewEditor.matchHighlightBackground#8a650030
- peekViewResult.background#f4f2ff
- peekViewResult.fileForeground#1e2240
- peekViewResult.lineForeground#6878a8
- peekViewResult.matchHighlightBackground#8a650030
- peekViewResult.selectionBackground#e2dcfc
- peekViewResult.selectionForeground#1e2240
- peekViewTitle.background#f4f2ff
- peekViewTitleDescription.foreground#6878a8
- peekViewTitleLabel.foreground#1e2240
- progressBar.background#007a62
- scrollbar.shadow#b8b0e860
- scrollbarSlider.activeBackground#007a6240
- scrollbarSlider.background#b8b0e860
- scrollbarSlider.hoverBackground#b8b0e890
- selection.background#007a6230
- sideBar.background#ece8ff
- sideBar.border#e2dcfc
- sideBar.foreground#1e2240
- sideBarSectionHeader.background#ece8ff
- sideBarSectionHeader.border#e2dcfc
- sideBarSectionHeader.foreground#606888
- sideBarTitle.foreground#606888
- statusBar.background#f4f2ff
- statusBar.border#e2dcfc
- statusBar.debuggingBackground#903060
- statusBar.debuggingForeground#f4f2ff
- statusBar.foreground#606888
- statusBar.noFolderBackground#f4f2ff
- statusBarItem.hoverBackground#e2dcfc
- statusBarItem.remoteBackground#3060a8
- statusBarItem.remoteForeground#f4f2ff
- tab.activeBackground#f4f2ff
- tab.activeBorder#007a62
- tab.activeForeground#1e2240
- tab.border#ece8ff
- tab.hoverBackground#e2dcfc
- tab.inactiveBackground#ece8ff
- tab.inactiveForeground#606888
- terminal.ansiBlack#1e2240
- terminal.ansiBlue#3060a8
- terminal.ansiBrightBlack#6878a8
- terminal.ansiBrightBlue#6090d0
- terminal.ansiBrightCyan#509898
- terminal.ansiBrightGreen#38a888
- terminal.ansiBrightMagenta#c06090
- terminal.ansiBrightRed#c06070
- terminal.ansiBrightWhite#1e2240
- terminal.ansiBrightYellow#b09020
- terminal.ansiCyan#1068a0
- terminal.ansiGreen#007a62
- terminal.ansiMagenta#b04878
- terminal.ansiRed#b04858
- terminal.ansiWhite#3a4468
- terminal.ansiYellow#8a6500
- terminal.background#f4f2ff
- terminal.foreground#1e2240
- terminal.selectionBackground#007a6230
- terminalCursor.foreground#007a62
- textLink.activeForeground#245090
- textLink.foreground#3060a8
- titleBar.activeBackground#f4f2ff
- titleBar.activeForeground#6878a8
- titleBar.border#ece8ff
- titleBar.inactiveBackground#f4f2ff
- titleBar.inactiveForeground#c8c0f4
- widget.shadow#b8b0e880
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #606888 | italic |
| string, string.quoted, string.template | #8a6500 | — |
| constant.character.escape, string.regexp | #905820 | — |
| constant.numeric | #b04878 | — |
| constant.language | #b04878 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.in, keyword.operator.of, storage, storage.type | #3060a8 | — |
| keyword.operator, punctuation.separator | #6878a8 | — |
| entity.name.function, meta.function-call.generic, support.function | #007a62 | — |
| variable.parameter | #1068a0 | italic |
| entity.name.class, entity.name.type, entity.other.inherited-class, support.class | #7048a8 | — |
| entity.name.type.alias, entity.name.type.interface, meta.type.annotation, support.type | #1068a0 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #905820 | — |
| variable, variable.other | #1e2240 | — |
| variable.other.object.property, meta.object-literal.key, support.variable.property | #3a4468 | — |
| variable.other.constant, variable.other.enummember | #b04878 | — |
| entity.name.namespace, entity.name.module, variable.other.module | #3060a8 | — |
| keyword.control.import, keyword.control.export | #3060a8 | — |
| variable.other.readwrite.alias | #1e2240 | — |
| entity.name.tag | #b04878 | — |
| entity.other.attribute-name | #1068a0 | — |
| string.quoted.double.html, string.quoted.single.html | #8a6500 | — |
| punctuation.definition.tag, meta.tag.sgml | #606888 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #007a62 | — |
| support.type.property-name.css | #3060a8 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #8a6500 | — |
| keyword.other.unit.css | #b04878 | — |
| keyword.control.at-rule | #7048a8 | — |
| support.type.property-name.json | #3060a8 | — |
| string.quoted.double.json | #8a6500 | — |
| constant.language.json | #b04878 | italic |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #3060a8 | bold |
| markup.bold | #8a6500 | bold |
| markup.italic | #b04878 | italic |
| markup.inline.raw, markup.fenced_code.block | #007a62 | — |
| string.other.link.title.markdown | #7048a8 | — |
| markup.underline.link.markdown | #1068a0 | — |
| markup.quote | #606888 | italic |
| punctuation.definition.list.begin.markdown | #007a62 | — |
| punctuation.definition.block, punctuation.section, meta.brace | #6878a8 | — |
| invalid | #b04858 | underline |
| markup.inserted | #007a62 | — |
| markup.deleted | #b04858 | — |
| markup.changed | #3060a8 | — |