InLion

Name: InLion
Author: ANDROLL_Pjlange.Corp

Publisher: ANDROLL_Pjlange.CorpThemes in package: 1

Dark navy colour theme in the style of Dark 2026.

Open in VS Code

VS Code preview

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

InLion — InLion

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.activeBorder#6E86D6
activityBar.background#10131F
activityBar.border#1E2545
activityBar.foreground#6E7380
activityBar.inactiveForeground#4E5675
activityBarBadge.background#3B4A8C
activityBarBadge.foreground#FFFFFF
badge.background#3B4A8C
badge.foreground#FFFFFF
breadcrumb.background#10131F
breadcrumb.focusForeground#C3C8DC
breadcrumb.foreground#6B7490
breadcrumbPicker.background#1E2545
button.background#3B4A8C
button.border#3B4A8C
button.foreground#FFFFFF
button.hoverBackground#45569E
button.secondaryBackground#1E2545
button.secondaryForeground#C3C8DC
button.secondaryHoverBackground#26305A
commandCenter.activeBackground#1E2545
commandCenter.background#141828
commandCenter.border#262E4F
commandCenter.foreground#C3C8DC
descriptionForeground#8A92AD
diffEditor.insertedLineBackground#347D3926
diffEditor.insertedTextBackground#57AB5A4D
diffEditor.removedLineBackground#C93C3726
diffEditor.removedTextBackground#F470674D
disabledForeground#5A6180
dropdown.background#161B2E
dropdown.border#262E4F
dropdown.foreground#C3C8DC
dropdown.listBackground#161B2E
editor.background#10131F
editor.findMatchBackground#3B4A8C90
editor.findMatchHighlightBackground#3B4A8C55
editor.foreground#C3C8DC
editor.hoverHighlightBackground#1E2545
editor.inactiveSelectionBackground#2E3C7060
editor.lineHighlightBackground#161B2E
editor.rangeHighlightBackground#161B2E
editor.selectionBackground#2E3C70DD
editor.selectionHighlightBackground#2E3C7055
editor.wordHighlightBackground#2E3C7050
editor.wordHighlightStrongBackground#2E3C7080
editorBracketMatch.background#3B4A8C55
editorBracketMatch.border#6E86D6
editorCodeLens.foreground#6B7490
editorCursor.foreground#8AA0EA
editorGroup.border#1E2545
editorGroupHeader.tabsBackground#141828
editorGroupHeader.tabsBorder#1E2545
editorGutter.addedBackground#72C892
editorGutter.background#10131F
editorGutter.deletedBackground#F28772
editorGutter.modifiedBackground#E5BA7D
editorHoverWidget.background#1E2545
editorHoverWidget.border#262E4F
editorIndentGuide.activeBackground1#4E5675
editorIndentGuide.background1#262E4F
editorLineNumber.activeForeground#A8B0C8
editorLineNumber.foreground#4E5675
editorLink.activeForeground#8AA0EA
editorRuler.foreground#262E4F
editorStickyScroll.background#10131F
editorStickyScrollHover.background#1E2545
editorSuggestWidget.background#1E2545
editorSuggestWidget.border#262E4F
editorSuggestWidget.highlightForeground#8AA0EA
editorSuggestWidget.selectedBackground#2A3560
editorWhitespace.foreground#8A92AD40
editorWidget.background#1E2545
editorWidget.border#262E4F
editorWidget.foreground#C3C8DC
errorForeground#F48771
focusBorder#6E86D6B3
foreground#C3C8DC
gitDecoration.addedResourceForeground#7EE787
gitDecoration.deletedResourceForeground#F48771
gitDecoration.ignoredResourceForeground#5A6180
gitDecoration.modifiedResourceForeground#E5BA7D
gitDecoration.untrackedResourceForeground#7EE787
icon.foreground#6E7380
input.background#161B2E
input.border#262E4F
input.foreground#C3C8DC
input.placeholderForeground#5A6180
inputOption.activeBackground#2A3560
inputOption.activeForeground#C3C8DC
inputValidation.errorBackground#3A1D1D
inputValidation.errorBorder#BE1100
inputValidation.infoBackground#1E2545
inputValidation.infoBorder#6E86D6
inputValidation.warningBackground#352A05
inputValidation.warningBorder#B89500
list.activeSelectionBackground#2A3560
list.activeSelectionForeground#8A92AD
list.errorForeground#F48771
list.focusBackground#2A3560
list.focusOutline#6E86D6B3
list.highlightForeground#8AA0EA
list.hoverBackground#FFFFFF10
list.hoverForeground#5E6474
list.inactiveSelectionBackground#1E2545
list.inactiveSelectionForeground#4A4F5C
list.warningForeground#E5BA7D
menu.background#1E2545
menu.border#262E4F
menu.foreground#C3C8DC
menu.selectionBackground#2A3560
menu.selectionBorder#6E86D6
menu.separatorBackground#262E4F
menubar.selectionBackground#1E2545
minimapSlider.activeBackground#5A6890AA
minimapSlider.background#3B456980
minimapSlider.hoverBackground#48548099
notificationCenterHeader.background#161B2E
notificationLink.foreground#8AA0EA
notifications.background#1E2545
notifications.border#262E4F
notifications.foreground#C3C8DC
panel.background#141828
panel.border#1E2545
panelTitle.activeBorder#6E86D6
panelTitle.activeForeground#C3C8DC
panelTitle.inactiveForeground#4E5675
peekView.border#3B4A8C
peekViewEditor.background#141828
peekViewEditor.matchHighlightBackground#3B4A8C55
peekViewResult.background#141828
peekViewResult.selectionBackground#2A3560
peekViewTitle.background#1E2545
pickerGroup.border#262E4F
pickerGroup.foreground#8AA0EA
progressBar.background#6E86D6
quickInput.background#1E2545
quickInput.foreground#C3C8DC
quickInputList.focusBackground#3B4A8C
quickInputList.focusForeground#FFFFFF
quickInputTitle.background#1E2545
sash.hoverBorder#6E86D6
scrollbar.shadow#0B0E18
scrollbarSlider.activeBackground#5A6890AA
scrollbarSlider.background#3B4569AA
scrollbarSlider.hoverBackground#48548099
selection.background#3B4A8C88
settings.headerForeground#C3C8DC
sideBar.background#141828
sideBar.border#1E2545
sideBar.foreground#4A4F5C
sideBarSectionHeader.background#141828
sideBarSectionHeader.border#1E2545
sideBarSectionHeader.foreground#C3C8DC
sideBarTitle.foreground#C3C8DC
statusBar.background#10131F
statusBar.border#1E2545
statusBar.debuggingBackground#3B4A8C
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#6E7380
statusBar.noFolderBackground#10131F
statusBarItem.activeBackground#2A3560
statusBarItem.hoverBackground#1E2545
statusBarItem.prominentBackground#3B4A8C
statusBarItem.remoteBackground#3B4A8C
statusBarItem.remoteForeground#FFFFFF
symbolIcon.classForeground#6E7380
symbolIcon.constantForeground#6E7380
symbolIcon.enumeratorForeground#6E7380
symbolIcon.fieldForeground#6E7380
symbolIcon.fileForeground#6E7380
symbolIcon.folderForeground#6E7380
symbolIcon.functionForeground#6E7380
symbolIcon.interfaceForeground#6E7380
symbolIcon.keywordForeground#6E7380
symbolIcon.methodForeground#6E7380
symbolIcon.moduleForeground#6E7380
symbolIcon.propertyForeground#6E7380
symbolIcon.textForeground#6E7380
symbolIcon.variableForeground#6E7380
tab.activeBackground#10131F
tab.activeBorderTop#6E86D6
tab.activeForeground#E6E9F5
tab.border#1E2545
tab.hoverBackground#1E2545
tab.inactiveBackground#141828
tab.inactiveForeground#6B7490
tab.unfocusedActiveBackground#10131F
terminal.ansiBlack#10131F
terminal.ansiBlue#79C0FF
terminal.ansiBrightBlack#4E5675
terminal.ansiBrightBlue#A5D6FF
terminal.ansiBrightCyan#A3B4F0
terminal.ansiBrightGreen#9BEFA4
terminal.ansiBrightMagenta#E2C5FF
terminal.ansiBrightRed#FFA198
terminal.ansiBrightWhite#E6E9F5
terminal.ansiBrightYellow#F0CE9A
terminal.ansiCyan#8AA0EA
terminal.ansiGreen#7EE787
terminal.ansiMagenta#D2A8FF
terminal.ansiRed#FF7B72
terminal.ansiWhite#C3C8DC
terminal.ansiYellow#E5BA7D
terminal.background#141828
terminal.border#1E2545
terminal.foreground#C3C8DC
terminal.selectionBackground#2E3C7066
terminalCursor.foreground#8AA0EA
textBlockQuote.background#1E2545
textBlockQuote.border#262E4F
textLink.activeForeground#A3B4F0
textLink.foreground#8AA0EA
textPreformat.foreground#A5D6FF
titleBar.activeBackground#10131F
titleBar.activeForeground#A8B0C8
titleBar.border#1E2545
titleBar.inactiveBackground#10131F
titleBar.inactiveForeground#6B7490
widget.border#262E4F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#6B7490	—
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, support.constant, support.variable, meta.property-name	#79C0FF	—
entity.name, meta.export.default, meta.definition.variable, variable	#FFA657	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, meta.object.member, meta.embedded.expression, variable.other	#C3C8DC	—
entity.name.function	#D2A8FF	—
entity.name.tag, support.class.component, support.type.property-name.json	#7EE787	—
keyword, storage, storage.type, punctuation.section.embedded, constant.other.placeholder, constant.character	#FF7B72	—
storage.modifier.package, storage.modifier.import, storage.type.java	#C3C8DC	—
string, string punctuation.section.embedded source, source.regexp, string.regexp, constant.other.reference.link, string.other.link	#A5D6FF	—
support, meta.module-reference, string variable	#79C0FF	—
entity.name.type	#8AA0EA	—
invalid.broken, invalid.deprecated, invalid.illegal, invalid.unimplemented, message.error	#FFA198	italic
markup.heading, markup.heading entity.name	#79C0FF	bold
markup.quote	#7EE787	—
markup.italic	#C3C8DC	italic
markup.bold	#C3C8DC	bold
markup.inline.raw	#79C0FF	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#FFA198	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#7EE787	—
markup.changed, punctuation.definition.changed	#FFA657	—
meta.diff.range	#D2A8FF	bold
token.info-token	#79C0FF	—
token.warn-token	#E5BA7D	—
token.error-token	#F44747	—
token.debug-token	#D2A8FF	—