Edgerunners: Cyberpunk Theme
Publisher: Thomas FazzariThemes in package: 1
A focused Cyberpunk: Edgerunners-inspired dark theme with neon red, cyan, rose, muted gold, and restrained semantic highlighting.
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#05080D
- activityBar.foreground#FF2D6F
- editor.background#070B11
- editor.focusedStackFrameHighlightBackground#79EAF222
- editor.foreground#A8A49D
- editor.lineHighlightBackground#121829
- editor.selectionBackground#79EAF240
- editor.selectionHighlightBackground#FF2D6F2E
- editor.wordHighlightBackground#79EAF226
- editor.wordHighlightStrongBackground#E5BA6F2E
- editor.wordHighlightTextBackground#FF2D6F26
- editorBracketHighlight.foreground1#747982
- editorBracketHighlight.foreground2#747982
- editorBracketHighlight.foreground3#747982
- editorBracketHighlight.foreground4#747982
- editorBracketHighlight.foreground5#747982
- editorBracketHighlight.foreground6#747982
- editorBracketHighlight.unexpectedBracket.foreground#FF5A5A
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorCursor.background#79EAF280
- editorCursor.foreground#79EAF2
- editorLineNumber.activeForeground#79EAF2
- editorLineNumber.foreground#3E455C
- editorWidget.foreground#E6ECFF
- focusBorder#FF2D6F66
- list.activeSelectionBackground#121E35
- list.activeSelectionForeground#F1F5FF
- list.focusAndSelectionOutline#00000000
- list.focusBackground#FF2D6F14
- list.focusOutline#00000000
- list.hoverBackground#FF2D6F14
- list.inactiveSelectionForeground#E6ECFF
- menu.selectionBackground#FF2D6F14
- menu.selectionBorder#00000000
- menubar.selectionBackground#FF2D6F14
- menubar.selectionBorder#00000000
- panelTitle.activeForeground#E6ECFF
- panelTitle.inactiveForeground#8891A5
- quickInputList.focusBackground#FF2D6F14
- sideBar.background#05080D
- sideBar.foreground#E6ECFF
- sideBarSectionHeader.foreground#E6ECFF
- sideBarTitle.foreground#E6ECFF
- statusBar.background#05080D
- statusBar.border#121829
- statusBar.debuggingBackground#121E35
- statusBar.debuggingBorder#FF2D6F
- statusBar.debuggingForeground#E6ECFF
- statusBar.foreground#A8A49D
- statusBar.noFolderBackground#05080D
- statusBar.noFolderBorder#121829
- statusBar.noFolderForeground#A8A49D
- statusBarItem.activeBackground#79EAF226
- statusBarItem.hoverBackground#FF2D6F1F
- statusBarItem.hoverForeground#E6ECFF
- terminal.ansiBlack#070B11
- terminal.ansiBlue#79EAF2
- terminal.ansiBrightBlack#3E455C
- terminal.ansiBrightBlue#79EAF2
- terminal.ansiBrightCyan#79EAF2
- terminal.ansiBrightGreen#79EAF2
- terminal.ansiBrightMagenta#FF6B8B
- terminal.ansiBrightRed#FF6B8B
- terminal.ansiBrightWhite#E6ECFF
- terminal.ansiBrightYellow#E5BA6F
- terminal.ansiCyan#79EAF2
- terminal.ansiGreen#79EAF2
- terminal.ansiMagenta#FF2D6F
- terminal.ansiRed#FF5A5A
- terminal.ansiWhite#D8D4CC
- terminal.ansiYellow#E5BA6F
- terminal.background#070B11
- terminal.foreground#E6ECFF
- titleBar.activeBackground#05080D
- titleBar.activeForeground#E6ECFF
- titleBar.border#121829
- titleBar.inactiveBackground#05080D
- titleBar.inactiveForeground#8891A5
- tree.indentGuidesStroke#3E455C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #79EAF2 | — |
| invalid | #FF5A5A | underline italic |
| invalid.deprecated | #A8A49D | underline italic |
| markup.error | #FF5A5A | — |
| markup.bold | #FF6B8B | bold |
| markup.italic | #D8647D | italic |
| markup.heading | #79EAF2 | bold |
| markup.quote | #71798A | italic |
| markup.inline.raw, markup.fenced_code | #A7B0C2 | — |
| markup.underline.link, markup.underline.link.image | #79EAF2 | — |
| comment, punctuation.definition.comment | #71798A | italic |
| string, constant.other.symbol | #D8647D | — |
| constant.character.escape, constant.character.format.placeholder | #E3B86E | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.other | #D8AB5C | — |
| constant, variable.other.constant, support.constant | #E3B86E | — |
| variable, variable.other.readwrite | #A7B0C2 | — |
| variable.parameter, meta.function.parameters variable | #B4BAC6 | — |
| variable.other.property, variable.object.property, support.variable.property, meta.object-literal.key, entity.name.field | #7896BD | — |
| keyword, storage.type, storage.modifier, variable.language | #D04A72 | — |
| keyword.control, keyword.control.conditional, keyword.control.repeat, keyword.control.exception | #FF2D6F | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #7C8390 | — |
| punctuation, meta.brace, meta.delimiter, punctuation.definition.block | #737B8A | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class | #79EAF2 | — |
| entity.name.namespace, entity.name.module, entity.name.package, support.module | #6D7C94 | — |
| entity.name.function, entity.name.function.member, support.function, variable.function | #FF6B8B | — |
| entity.name.function.decorator, punctuation.decorator, meta.decorator, entity.name.type.attribute | #A7B0C2 | — |
| support.function | #E75A7C | — |
| support.variable, support.constant | #A7B0C2 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #D8647D | — |
| entity.name.tag, punctuation.definition.tag | #FF2D6F | — |
| entity.other.attribute-name, support.type.property-name | #7896BD | — |
| meta.structure.dictionary.key string.quoted, meta.object-literal.key | #79EAF2 | — |
| meta.structure.dictionary.value string.quoted | #FF2D6F | — |
| markup.inline.raw, markup.fenced_code, markup.raw | #A7B0C2 | — |
| markup.underline.link, string.other.link, constant.other.reference.link | #A7B0C2 | underline |