NeuroShade

Name: NeuroShade
Author: RYN BD

Publisher: RYN BDThemes in package: 5

A futuristic VS Code theme crafted for developers who love deep focus, modern aesthetics, and AI-inspired interfaces.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

NeuroShade — NeuroShade Neon

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#0A1020
activityBar.foreground#F8FAFC
activityBar.inactiveForeground#90A4C6
activityBarBadge.background#00F0FF
activityBarBadge.foreground#04121B
badge.background#A855F7
badge.foreground#F8FAFC
button.background#00F0FF
button.foreground#04121B
button.hoverBackground#63F6FF
descriptionForeground#A5B4CF
disabledForeground#7E8EAA
dropdown.background#0A1020
dropdown.border#1F5A7A
editor.background#070B16
editor.findMatchBackground#F59E0B66
editor.findMatchHighlightBackground#F59E0B22
editor.foreground#EEF6FF
editor.inactiveSelectionBackground#20304A77
editor.lineHighlightBackground#0B122388
editor.selectionBackground#0C5E7A77
editor.wordHighlightBackground#00F0FF22
editor.wordHighlightStrongBackground#A855F722
editorBracketMatch.background#A855F733
editorBracketMatch.border#A855F7AA
editorCursor.foreground#00F0FF
editorGutter.addedBackground#4ADE80
editorGutter.deletedBackground#FB7185
editorGutter.modifiedBackground#00F0FF
editorHoverWidget.background#0C1324
editorHoverWidget.border#1F5A7A
editorIndentGuide.activeBackground1#2F4A72
editorIndentGuide.background1#1A2942
editorLineNumber.activeForeground#A855F7
editorLineNumber.foreground#4B5C77
editorSuggestWidget.background#0A1020
editorSuggestWidget.border#1F5A7A
editorSuggestWidget.foreground#EEF6FF
editorSuggestWidget.highlightForeground#00F0FF
editorSuggestWidget.selectedBackground#123C58
editorWhitespace.foreground#1A2942
editorWidget.background#0C1324
editorWidget.border#1F5A7A
errorForeground#FB7185
focusBorder#00F0FF88
foreground#EEF6FF
gitDecoration.addedResourceForeground#4ADE80
gitDecoration.deletedResourceForeground#FB7185
gitDecoration.modifiedResourceForeground#00F0FF
icon.foreground#DDE9FB
input.background#0A1020
input.border#1F5A7A
input.foreground#EEF6FF
input.placeholderForeground#7487A4
list.activeSelectionBackground#123C58
list.activeSelectionForeground#F8FBFF
list.highlightForeground#00F0FF
list.hoverBackground#0B122388
list.inactiveSelectionBackground#10273D
minimap.selectionHighlight#00F0FF44
notificationCenterHeader.background#0A1020
notifications.background#0A1020
notifications.border#1F5A7A
panel.background#070B16
panel.border#173F5C
panelTitle.activeForeground#00F0FF
panelTitle.inactiveForeground#7E8EAA
peekView.border#1F5A7A
peekViewEditor.background#070B16
peekViewResult.background#0A1020
peekViewResult.selectionBackground#123C58
peekViewTitle.background#09101C
progressBar.background#00F0FF
scrollbarSlider.activeBackground#3670A1CC
scrollbarSlider.background#1D3755AA
scrollbarSlider.hoverBackground#2A5278CC
sideBar.background#0C1324
sideBar.foreground#E0EBFD
sideBarSectionHeader.background#09101C
sideBarSectionHeader.foreground#A855F7
sideBarTitle.foreground#F8FAFC
statusBar.background#09101C
statusBar.debuggingBackground#A855F7
statusBar.debuggingForeground#F8FAFC
statusBar.foreground#E0EBFD
statusBar.noFolderBackground#09101C
tab.activeBackground#0C1324
tab.activeBorderTop#00F0FF
tab.activeForeground#F8FBFF
tab.border#0C1324
tab.inactiveBackground#070B16
tab.inactiveForeground#7E8EAA
terminal.ansiBlack#070B16
terminal.ansiBlue#38BDF8
terminal.ansiBrightBlack#556783
terminal.ansiBrightBlue#7DD3FC
terminal.ansiBrightCyan#67E8F9
terminal.ansiBrightGreen#86EFAC
terminal.ansiBrightMagenta#E9D5FF
terminal.ansiBrightRed#FDA4AF
terminal.ansiBrightWhite#F8FAFC
terminal.ansiBrightYellow#FDE68A
terminal.ansiCyan#00F0FF
terminal.ansiGreen#4ADE80
terminal.ansiMagenta#A855F7
terminal.ansiRed#FB7185
terminal.ansiWhite#EAF4FF
terminal.ansiYellow#F59E0B
terminal.background#04060D
terminal.foreground#EAF4FF
terminalCursor.foreground#00F0FF
titleBar.activeBackground#09101C
titleBar.activeForeground#F8FBFF
titleBar.inactiveBackground#070B16
titleBar.inactiveForeground#7E8EAA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#647794	italic
keyword, storage, storage.type, storage.modifier	#38BDF8	—
string, constant.other.symbol	#4ADE80	—
constant.numeric, constant.language, constant.character.escape	#F59E0B	—
entity.name.function, support.function, variable.function, meta.function-call	#00F0FF	—
entity.name.type, entity.name.class, support.type, support.class	#A855F7	—
variable, meta.object-literal.key, support.variable	#EEF6FF	—
invalid, invalid.illegal	#FB7185	—