Retrowave Sunset by Hoomer
Publisher: HoomerThemes in package: 1
A dark, neon-retro style theme for VSCode with vibrant contrasts and sleek bordering.
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.activeBorder#ff40c0
- activityBar.background#140936
- activityBar.border#2a1b4d
- activityBar.foreground#f75bb6
- activityBar.inactiveForeground#BDA0EA
- activityBarBadge.background#ff2aa6
- activityBarBadge.foreground#ffffff
- button.background#ff2aa6
- button.foreground#ffffff
- button.hoverBackground#ff40c0
- commandCenter.activeBackground#3e2695
- commandCenter.activeBorder#ff80e5
- commandCenter.activeForeground#ffffff
- commandCenter.background#241458
- commandCenter.border#4b3494
- commandCenter.debuggingBackground#1b0e4470
- commandCenter.foreground#FFFFFF
- commandCenter.inactiveBorder#8f79d9
- commandCenter.inactiveForeground#dcc8ff
- dropdown.background#1c0f40
- dropdown.border#3a2a66
- dropdown.foreground#EEDCFF
- editor.background#1a0c3a
- editor.findMatchBorder#40ffff66
- editor.findMatchHighlightBackground#40ffff33
- editor.foreground#EEDCFF
- editor.inactiveSelectionBackground#2a0b5a66
- editor.lineHighlightBackground#2a0b5a66
- editor.selectionBackground#ff2aa640
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#ff40c01f
- editor.selectionHighlightBorder#ff40c033
- editorCursor.foreground#ff40c0
- editorGroup.border#2a1b4d
- editorGroupHeader.tabsBorder#2a1b4d
- editorIndentGuide.activeBackground1#ff2aa6
- editorIndentGuide.background1#2a0b5a
- editorLineNumber.activeForeground#ffb9ff
- editorLineNumber.foreground#8f6db9
- editorSuggestWidget.border#3a2a66
- editorWidget.background#1c0f40
- editorWidget.border#3a2a66
- focusBorder#ff40c0
- icon.foreground#FFFFFF
- input.background#291757
- input.border#3a2a66
- input.foreground#EEDCFF
- input.placeholderForeground#a783d3
- list.activeSelectionBackground#ff2aa620
- list.activeSelectionForeground#ffffff
- list.highlightForeground#ffd1ff
- list.hoverBackground#1c0f40
- list.inactiveSelectionBackground#20114d
- menu.background#30167c
- menu.border#2a1b4d
- menu.foreground#EEDCFF
- menu.selectionBackground#1b0e44
- menu.selectionForeground#ffffff
- menu.separatorBackground#2a1b4d
- panel.background#140936
- panel.border#2a1b4d
- panelSection.border#2a1b4d
- panelSectionHeader.border#2a1b4d
- panelTitle.activeBorder#3A2A66
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#CDBAF4
- peekView.border#3a2a66
- sideBar.background#1b0e44
- sideBar.border#2a1b4d
- sideBar.foreground#E7D9FF
- sideBarSectionHeader.background#1b0e44
- sideBarSectionHeader.border#2a1b4d
- sideBarSectionHeader.foreground#EEDCFF
- sideBarTitle.foreground#EEDCFF
- statusBar.background#0c021f
- statusBar.border#2a1b4d
- statusBar.debuggingBackground#ff2aa6
- statusBar.foreground#EEDCFF
- statusBar.noFolderBackground#0c021f
- statusBarItem.hoverBackground#1b0e44
- statusBarItem.remoteBackground#1b0e44
- statusBarItem.remoteForeground#cbb5ff
- tab.activeBackground#1b0e44
- tab.activeBorder#2a1b4d
- tab.activeBorderTop#ff40c0
- tab.activeForeground#ffffff
- tab.border#2a1b4d
- tab.hoverBackground#20114d
- tab.hoverBorder#3a2a66
- tab.inactiveBackground#140936
- tab.inactiveForeground#bda0ea
- terminal.background#100132
- terminal.border#2a1b4d
- terminal.foreground#EEDCFF
- terminalCursor.foreground#ff2aa6
- textLink.activeForeground#ff40c0
- textLink.foreground#ff80e5
- titleBar.activeBackground#0c021f
- titleBar.activeForeground#EEDCFF
- titleBar.border#2a1b4d
- titleBar.inactiveBackground#0a0018
- titleBar.inactiveForeground#9c81cf
- toolbar.activeBackground#241357
- toolbar.hoverBackground#1b0e44
- toolbar.hoverOutline#3a2a66
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #802b80 | italic |
| string, constant.other.symbol.ruby, string.quoted.other.literal.upper.python | #ffcc00 | — |
| string.regexp, string.regexp punctuation, constant.character.escape, constant.other.character-class.set.regexp | #40ffff | — |
| keyword, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.other.unit | #F910AA | bold |
| constant.numeric, constant.language, constant.boolean, constant.null, constant.nan | #ff5f5f | — |
| entity.name.function, meta.function entity.name.function, support.function.builtin, support.function.console | #ff40c0 | — |
| variable, identifier, variable.other.readwrite, variable.other.object, variable.other.property | #ff80e5 | — |
| variable.parameter, meta.function.parameters variable.parameter | #ffd1ff | — |
| type, support.type, support.class, entity.name.type, entity.other.inherited-class | #40ffff | — |
| keyword.operator, punctuation.separator.comma, punctuation.separator.period, punctuation.section.embedded | #cbb5ff | — |
| variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, meta.import variable.other.readwrite | #ff80e5 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #F910AA | bold |
| meta.object-literal.key, support.type.property-name.json, punctuation.separator.key-value | #EEDCFF | — |
| string.template, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #ffcc00 | — |
| support.type.primitive.ts, support.type.builtin.ts, entity.name.type.interface.ts | #40ffff | — |
| entity.name.function.decorator.python, meta.function.decorator.python, punctuation.definition.decorator.python | #ff40c0 | — |
| variable.language.special.self.python, variable.language.self | #bda0ea | italic |
| support.function.builtin.python, support.type.python, constant.language.python | #40ffff | — |
| keyword.control.import.python, keyword.control.from.python, keyword.operator.logical.python, keyword.operator.arithmetic.python | #F910AA | bold |
| variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby | #ff80e5 | — |
| variable.language.self.ruby | #bda0ea | italic |
| entity.name.type.class.ruby, entity.name.type.module.ruby, constant.other.ruby, constant.other.symbol.hashkey.ruby | #40ffff | — |
| keyword.control.ruby, keyword.other.special-method.ruby, storage.type.class.ruby, storage.type.module.ruby, keyword.other.def.ruby, keyword.control.end.ruby, keyword.other.require.ruby | #F910AA | bold |
| source.css meta.property-name, support.type.property-name.css, support.type.vendored.property-name.css | #EEDCFF | — |
| source.css meta.property-value, support.constant.property-value.css, constant.other.color.rgb-value.css, constant.other.color, keyword.other.unit.css | #ffcc00 | — |
| entity.name.tag.css, entity.name.tag.reference.css | #40ffff | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #ff40c0 | — |
| entity.other.attribute-name.class.css | #ff80e5 | — |
| support.constant.media.css, keyword.control.at-rule.css, keyword.control.at-rule.media.css | #F910AA | bold |
| variable.scss, variable.other.root.scss, variable.other.scss | #ff80e5 | — |
| support.function.scss, support.function.misc.scss | #ff40c0 | — |
| entity.name.function.scss, meta.function.mixin.scss, support.function.at-rule.mixin.scss | #ff40c0 | — |
| keyword.control.at-rule.scss, keyword.other.default.scss, keyword.other.mixin.scss, keyword.other.function.scss | #F910AA | bold |
| punctuation.definition.interpolation.begin.scss, punctuation.definition.interpolation.end.scss, meta.interpolation.scss | #cbb5ff | — |
| entity.name.tag.html, meta.tag.sgml.doctype.html | #40ffff | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag | #cbb5ff | — |
| entity.other.attribute-name.html | #ff80e5 | — |
| string.quoted.double.html, string.quoted.single.html, constant.character.entity.html | #ffcc00 | — |
| meta.tag.inline.any.html, meta.tag.structure.any.html | #40ffff | — |
| text.html.ruby, meta.embedded.block.erb, meta.embedded.line.ruby | #EEDCFF | — |
| punctuation.section.embedded.ruby, source.ruby.embedded.html | #F910AA | bold |
| entity.name.tag, entity.other.attribute-name | #40ffff | — |
| string.quoted.double, string.quoted.single | #ffcc00 | — |
| constant.language.ruby, variable.language.self.ruby | #bda0ea | italic |