Rashid Lab

Name: Rashid Lab
Author: Rashid Farhad

Publisher: Rashid FarhadThemes in package: 5

Real logos for the languages and frameworks you use, on coloured folders, with five colour schemes to put them on.

Open in VS Code

Color themes

Rashid Lab Nightfall

VS Code preview

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

Rashid Lab — Rashid Lab Nightfall

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

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.activeBackground#7B6DFF14
activityBar.activeBorder#7B6DFF
activityBar.background#101024
activityBar.border#101024
activityBar.foreground#D7D9F5
activityBar.inactiveForeground#5F6396
activityBarBadge.background#7B6DFF
activityBarBadge.foreground#101024
activityBarTop.activeBorder#7B6DFF
activityBarTop.foreground#D7D9F5
activityBarTop.inactiveForeground#5F6396
badge.background#7B6DFF
badge.foreground#101024
banner.background#252549
banner.foreground#D7D9F5
banner.iconForeground#7B6DFF
breadcrumb.activeSelectionForeground#7B6DFF
breadcrumb.background#14142B
breadcrumb.focusForeground#D7D9F5
breadcrumb.foreground#5F6396
breadcrumbPicker.background#1B1B38
button.background#7B6DFF
button.border#00000000
button.foreground#101024
button.hoverBackground#978cff
button.secondaryBackground#252549
button.secondaryForeground#D7D9F5
button.secondaryHoverBackground#3a3b5e
charts.blue#79B8FF
charts.foreground#D7D9F5
charts.green#7BE3B8
charts.lines#272750
charts.orange#FF9EC4
charts.purple#C79BFF
charts.red#FF6B81
charts.yellow#FFC66D
chat.requestBorder#272750
chat.slashCommandBackground#7B6DFF29
chat.slashCommandForeground#7B6DFF
checkbox.background#1B1B38
checkbox.border#272750
checkbox.foreground#7B6DFF
commandCenter.activeBackground#252549
commandCenter.activeForeground#D7D9F5
commandCenter.background#1B1B38
commandCenter.border#272750
commandCenter.foreground#9195C9
debugConsole.errorForeground#FF6B81
debugConsole.infoForeground#79B8FF
debugConsole.sourceForeground#9195C9
debugConsole.warningForeground#FFC66D
debugConsoleInputIcon.foreground#7B6DFF
debugExceptionWidget.background#1B1B38
debugExceptionWidget.border#FF6B81
debugIcon.breakpointCurrentStackframeForeground#6FD8E8
debugIcon.breakpointDisabledForeground#FF6B8180
debugIcon.breakpointForeground#FF6B81
debugIcon.continueForeground#7BE3B8
debugIcon.disconnectForeground#FF6B81
debugIcon.pauseForeground#FFC66D
debugIcon.restartForeground#7BE3B8
debugIcon.startForeground#7BE3B8
debugIcon.stepIntoForeground#79B8FF
debugIcon.stepOutForeground#79B8FF
debugIcon.stepOverForeground#79B8FF
debugIcon.stopForeground#FF6B81
debugToolBar.background#1B1B38
debugToolBar.border#272750
debugView.stateLabelBackground#252549
debugView.stateLabelForeground#D7D9F5
debugView.valueChangedHighlight#7B6DFF66
descriptionForeground#9195C9
diffEditor.border#272750
diffEditor.diagonalFill#272750
diffEditor.insertedLineBackground#7BE3B817
diffEditor.insertedTextBackground#7BE3B824
diffEditor.removedLineBackground#FF6B8117
diffEditor.removedTextBackground#FF6B8124
disabledForeground#5F6396
dropdown.background#1B1B38
dropdown.border#272750
dropdown.foreground#D7D9F5
dropdown.listBackground#1B1B38
editor.background#14142B
editor.findMatchBackground#6FD8E85C
editor.findMatchHighlightBackground#6FD8E833
editor.findRangeHighlightBackground#7B6DFF1A
editor.focusedStackFrameHighlightBackground#7BE3B829
editor.foreground#D7D9F5
editor.hoverHighlightBackground#7B6DFF1F
editor.inactiveSelectionBackground#7B6DFF1F
editor.lineHighlightBackground#1b1b32
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#7B6DFF14
editor.selectionBackground#7B6DFF38
editor.selectionHighlightBackground#7B6DFF24
editor.selectionHighlightBorder#7B6DFF00
editor.stackFrameHighlightBackground#6FD8E829
editor.wordHighlightBackground#79B8FF29
editor.wordHighlightStrongBackground#7BE3B829
editorBracketHighlight.foreground1#6FD8E8
editorBracketHighlight.foreground2#7B6DFF
editorBracketHighlight.foreground3#C79BFF
editorBracketHighlight.foreground4#FF7BA9
editorBracketHighlight.foreground5#79B8FF
editorBracketHighlight.foreground6#7BE3B8
editorBracketHighlight.unexpectedBracket.foreground#FF6B81
editorBracketMatch.background#7B6DFF2E
editorBracketMatch.border#7B6DFF80
editorCodeLens.foreground#5F6396
editorCursor.background#14142B
editorCursor.foreground#7B6DFF
editorError.foreground#FF6B81
editorGhostText.foreground#5F6396
editorGroup.border#272750
editorGroup.dropBackground#7B6DFF24
editorGroupHeader.noTabsBackground#101024
editorGroupHeader.tabsBackground#101024
editorGroupHeader.tabsBorder#272750
editorGutter.addedBackground#7BE3B8
editorGutter.background#14142B
editorGutter.commentRangeForeground#5F6396
editorGutter.deletedBackground#FF6B81
editorGutter.foldingControlForeground#9195C9
editorGutter.modifiedBackground#79B8FF
editorHint.foreground#7B6DFF
editorHoverWidget.background#1B1B38
editorHoverWidget.border#272750
editorHoverWidget.foreground#D7D9F5
editorHoverWidget.statusBarBackground#252549
editorIndentGuide.activeBackground1#3d3880
editorIndentGuide.background1#28283f
editorInfo.foreground#79B8FF
editorInlayHint.background#7B6DFF1A
editorInlayHint.foreground#9195C9
editorLightBulb.foreground#FFC66D
editorLightBulbAutoFix.foreground#7B6DFF
editorLineNumber.activeForeground#7B6DFF
editorLineNumber.foreground#5F6396
editorLink.activeForeground#7B6DFF
editorMarkerNavigation.background#1B1B38
editorMarkerNavigationError.background#FF6B81
editorMarkerNavigationInfo.background#79B8FF
editorMarkerNavigationWarning.background#FFC66D
editorOverviewRuler.addedForeground#7BE3B8
editorOverviewRuler.border#00000000
editorOverviewRuler.bracketMatchForeground#7B6DFF80
editorOverviewRuler.deletedForeground#FF6B81
editorOverviewRuler.errorForeground#FF6B81
editorOverviewRuler.findMatchForeground#6FD8E899
editorOverviewRuler.infoForeground#79B8FF
editorOverviewRuler.modifiedForeground#79B8FF
editorOverviewRuler.selectionHighlightForeground#7B6DFF66
editorOverviewRuler.warningForeground#FFC66D
editorOverviewRuler.wordHighlightForeground#79B8FF66
editorPane.background#14142B
editorRuler.foreground#2b2c43
editorSuggestWidget.background#1B1B38
editorSuggestWidget.border#272750
editorSuggestWidget.focusHighlightForeground#7B6DFF
editorSuggestWidget.foreground#D7D9F5
editorSuggestWidget.highlightForeground#7B6DFF
editorSuggestWidget.selectedBackground#252549
editorSuggestWidget.selectedForeground#D7D9F5
editorUnnecessaryCode.opacity#00000080
editorWarning.foreground#FFC66D
editorWhitespace.foreground#3b3b53
editorWidget.background#1B1B38
editorWidget.border#272750
editorWidget.foreground#D7D9F5
errorForeground#FF6B81
extensionBadge.remoteBackground#7B6DFF
extensionBadge.remoteForeground#101024
extensionButton.prominentBackground#7B6DFF
extensionButton.prominentForeground#101024
extensionButton.prominentHoverBackground#978cff
extensionIcon.preReleaseForeground#C79BFF
extensionIcon.sponsorForeground#FF7BA9
extensionIcon.starForeground#6FD8E8
extensionIcon.verifiedForeground#7BE3B8
focusBorder#7B6DFFB3
foreground#D7D9F5
gauge.background#7B6DFF
gauge.border#272750
gauge.foreground#7B6DFF40
gitDecoration.addedResourceForeground#7BE3B8
gitDecoration.conflictingResourceForeground#FFC66D
gitDecoration.deletedResourceForeground#FF6B81
gitDecoration.ignoredResourceForeground#5F6396
gitDecoration.modifiedResourceForeground#79B8FF
gitDecoration.renamedResourceForeground#7B6DFF
gitDecoration.stageDeletedResourceForeground#FF6B81
gitDecoration.stageModifiedResourceForeground#79B8FF
gitDecoration.submoduleResourceForeground#6FD8E8
gitDecoration.untrackedResourceForeground#7BE3B8
icon.foreground#9195C9
inlineChat.background#1B1B38
inlineChat.border#7B6DFF
inlineChatInput.background#101024
inlineChatInput.border#272750
input.background#1B1B38
input.border#272750
input.foreground#D7D9F5
input.placeholderForeground#5F6396
inputOption.activeBackground#7B6DFF3D
inputOption.activeBorder#7B6DFF
inputOption.activeForeground#D7D9F5
inputValidation.errorBackground#1B1B38
inputValidation.errorBorder#FF6B81
inputValidation.infoBackground#1B1B38
inputValidation.infoBorder#79B8FF
inputValidation.warningBackground#1B1B38
inputValidation.warningBorder#FFC66D
keybindingLabel.background#252549
keybindingLabel.border#272750
keybindingLabel.bottomBorder#272750
keybindingLabel.foreground#D7D9F5
list.activeSelectionBackground#252549
list.activeSelectionForeground#D7D9F5
list.activeSelectionIconForeground#7B6DFF
list.dropBackground#7B6DFF29
list.errorForeground#FF6B81
list.focusBackground#252549
list.focusForeground#D7D9F5
list.focusHighlightForeground#7B6DFF
list.focusOutline#7B6DFF80
list.highlightForeground#7B6DFF
list.hoverBackground#1c1c33
list.hoverForeground#D7D9F5
list.inactiveSelectionBackground#202037
list.inactiveSelectionForeground#D7D9F5
list.warningForeground#FFC66D
listFilterWidget.background#1B1B38
listFilterWidget.noMatchesOutline#FF6B81
listFilterWidget.outline#7B6DFF
menu.background#1B1B38
menu.border#272750
menu.foreground#D7D9F5
menu.selectionBackground#252549
menu.selectionForeground#D7D9F5
menu.separatorBackground#272750
menubar.selectionBackground#252549
menubar.selectionForeground#D7D9F5
merge.border#272750
merge.commonContentBackground#5F639624
merge.commonHeaderBackground#5F63964D
merge.currentContentBackground#79B8FF24
merge.currentHeaderBackground#79B8FF4D
merge.incomingContentBackground#7BE3B824
merge.incomingHeaderBackground#7BE3B84D
mergeEditor.change.background#7BE3B81F
mergeEditor.conflict.unhandledFocused.border#FF6B81
mergeEditor.conflict.unhandledUnfocused.border#FFC66D
minimap.background#14142B
minimap.errorHighlight#FF6B81
minimap.findMatchHighlight#6FD8E899
minimap.selectionHighlight#7B6DFF66
minimap.warningHighlight#FFC66D
minimapGutter.addedBackground#7BE3B8
minimapGutter.deletedBackground#FF6B81
minimapGutter.modifiedBackground#79B8FF
minimapSlider.activeBackground#7B6DFF47
minimapSlider.background#9195C91F
minimapSlider.hoverBackground#9195C933
notebook.cellBorderColor#272750
notebook.cellEditorBackground#101024
notebook.cellHoverBackground#191930
notebook.editorBackground#14142B
notebook.focusedCellBorder#7B6DFF
notebook.focusedEditorBorder#7B6DFF
notebook.inactiveFocusedCellBorder#272750
notebook.selectedCellBackground#1b1b32
notebookStatusErrorIcon.foreground#FF6B81
notebookStatusRunningIcon.foreground#7B6DFF
notebookStatusSuccessIcon.foreground#7BE3B8
notificationCenter.border#272750
notificationCenterHeader.background#1B1B38
notificationCenterHeader.foreground#D7D9F5
notificationLink.foreground#7B6DFF
notifications.background#1B1B38
notifications.border#272750
notifications.foreground#D7D9F5
notificationsErrorIcon.foreground#FF6B81
notificationsInfoIcon.foreground#79B8FF
notificationsWarningIcon.foreground#FFC66D
panel.background#101024
panel.border#272750
panel.dropBorder#7B6DFF
panelSection.border#272750
panelSectionHeader.background#101024
panelSectionHeader.foreground#D7D9F5
panelTitle.activeBorder#7B6DFF
panelTitle.activeForeground#D7D9F5
panelTitle.inactiveForeground#5F6396
peekView.border#7B6DFF
peekViewEditor.background#1B1B38
peekViewEditor.matchHighlightBackground#6FD8E84D
peekViewResult.background#101024
peekViewResult.fileForeground#9195C9
peekViewResult.lineForeground#D7D9F5
peekViewResult.matchHighlightBackground#6FD8E84D
peekViewResult.selectionBackground#252549
peekViewResult.selectionForeground#D7D9F5
peekViewTitle.background#1B1B38
peekViewTitleDescription.foreground#9195C9
peekViewTitleLabel.foreground#D7D9F5
pickerGroup.border#272750
pickerGroup.foreground#7B6DFF
ports.iconRunningProcessForeground#7B6DFF
problemsErrorIcon.foreground#FF6B81
problemsInfoIcon.foreground#79B8FF
problemsWarningIcon.foreground#FFC66D
progressBar.background#7B6DFF
quickInput.background#1B1B38
quickInput.foreground#D7D9F5
quickInputList.focusBackground#252549
quickInputList.focusForeground#D7D9F5
quickInputTitle.background#1B1B38
sash.hoverBorder#7B6DFF
scmGraph.historyItemBaseRefColor#6FD8E8
scmGraph.historyItemRefColor#7B6DFF
scmGraph.historyItemRemoteRefColor#79B8FF
scrollbar.shadow#00000059
scrollbarSlider.activeBackground#7B6DFF66
scrollbarSlider.background#9195C933
scrollbarSlider.hoverBackground#9195C952
selection.background#7B6DFF38
settings.checkboxBackground#1B1B38
settings.checkboxBorder#272750
settings.dropdownBackground#1B1B38
settings.dropdownBorder#272750
settings.focusedRowBackground#1a1a31
settings.focusedRowBorder#7B6DFF66
settings.headerForeground#D7D9F5
settings.modifiedItemIndicator#7B6DFF
settings.numberInputBackground#1B1B38
settings.numberInputBorder#272750
settings.rowHoverBackground#18182f
settings.textInputBackground#1B1B38
settings.textInputBorder#272750
sideBar.background#101024
sideBar.border#272750
sideBar.foreground#9195C9
sideBarActivityBarTop.border#272750
sideBarSectionHeader.background#101024
sideBarSectionHeader.border#272750
sideBarSectionHeader.foreground#D7D9F5
sideBarTitle.foreground#D7D9F5
statusBar.background#101024
statusBar.border#272750
statusBar.debuggingBackground#6FD8E8
statusBar.debuggingForeground#101024
statusBar.foreground#9195C9
statusBar.noFolderBackground#101024
statusBar.noFolderForeground#9195C9
statusBarItem.activeBackground#D7D9F524
statusBarItem.errorBackground#FF6B81
statusBarItem.errorForeground#FFFFFF
statusBarItem.hoverBackground#D7D9F514
statusBarItem.prominentBackground#252549
statusBarItem.prominentForeground#D7D9F5
statusBarItem.remoteBackground#7B6DFF
statusBarItem.remoteForeground#101024
statusBarItem.warningBackground#FFC66D
statusBarItem.warningForeground#101024
symbolIcon.arrayForeground#FF9EC4
symbolIcon.booleanForeground#A75FFF
symbolIcon.classForeground#6FD8E8
symbolIcon.colorForeground#FF7BA9
symbolIcon.constantForeground#FFC66D
symbolIcon.constructorForeground#79B8FF
symbolIcon.enumeratorForeground#FFC66D
symbolIcon.enumeratorMemberForeground#FFC66D
symbolIcon.eventForeground#C79BFF
symbolIcon.fieldForeground#B4B8E8
symbolIcon.fileForeground#9195C9
symbolIcon.folderForeground#9195C9
symbolIcon.functionForeground#79B8FF
symbolIcon.interfaceForeground#8FC9F0
symbolIcon.keyForeground#B4B8E8
symbolIcon.keywordForeground#A75FFF
symbolIcon.methodForeground#79B8FF
symbolIcon.moduleForeground#8FC9F0
symbolIcon.namespaceForeground#8FC9F0
symbolIcon.nullForeground#A75FFF
symbolIcon.numberForeground#FFC66D
symbolIcon.objectForeground#6FD8E8
symbolIcon.operatorForeground#8E93D6
symbolIcon.propertyForeground#B4B8E8
symbolIcon.referenceForeground#D7D9F5
symbolIcon.snippetForeground#7B6DFF
symbolIcon.stringForeground#7BE3B8
symbolIcon.structForeground#6FD8E8
symbolIcon.textForeground#D7D9F5
symbolIcon.typeParameterForeground#8FC9F0
symbolIcon.unitForeground#FFC66D
symbolIcon.variableForeground#D7D9F5
tab.activeBackground#14142B
tab.activeBorder#14142B
tab.activeBorderTop#7B6DFF
tab.activeForeground#D7D9F5
tab.border#272750
tab.hoverBackground#1B1B38
tab.hoverForeground#D7D9F5
tab.inactiveBackground#101024
tab.inactiveForeground#5F6396
tab.lastPinnedBorder#7B6DFF
tab.unfocusedActiveBorderTop#7B6DFF66
tab.unfocusedActiveForeground#9195C9
tab.unfocusedInactiveForeground#5F6396
terminal.ansiBlack#252549
terminal.ansiBlue#79B8FF
terminal.ansiBrightBlack#5F6396
terminal.ansiBrightBlue#a2ceff
terminal.ansiBrightCyan#a096ff
terminal.ansiBrightGreen#9deaca
terminal.ansiBrightMagenta#dec4ff
terminal.ansiBrightRed#ff94a4
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#ffd696
terminal.ansiCyan#7B6DFF
terminal.ansiGreen#7BE3B8
terminal.ansiMagenta#C79BFF
terminal.ansiRed#FF6B81
terminal.ansiWhite#D7D9F5
terminal.ansiYellow#FFC66D
terminal.background#101024
terminal.border#272750
terminal.foreground#D7D9F5
terminal.selectionBackground#7B6DFF38
terminalCursor.background#101024
terminalCursor.foreground#7B6DFF
testing.iconErrored#FF6B81
testing.iconFailed#FF6B81
testing.iconPassed#7BE3B8
testing.iconQueued#FFC66D
testing.iconSkipped#5F6396
testing.iconUnset#5F6396
testing.message.error.decorationForeground#FF6B81
testing.message.info.decorationForeground#79B8FF
testing.runAction#7BE3B8
textBlockQuote.background#1B1B38
textBlockQuote.border#7B6DFF
textCodeBlock.background#1B1B38
textLink.activeForeground#a096ff
textLink.foreground#7B6DFF
textPreformat.background#6FD8E81F
textPreformat.foreground#6FD8E8
textSeparator.foreground#272750
titleBar.activeBackground#101024
titleBar.activeForeground#D7D9F5
titleBar.border#272750
titleBar.inactiveBackground#101024
titleBar.inactiveForeground#5F6396
tree.inactiveIndentGuidesStroke#28283f
tree.indentGuidesStroke#37374f
walkThrough.embeddedEditorBackground#101024
welcomePage.background#14142B
welcomePage.progress.background#252549
welcomePage.progress.foreground#7B6DFF
welcomePage.tileBackground#1B1B38
welcomePage.tileHoverBackground#252549
widget.border#272750
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#565A8C	italic
comment.block.documentation	#565A8C	italic
keyword, keyword.control, keyword.other	#A75FFF	—
keyword.operator.expression, keyword.operator.new, keyword.operator.logical	#A75FFF	—
storage, storage.type, storage.modifier	#A75FFF	—
string, string.quoted, string.template	#7BE3B8	—
string.regexp	#7BE3B8	—
constant.character.escape, constant.other.placeholder	#6FD8E8	—
constant.numeric, constant.numeric.integer, constant.numeric.float	#FFC66D	—
constant.language, constant.language.boolean, constant.language.null	#FFC66D	—
constant.other, variable.other.constant, entity.name.constant	#FFC66D	—
entity.name.function, support.function, meta.function-call.generic	#79B8FF	—
entity.name.method, meta.function.method	#79B8FF	—
entity.name.type, entity.name.class, support.class, support.type	#6FD8E8	—
entity.other.inherited-class	#6FD8E8	italic
entity.name.type.interface, entity.name.type.parameter	#8FC9F0	—
entity.name.namespace, entity.name.module, entity.name.scope-resolution	#8FC9F0	—
variable, variable.other.readwrite, meta.definition.variable	#D7D9F5	—
variable.other.property, support.variable.property, meta.object-literal.key	#B4B8E8	—
variable.parameter, meta.parameter	#FF9EC4	italic
variable.language, variable.language.this, variable.language.self	#A75FFF	italic
keyword.operator, punctuation.accessor	#8E93D6	—
punctuation, meta.brace, punctuation.separator, punctuation.terminator	#6D72AA	—
entity.name.tag, meta.tag.sgml	#FF7BA9	—
entity.other.attribute-name	#FFC66D	italic
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#79B8FF	—
support.type.property-name.css, support.type.vendored.property-name	#B4B8E8	—
meta.decorator, punctuation.decorator, entity.name.function.decorator	#C79BFF	—
support.type.property-name.json, support.type.property-name.toml	#B4B8E8	—
entity.name.tag.yaml, entity.name.tag.toml	#FF7BA9	—
markup.heading, entity.name.section	#79B8FF	bold
markup.bold	#FFC66D	bold
markup.italic	#A75FFF	italic
markup.underline.link, string.other.link	#7B6DFF	underline
markup.inline.raw, markup.fenced_code.block	#7BE3B8	—
markup.quote	#565A8C	italic
markup.list punctuation.definition.list, markup.list.numbered	#A75FFF	—
markup.inserted, meta.diff.header.to-file	#7BE3B8	—
markup.deleted, meta.diff.header.from-file	#FF6B81	—
markup.changed	#79B8FF	—
meta.diff.range	#C79BFF	—
invalid, invalid.illegal	#FF6B81	—
invalid.deprecated	#FF6B81	strikethrough
entity.name.label, meta.preprocessor	#C79BFF	—
support.constant, support.other.namespace	#FFC66D	—
string.unquoted.plain.out.yaml	#7BE3B8	—
source.shell variable.other	#B4B8E8	—
text.html.markdown meta.paragraph	#D7D9F5	—