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 OLED

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#05070D
activityBar.foreground#F8FAFC
activityBar.inactiveForeground#8194B3
activityBarBadge.background#22E7FF
activityBarBadge.foreground#021017
badge.background#9F7AEA
badge.foreground#F8FAFC
button.background#22E7FF
button.foreground#021017
button.hoverBackground#64EFFF
descriptionForeground#90A5C7
disabledForeground#76839A
dropdown.background#05070D
dropdown.border#123149
editor.background#03050A
editor.findMatchBackground#F59E0B66
editor.findMatchHighlightBackground#F59E0B22
editor.foreground#ECF5FF
editor.inactiveSelectionBackground#11182788
editor.lineHighlightBackground#060A1288
editor.selectionBackground#0A3D5288
editor.wordHighlightBackground#0EA5E944
editor.wordHighlightStrongBackground#9F7AEA44
editorBracketMatch.background#9F7AEA22
editorBracketMatch.border#9F7AEA99
editorCursor.foreground#22E7FF
editorGutter.addedBackground#4ADE80
editorGutter.deletedBackground#F87171
editorGutter.modifiedBackground#22E7FF
editorHoverWidget.background#060A12
editorHoverWidget.border#123149
editorIndentGuide.activeBackground1#20324B
editorIndentGuide.background1#101826
editorLineNumber.activeForeground#9F7AEA
editorLineNumber.foreground#334155
editorSuggestWidget.background#05070D
editorSuggestWidget.border#123149
editorSuggestWidget.foreground#ECF5FF
editorSuggestWidget.highlightForeground#22E7FF
editorSuggestWidget.selectedBackground#0B2335
editorWhitespace.foreground#101826
editorWidget.background#060A12
editorWidget.border#123149
errorForeground#F87171
focusBorder#22E7FF66
foreground#ECF5FF
gitDecoration.addedResourceForeground#4ADE80
gitDecoration.deletedResourceForeground#F87171
gitDecoration.modifiedResourceForeground#22E7FF
icon.foreground#D7E5F8
input.background#05070D
input.border#123149
input.foreground#ECF5FF
input.placeholderForeground#6B7A93
list.activeSelectionBackground#0B2335
list.activeSelectionForeground#F8FBFF
list.highlightForeground#22E7FF
list.hoverBackground#060A1288
list.inactiveSelectionBackground#081724
minimap.selectionHighlight#22E7FF33
notificationCenterHeader.background#04070E
notifications.background#04070E
notifications.border#123149
panel.background#02040A
panel.border#122138
panelTitle.activeForeground#22E7FF
panelTitle.inactiveForeground#6F7E95
peekView.border#123149
peekViewEditor.background#02040A
peekViewResult.background#04070E
peekViewResult.selectionBackground#0B2335
peekViewTitle.background#04070E
progressBar.background#22E7FF
scrollbarSlider.activeBackground#224468CC
scrollbarSlider.background#132237AA
scrollbarSlider.hoverBackground#1A3350CC
sideBar.background#060A12
sideBar.foreground#DDE9FB
sideBarSectionHeader.background#04070E
sideBarSectionHeader.foreground#9F7AEA
sideBarTitle.foreground#F8FAFC
statusBar.background#02040A
statusBar.debuggingBackground#9F7AEA
statusBar.debuggingForeground#F8FAFC
statusBar.foreground#DDE9FB
statusBar.noFolderBackground#02040A
tab.activeBackground#04070E
tab.activeBorderTop#22E7FF
tab.activeForeground#F8FBFF
tab.border#05070D
tab.inactiveBackground#02040A
tab.inactiveForeground#6F7E95
terminal.ansiBlack#03050A
terminal.ansiBlue#38BDF8
terminal.ansiBrightBlack#435166
terminal.ansiBrightBlue#7DD3FC
terminal.ansiBrightCyan#A5F3FC
terminal.ansiBrightGreen#86EFAC
terminal.ansiBrightMagenta#DDD6FE
terminal.ansiBrightRed#FCA5A5
terminal.ansiBrightWhite#F8FAFC
terminal.ansiBrightYellow#FDE68A
terminal.ansiCyan#22E7FF
terminal.ansiGreen#4ADE80
terminal.ansiMagenta#9F7AEA
terminal.ansiRed#F87171
terminal.ansiWhite#E6F2FF
terminal.ansiYellow#F59E0B
terminal.background#000000
terminal.foreground#E6F2FF
terminalCursor.foreground#22E7FF
titleBar.activeBackground#04070E
titleBar.activeForeground#F8FBFF
titleBar.inactiveBackground#03050A
titleBar.inactiveForeground#6F7E95

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#526077	italic
keyword, storage, storage.type, storage.modifier	#5AC8FA	—
string, constant.other.symbol	#4ADE80	—
constant.numeric, constant.language, constant.character.escape	#F59E0B	—
entity.name.function, support.function, variable.function, meta.function-call	#22E7FF	—
entity.name.type, entity.name.class, support.type, support.class	#9F7AEA	—
variable, meta.object-literal.key, support.variable	#ECF5FF	—
invalid, invalid.illegal	#F87171	—