Cosmic Aura
Publisher: Nima PoorarshadiThemes in package: 3
A vibrant dark theme inspired by the cosmos 🌌✨. Cosmic Aura blends deep space tones with glowing neon accents — now with Aurora, Amber Synthwave, and Nebula variations 🚀.
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#110C08
- activityBar.border#0E0A06
- activityBar.dropBackground#3D2B1A
- activityBar.foreground#C4A882
- activityBarBadge.background#FF6B35
- activityBarBadge.foreground#110C08
- badge.background#FF6B35
- badge.foreground#1C1510
- button.background#FF6B35cc
- button.hoverBackground#CC5533cc
- debugExceptionWidget.background#C8965A60
- debugExceptionWidget.border#C8965A60
- debugToolBar.background#160F0A
- diffEditor.insertedTextBackground#8DAF6E20
- diffEditor.removedTextBackground#CC553320
- dropdown.background#261A0E
- dropdown.border#3D2B1A
- editor.background#1C1510
- editor.findMatchBackground#C8965A56
- editor.findMatchBorder#C8965Ab6
- editor.findMatchHighlightBackground#7AAFB844
- editor.foreground#E8D5B0
- editor.hoverHighlightBackground#2E1E12
- editor.lineHighlightBackground#231A12
- editor.lineHighlightBorder#231A12
- editor.rangeHighlightBackground#2A1A0C
- editor.selectionBackground#3D2B1A
- editor.selectionHighlightBackground#4A301880
- editor.wordHighlightBackground#3D2B1A
- editor.wordHighlightStrongBackground#CC553380
- editorBracketMatch.background#7A5C3A60
- editorBracketMatch.border#7A5C3A
- editorCodeLens.foreground#7A5C3A
- editorCursor.foreground#FF6B35
- editorError.foreground#CC5533
- editorGroup.background#1E1208
- editorGroup.dropBackground#3D2B1A80
- editorGroupHeader.tabsBackground#160F0A
- editorGutter.addedBackground#8DAF6EBB
- editorGutter.deletedBackground#CC5533BB
- editorGutter.modifiedBackground#7AAFB8BB
- editorHoverWidget.background#2E1E12
- editorHoverWidget.border#FF6B35cc
- editorIndentGuide.activeBackground#7A5C3A
- editorIndentGuide.background#3D2B1A
- editorLineNumber.foreground#4A3828
- editorLink.activeForeground#7AAFB8
- editorOverviewRuler.border#0E0A06
- editorRuler.foreground#3D2B1A
- editorSuggestWidget.background#160F0A
- editorSuggestWidget.border#3D2B1A
- editorSuggestWidget.selectedBackground#2E1E12
- editorWarning.foreground#C8965A
- editorWhitespace.foreground#3D2B1A
- editorWidget.background#160F0A
- errorForeground#CC5533
- extensionButton.prominentBackground#CC5533cc
- extensionButton.prominentHoverBackground#CC5533b0
- focusBorder#7A5C3A
- foreground#E8D5B0
- gitDecoration.ignoredResourceForeground#4A3828
- input.background#261A0E
- input.placeholderForeground#7A5C3A
- inputOption.activeBorder#B87A9A
- inputValidation.errorBackground#CC5533
- inputValidation.errorBorder#CC5533
- inputValidation.infoBackground#4A6A60
- inputValidation.infoBorder#4A6A60
- inputValidation.warningBackground#C8965A
- inputValidation.warningBorder#C8965A
- list.activeSelectionBackground#2E1E12
- list.activeSelectionForeground#E8D5B0
- list.dropBackground#3D2B1A
- list.focusBackground#231A12
- list.focusForeground#E8D5B0
- list.hoverBackground#1E1208
- list.hoverForeground#E8D5B0
- list.inactiveSelectionBackground#2E1E12
- list.inactiveSelectionForeground#E8D5B0
- merge.currentContentBackground#FF6B3540
- merge.currentHeaderBackground#FF6B35
- merge.incomingContentBackground#7AAFB840
- merge.incomingHeaderBackground#7AAFB8BB
- minimapSlider.activeBackground#4A381860
- minimapSlider.background#3D2B1A60
- minimapSlider.hoverBackground#4A381860
- panel.background#110C08
- panel.border#0E0A06
- panelTitle.activeBorder#1C1510
- panelTitle.inactiveForeground#7A5C3A
- peekView.border#1C1510
- peekViewEditor.background#160F0A
- peekViewEditor.matchHighlightBackground#C8965A60
- peekViewResult.background#160F0A
- peekViewResult.matchHighlightBackground#C8965A60
- peekViewResult.selectionBackground#1C1510
- peekViewTitle.background#160F0A
- peekViewTitleDescription.foreground#7A5C3A
- pickerGroup.border#3D2B1A
- pickerGroup.foreground#7A5C3A
- progressBar.background#B87A9A
- scrollbar.shadow#0E0A06
- scrollbarSlider.activeBackground#7A5C3A
- scrollbarSlider.background#3D2B1A80
- scrollbarSlider.hoverBackground#3D2B1ACC
- selection.background#7A5C3A
- sideBar.background#160F0A
- sideBar.border#0E0A06
- sideBar.foreground#907060
- sideBarSectionHeader.background#160F0A
- sideBarSectionHeader.foreground#C8965A
- sideBarTitle.foreground#E8D5B0
- statusBar.background#110C08
- statusBar.debuggingBackground#CC5533
- statusBar.noFolderBackground#1C1510
- statusBarItem.activeBackground#FF6B35cc
- statusBarItem.hoverBackground#CC5533b0
- statusBarItem.prominentBackground#CC5533b0
- statusBarItem.prominentHoverBackground#FF6B35cc
- tab.activeBackground#2A180A
- tab.activeBorder#C8965A
- tab.activeForeground#E8D5B0
- tab.inactiveBackground#160F0A
- tab.inactiveForeground#7A5C3A
- terminal.ansiBlue#7AAFB8
- terminal.ansiBrightBlue#9ACDD6
- terminal.ansiBrightCyan#B8E0E8
- terminal.ansiBrightGreen#A8C886
- terminal.ansiBrightMagenta#D49AB8
- terminal.ansiBrightRed#FF6B35
- terminal.ansiBrightYellow#DDB87A
- terminal.ansiCyan#9ACDD6
- terminal.ansiGreen#8DAF6E
- terminal.ansiMagenta#B87A9A
- terminal.ansiRed#CC5533
- terminal.ansiYellow#C8965A
- terminal.background#110C08
- terminal.foreground#E8D5B0
- terminalCursor.background#1C1510
- terminalCursor.foreground#FF6B35
- titleBar.activeBackground#110C08
- walkThrough.embeddedEditorBackground#1C1510
- widget.shadow#0E0A06
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #E8D5B0 | — |
| comment, markup.quote.markdown, meta.diff, meta.diff.header | #5C4433cc | — |
| variable, text.html.derivative, meta.property-name.css, meta.property-list.css, source.python, constant.name.attribute.tag.jade, punctuation.separator.key-value.js, punctuation.definition.metadata.markdown, punctuation.definition.string.end.markdown, punctuation.definition.string.begin.markdown | #E8D5B0 | — |
| variable.other.object.access.cpp, keyword.control.directive.include.cpp, support.variable, meta.object-literal.key.js, entity.name.tag.yaml, constant.character.entity.html, source.css entity.name.tag.reference, beginning.punctuation.definition.list.markdown, source.css entity.other.attribute-name.parent-selector, meta.structure.dictionary.json support.type.property-name | #7AAFB8 | — |
| markup.bold, constant.numeric, meta.group.regexp, constant.other.php, support.constant.ext.php, constant.other.class.php, support.constant.core.php, fenced_code.block.language, constant.other.caps.python, entity.other.attribute-name, support.type.exception.python, source.css keyword.other.unit, variable.other.object.property.js.jsx, variable.other.object.js | #C8965A | — |
| markup.list, text.xml string, support.function, entity.name.function, entity.name.type, meta.at-rule.extend, entity.other.inherited-class, entity.other.keyframe-offset.css, text.html.markdown string.quoted, meta.function-call.generic.python, meta.at-rule.extend support.constant, entity.other.attribute-name.class.jade, source.css entity.other.attribute-name, text.xml punctuation.definition.string | #DDB87A | — |
| markup.heading, variable.language.this.js, variable.language.special.self.python | #FF6B35 | — |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.interpolation, punctuation.section.embedded.end.php, punctuation.section.embedded.end.ruby, punctuation.section.embedded.begin.php, punctuation.section.embedded.begin.ruby, punctuation.definition.template-expression, entity.name.tag | #D4782A | — |
| meta.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, entity.name.function.decorator, entity.name.function.decorator.python, constant.language.python, string.regexp, markup.changed | #B87A9A | — |
| storage, keyword, meta.link, meta.image, markup.italic, source.js support.type | #FF6B35 | — |
| constant, support.class, keyword.operator, support.constant, text.html.markdown string, source.css support.function, source.php support.function, support.function.magic.python, entity.other.attribute-name.id, punctuation.definition.string, markup.deleted | #CC5533 | — |
| string, text.html.php string, markup.inline.raw, markup.inserted, punctuation.definition.markdown, text.html meta.embedded source.js string, text.html.php punctuation.definition.string, text.html meta.embedded source.js punctuation.definition.string, text.html punctuation.definition.string, text.html string | #8DAF6E | — |
| entity.other.inherited-class | — | underline |
| comment, invalid, keyword, entity.other.attribute-name | — | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...