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#182012
- activityBar.foreground#d0f090
- activityBar.inactiveForeground#7d8a63
- activityBarBadge.background#b8d878
- activityBarBadge.foreground#182012
- badge.background#7f9f50
- badge.foreground#182012
- button.background#b8d878
- button.foreground#182012
- button.hoverBackground#d0f090
- descriptionForeground#b1bf80
- diffEditor.insertedTextBackground#b8d87822
- diffEditor.removedTextBackground#e0886622
- dropdown.background#2f3b23
- dropdown.border#6f8a4d
- editor.background#1f2918
- editor.findMatchBackground#d0f090
- editor.findMatchForeground#182012
- editor.findMatchHighlightBackground#d0f09044
- editor.foreground#d8e0b0
- editor.inactiveSelectionBackground#44572f88
- editor.selectionBackground#556b3f
- editor.wordHighlightBackground#b8d87822
- editor.wordHighlightStrongBackground#d0f09033
- editorBracketMatch.background#b8d87822
- editorBracketMatch.border#b8d878
- editorCursor.foreground#f0f8c8
- editorGroup.border#3d4c2c
- editorGroupHeader.tabsBackground#182012
- editorGutter.addedBackground#b8d878
- editorGutter.deletedBackground#e08866
- editorGutter.modifiedBackground#d8e0b0
- editorHoverWidget.background#182012
- editorHoverWidget.border#6f8a4d
- editorIndentGuide.activeBackground1#6f8a4d
- editorIndentGuide.background1#344126
- editorLineNumber.activeForeground#d0f090
- editorLineNumber.foreground#62724b
- editorOverviewRuler.border#00000000
- editorWhitespace.foreground#2a331e
- editorWidget.background#182012
- editorWidget.border#6f8a4d
- errorForeground#e08866
- focusBorder#b8d878
- foreground#d8e0b0
- icon.foreground#c8e890
- input.background#182012
- input.border#6f8a4d
- input.foreground#d8e0b0
- input.placeholderForeground#7d8a63
- list.activeSelectionBackground#44572f
- list.activeSelectionForeground#f0f8c8
- list.highlightForeground#d0f090
- list.hoverBackground#334127
- panel.background#182012
- panel.border#3d4c2c
- panelTitle.activeForeground#d0f090
- panelTitle.inactiveForeground#7d8a63
- progressBar.background#c8e890
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#b8d87899
- scrollbarSlider.background#6f8a4d88
- scrollbarSlider.hoverBackground#8aa85c99
- selection.background#556b3f
- sideBar.background#202817
- sideBar.border#3d4c2c
- sideBar.foreground#c8d09f
- sideBarTitle.foreground#d0f090
- statusBar.background#12180d
- statusBar.border#3d4c2c
- statusBar.debuggingBackground#6f8a4d
- statusBar.debuggingForeground#f0f8c8
- statusBar.foreground#c8d09f
- statusBar.noFolderBackground#12180d
- tab.activeBackground#2a331e
- tab.activeBorderTop#b8d878
- tab.activeForeground#f0f8c8
- tab.border#3d4c2c
- tab.inactiveBackground#182012
- tab.inactiveForeground#7d8a63
- tab.unfocusedActiveBorderTop#7f9f50
- terminal.ansiBlack#182012
- terminal.ansiBlue#8fa86b
- terminal.ansiBrightBlack#7d8a63
- terminal.ansiBrightBlue#b1bf80
- terminal.ansiBrightCyan#e0f8b0
- terminal.ansiBrightGreen#d0f090
- terminal.ansiBrightMagenta#c8d09f
- terminal.ansiBrightRed#f0a888
- terminal.ansiBrightWhite#f0f8c8
- terminal.ansiBrightYellow#f0f8c8
- terminal.ansiCyan#c8e890
- terminal.ansiGreen#b8d878
- terminal.ansiMagenta#a8bf78
- terminal.ansiRed#e08866
- terminal.ansiWhite#d8e0b0
- terminal.ansiYellow#d0f090
- terminal.background#182012
- terminal.foreground#d8e0b0
- textBlockQuote.background#2a331e
- textCodeBlock.background#182012
- textLink.activeForeground#f0f8c8
- textLink.foreground#d8e0b0
- textPreformat.foreground#c8e890
- titleBar.activeBackground#12180d
- titleBar.activeForeground#f0f8c8
- titleBar.inactiveBackground#12180d
- titleBar.inactiveForeground#7d8a63
- tree.indentGuidesStroke#556b3f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7d8a63 | — |
| keyword, storage, storage.type | #d0f090 | — |
| string | #b8d878 | — |
| constant.numeric, constant.language, support.constant | #f0c080 | — |
| entity.name.function, meta.function-call, support.function | #c8e890 | — |
| variable, meta.definition.variable.name, support.variable | #d8e0b0 | — |
| variable.parameter | #f0f8c8 | — |
| entity.name.type, entity.name.class, support.type, support.class | #a8bf78 | — |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #d0f090 | — |
| entity.other.attribute-name, entity.other.attribute-name.class.html, entity.other.attribute-name.class.jsx, entity.other.attribute-name.class.tsx | #f0c080 | — |
| 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 | #c8e890 | — |
| support.type.property-name.json, meta.object-literal.key | #f0c080 | — |