Neon Sunset
Publisher: SoftServiceThemes in package: 1
A vibrant dark theme with warm sunset colors - coral, orange, sky blue, and purple accents on a sleek dark grey background.
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#141414
- activityBar.foreground#87CEEB
- activityBarBadge.background#FF6B7A
- activityBarBadge.foreground#ffffff
- button.background#FF9248
- button.foreground#ffffff
- button.hoverBackground#ff8555
- editor.background#1e1e1e
- editor.foreground#eaeaea
- editor.lineHighlightBackground#2a2a2a
- editor.selectionBackground#3a3a3a
- editorCursor.foreground#FF9248
- editorIndentGuide.activeBackground1#555555
- editorIndentGuide.background1#333333
- editorLineNumber.activeForeground#FF9248
- editorLineNumber.foreground#6a6a6a
- focusBorder#FF9248
- input.background#2a2a2a
- input.border#3a3a3a
- input.foreground#eaeaea
- list.activeSelectionBackground#3a3a3a
- list.activeSelectionForeground#FF9248
- list.focusOutline#00000000
- list.hoverBackground#2a2a2a
- panel.background#181818
- panel.border#333333
- scrollbarSlider.background#3a3a3a80
- scrollbarSlider.hoverBackground#55555580
- sideBar.background#181818
- sideBar.border#1e1e1e
- sideBar.foreground#cccccc
- sideBarTitle.foreground#FF9248
- statusBar.background#141414
- statusBar.debuggingBackground#FF6B7A
- statusBar.foreground#87CEEB
- tab.activeBackground#1e1e1e
- tab.activeBorderTop#FF9248
- tab.activeForeground#FF9248
- tab.inactiveBackground#181818
- tab.inactiveForeground#888888
- terminal.ansiBlue#87CEEB
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#FF6B7A
- terminal.ansiYellow#FF9248
- terminal.foreground#eaeaea
- titleBar.activeBackground#141414
- titleBar.activeForeground#eaeaea
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a6a8a | italic |
| keyword, storage.type, storage.modifier | #C792EA | — |
| keyword.control, keyword.operator.new | #C792EA | — |
| entity.name.function, meta.function-call, support.function | #87CEEB | — |
| entity.name.type, entity.name.class, support.class, entity.other.inherited-class | #FF9248 | — |
| string, string.quoted | #C792EA | — |
| constant.numeric | #FF9248 | — |
| constant.language, constant.other | #FF9248 | — |
| variable, variable.other | #eaeaea | — |
| variable.parameter | #FF9248 | — |
| variable.other.property, variable.other.object.property | #87CEEB | — |
| keyword.operator | #FF6B7A | — |
| punctuation | #cccccc | — |
| entity.name.tag | #FF6B7A | — |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag support.class.component | #FF9248 | — |
| entity.other.attribute-name | #87CEEB | — |
| support.type.property-name.css | #87CEEB | — |
| support.constant.property-value.css | #FF9248 | — |
| support.type.property-name.json | #FF6B7A | — |
| markup.heading, entity.name.section.markdown | #FF9248 | bold |
| markup.bold | #FF6B7A | bold |
| markup.italic | #87CEEB | italic |
| markup.underline.link | #87CEEB | — |
| string.regexp | #FF6B7A | — |
| meta.decorator, meta.annotation | #FF9248 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #FF6B7A | — |
| entity.name.module, variable.import.parameter | #87CEEB | — |