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#0d1021
- activityBar.foreground#ffd54f
- activityBar.inactiveForeground#6973a8
- activityBarBadge.background#ff4fa3
- activityBarBadge.foreground#fff9d9
- badge.background#ff4fa3
- badge.foreground#fff9d9
- button.background#ffd54f
- button.foreground#111427
- button.hoverBackground#ffe082
- descriptionForeground#c9c37f
- diffEditor.insertedTextBackground#7df77d22
- diffEditor.removedTextBackground#ff6b6b22
- dropdown.background#20243f
- dropdown.border#4b5d9a
- editor.background#161a30
- editor.findMatchBackground#ffd54f
- editor.findMatchForeground#111427
- editor.findMatchHighlightBackground#ffd54f44
- editor.foreground#f6f2c2
- editor.inactiveSelectionBackground#24365a
- editor.selectionBackground#304c7a
- editor.wordHighlightBackground#49d7ff33
- editor.wordHighlightStrongBackground#ffd54f33
- editorBracketMatch.background#49d7ff22
- editorBracketMatch.border#49d7ff
- editorCursor.foreground#ff4fa3
- editorGroup.border#33406d
- editorGroupHeader.tabsBackground#0d1021
- editorGutter.addedBackground#7df77d
- editorGutter.deletedBackground#ff6b6b
- editorGutter.modifiedBackground#49d7ff
- editorHoverWidget.background#10142b
- editorHoverWidget.border#4b5d9a
- editorIndentGuide.activeBackground1#4b5d9a
- editorIndentGuide.background1#27315a
- editorLineNumber.activeForeground#ffd54f
- editorLineNumber.foreground#58638e
- editorOverviewRuler.border#00000000
- editorWhitespace.foreground#20274a
- editorWidget.background#10142b
- editorWidget.border#4b5d9a
- errorForeground#ff6b6b
- focusBorder#ffd54f
- foreground#f6f2c2
- icon.foreground#49d7ff
- input.background#111427
- input.border#4b5d9a
- input.foreground#f6f2c2
- input.placeholderForeground#7a84b8
- list.activeSelectionBackground#253057
- list.activeSelectionForeground#fff9d9
- list.highlightForeground#ffd54f
- list.hoverBackground#1a2140
- panel.background#0d1021
- panel.border#33406d
- panelTitle.activeForeground#ffd54f
- panelTitle.inactiveForeground#6973a8
- progressBar.background#49d7ff
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#49d7ffaa
- scrollbarSlider.background#4b5d9a99
- scrollbarSlider.hoverBackground#6480d0aa
- selection.background#304c7a
- sideBar.background#141933
- sideBar.border#33406d
- sideBar.foreground#d8d08f
- sideBarTitle.foreground#ffd54f
- statusBar.background#080b18
- statusBar.border#33406d
- statusBar.debuggingBackground#ff4fa3
- statusBar.debuggingForeground#fff9d9
- statusBar.foreground#d8d08f
- statusBar.noFolderBackground#080b18
- tab.activeBackground#1b2245
- tab.activeBorderTop#ffd54f
- tab.activeForeground#fff9d9
- tab.border#33406d
- tab.inactiveBackground#0d1021
- tab.inactiveForeground#7a84b8
- tab.unfocusedActiveBorderTop#8f7a2d
- terminal.ansiBlack#0d1021
- terminal.ansiBlue#6d8cff
- terminal.ansiBrightBlack#6973a8
- terminal.ansiBrightBlue#91a7ff
- terminal.ansiBrightCyan#8aeaff
- terminal.ansiBrightGreen#b0ff9e
- terminal.ansiBrightMagenta#ff8bd0
- terminal.ansiBrightRed#ff9b8f
- terminal.ansiBrightWhite#fff9d9
- terminal.ansiBrightYellow#fff08c
- terminal.ansiCyan#49d7ff
- terminal.ansiGreen#7df77d
- terminal.ansiMagenta#ff4fa3
- terminal.ansiRed#ff6b6b
- terminal.ansiWhite#f6f2c2
- terminal.ansiYellow#ffd54f
- terminal.background#0d1021
- terminal.foreground#f6f2c2
- textBlockQuote.background#20243f
- textCodeBlock.background#111427
- textLink.activeForeground#8aeaff
- textLink.foreground#49d7ff
- textPreformat.foreground#7df77d
- titleBar.activeBackground#080b18
- titleBar.activeForeground#fff2a8
- titleBar.inactiveBackground#080b18
- titleBar.inactiveForeground#6973a8
- tree.indentGuidesStroke#3b4776
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5f7d58 | |
| string, meta.embedded.assembly | #7df77d | — |
| constant.numeric, constant.language, support.constant | #ff9b5e | — |
| keyword, storage, storage.type | #ffd54f | — |
| entity.name.function, meta.function-call, support.function | #49d7ff | — |
| variable, meta.definition.variable.name, support.variable | #f6f2c2 | — |
| variable.parameter | #ffb3d9 | — |
| entity.name.type, entity.name.class, support.type, support.class | #6d8cff | — |
| entity.name.tag, markup.heading | #ff4fa3 | — |
| entity.other.attribute-name | #ff9b5e | — |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #ff4fa3 | — |
| entity.other.attribute-name.class.html, entity.other.attribute-name.class.jsx, entity.other.attribute-name.class.tsx, entity.other.attribute-name.id.html, entity.other.attribute-name.id.jsx, entity.other.attribute-name.id.tsx | #ffd54f | — |
| 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 | #49d7ff | — |
| meta.object-literal.key, support.type.property-name.json | #ff9b5e | — |
| string.template, punctuation.definition.template-expression, meta.template.expression | #7df77d | — |
| invalid, invalid.deprecated | #111427 | — |