Pixel Night Arcade Themes
Publisher: vdhoangsonThemes in package: 5
A retro pixel-inspired VS Code theme with CRT contrast and arcade neon accents.
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#10191f
- activityBar.foreground#c7f36b
- activityBar.inactiveForeground#7c8d85
- activityBarBadge.background#7b5cff
- activityBarBadge.foreground#f7ffdd
- badge.background#7b5cff
- badge.foreground#f7ffdd
- button.background#6c8cff
- button.foreground#f7ffdd
- button.hoverBackground#87a2ff
- descriptionForeground#b6cc8b
- diffEditor.insertedTextBackground#c7f36b22
- diffEditor.removedTextBackground#ff7b6e22
- dropdown.background#1a2528
- dropdown.border#5b7293
- editor.background#162126
- editor.findMatchBackground#c7f36b
- editor.findMatchForeground#10191f
- editor.findMatchHighlightBackground#c7f36b44
- editor.foreground#e6f4bf
- editor.inactiveSelectionBackground#31485f88
- editor.selectionBackground#3f5d7b
- editor.wordHighlightBackground#7de1d922
- editor.wordHighlightStrongBackground#c7f36b33
- editorBracketMatch.background#7de1d922
- editorBracketMatch.border#7de1d9
- editorCursor.foreground#ffb36f
- editorGroup.border#2b3940
- editorGroupHeader.tabsBackground#10191f
- editorGutter.addedBackground#c7f36b
- editorGutter.deletedBackground#ff7b6e
- editorGutter.modifiedBackground#7de1d9
- editorHoverWidget.background#10191f
- editorHoverWidget.border#5b7293
- editorIndentGuide.activeBackground1#5b7293
- editorIndentGuide.background1#253338
- editorLineNumber.activeForeground#c7f36b
- editorLineNumber.foreground#60706b
- editorOverviewRuler.border#00000000
- editorWhitespace.foreground#1f2c30
- editorWidget.background#10191f
- editorWidget.border#5b7293
- errorForeground#ff7b6e
- focusBorder#c7f36b
- foreground#e6f4bf
- icon.foreground#7de1d9
- input.background#10191f
- input.border#5b7293
- input.foreground#e6f4bf
- input.placeholderForeground#7c8d85
- list.activeSelectionBackground#31485f
- list.activeSelectionForeground#f7ffdd
- list.highlightForeground#c7f36b
- list.hoverBackground#253741
- panel.background#10191f
- panel.border#2b3940
- panelTitle.activeForeground#c7f36b
- panelTitle.inactiveForeground#7c8d85
- progressBar.background#7de1d9
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#7de1d9aa
- scrollbarSlider.background#5b729399
- scrollbarSlider.hoverBackground#7a96bfaa
- selection.background#3f5d7b
- sideBar.background#182226
- sideBar.border#2b3940
- sideBar.foreground#cedd9f
- sideBarTitle.foreground#c7f36b
- statusBar.background#0b1216
- statusBar.border#2b3940
- statusBar.debuggingBackground#6c8cff
- statusBar.debuggingForeground#f7ffdd
- statusBar.foreground#cedd9f
- statusBar.noFolderBackground#0b1216
- tab.activeBackground#1b282c
- tab.activeBorderTop#6c8cff
- tab.activeForeground#f7ffdd
- tab.border#2b3940
- tab.inactiveBackground#10191f
- tab.inactiveForeground#7c8d85
- tab.unfocusedActiveBorderTop#4f63c2
- terminal.ansiBlack#10191f
- terminal.ansiBlue#6c8cff
- terminal.ansiBrightBlack#7c8d85
- terminal.ansiBrightBlue#96b0ff
- terminal.ansiBrightCyan#bef7f1
- terminal.ansiBrightGreen#e1ffa0
- terminal.ansiBrightMagenta#b69cff
- terminal.ansiBrightRed#ffab96
- terminal.ansiBrightWhite#f7ffdd
- terminal.ansiBrightYellow#fff0a0
- terminal.ansiCyan#7de1d9
- terminal.ansiGreen#c7f36b
- terminal.ansiMagenta#7b5cff
- terminal.ansiRed#ff7b6e
- terminal.ansiWhite#e6f4bf
- terminal.ansiYellow#f0d86d
- terminal.background#10191f
- terminal.foreground#e6f4bf
- textBlockQuote.background#202f2f
- textCodeBlock.background#10191f
- textLink.activeForeground#bef7f1
- textLink.foreground#7de1d9
- textPreformat.foreground#c7f36b
- titleBar.activeBackground#0b1216
- titleBar.activeForeground#e6f4bf
- titleBar.inactiveBackground#0b1216
- titleBar.inactiveForeground#7c8d85
- tree.indentGuidesStroke#394d51
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7c8d85 | — |
| keyword, storage, storage.type | #c7f36b | — |
| string | #7de1d9 | — |
| constant.numeric, constant.language, support.constant | #ffb36f | — |
| entity.name.function, meta.function-call, support.function | #6c8cff | — |
| variable, meta.definition.variable.name, support.variable | #e6f4bf | — |
| variable.parameter | #b69cff | — |
| entity.name.type, entity.name.class, support.type, support.class | #6c8cff | — |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #7b5cff | — |
| entity.other.attribute-name, entity.other.attribute-name.class.html, entity.other.attribute-name.class.jsx, entity.other.attribute-name.class.tsx | #f0d86d | — |
| 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 | #7de1d9 | — |
| support.type.property-name.json, meta.object-literal.key | #ffb36f | — |