Pretentious Name

Name: Pretentious Name
Author: zhiayang

Publisher: zhiayangThemes in package: 2

Uncreatively named theme

Open in VS Code GitHub

Color themes

VS Code preview

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

Pretentious Name — Pretentious Name - Dark

fetchUser.ts

index.ts

README.md

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#21252b
activityBar.dropBackground#21252b
activityBar.foreground#ffffff
activityBarBadge.background#e06c75
activityBarBadge.foreground#ffffff
button.background#e06c75
contrastBorder#080A0F
debugToolBar.background#181A1F
dropdown.background#181A1F
dropdown.border#080A0F
editor.background#1a1a1a
editor.findMatchBackground#42557B
editor.findMatchHighlightBackground#314365
editor.foreground#abb2bf
editor.lineHighlightBackground#2c313a
editor.selectionBackground#2C313A
editor.wordHighlightBackground#00000000
editor.wordHighlightBorder#61afef
editor.wordHighlightStrongBackground#00000000
editor.wordHighlightStrongBorder#D2D6db
editorActiveLineNumber.foreground#abb2bf
editorBracketMatch.border#61afef
editorCursor.foreground#abb2bf
editorError.foreground#C62D42
editorGroup.background#181A1F
editorGroup.border#080A0F
editorGroupHeader.tabsBackground#181A1F
editorHoverWidget.background#181A1F
editorHoverWidget.border#61afef
editorIndentGuide.background#3E4451
editorInfo.foreground#1B659D
editorLineNumber.foreground#3E4451
editorOverviewRuler.border#080A0F
editorOverviewRuler.errorForeground#C62D42
editorOverviewRuler.infoForeground#1B659D
editorOverviewRuler.warningForeground#d4ac0d
editorRuler.foreground#3E4451
editorSuggestWidget.background#181A1F
editorSuggestWidget.border#61afef
editorSuggestWidget.selectedBackground#2c313a
editorWarning.foreground#d4ac0d
editorWhitespace.foreground#3E4451
editorWidget.background#21252B
focusBorder#61afef
input.background#080A0F
inputOption.activeBorder#61afef
inputValidation.errorBackground#C62D42
inputValidation.errorBorder#C62D42
inputValidation.infoBackground#1B659D
inputValidation.infoBorder#1B659D
inputValidation.warningBackground#d4ac0d
inputValidation.warningBorder#d4ac0d
list.activeSelectionBackground#21252b
list.activeSelectionForeground#d7dae0
list.focusBackground#2c313a
list.hoverBackground#292d35
list.inactiveSelectionBackground#21252b
notificationCenterHeader.background#181A1F
notifications.background#181A1F
panel.background#181A1F
panel.border#080A0F
peekView.border#61afef
peekViewEditor.background#181a1f
peekViewEditor.matchHighlightBackground#314365
peekViewResult.background#21252b
peekViewResult.matchHighlightBackground#314365
peekViewResult.selectionBackground#2c313a
peekViewResult.selectionForeground#abb2bf
peekViewTitle.background#21252b
scrollbarSlider.activeBackground#D2D6db77
scrollbarSlider.background#3E445177
scrollbarSlider.hoverBackground#3E4451aa
sideBar.background#181A1F
sideBarSectionHeader.background#21252b
statusBar.background#21252B
statusBar.debuggingBackground#21252B
statusBar.foreground#9da5b4
statusBar.noFolderBackground#21252B
statusBarItem.hoverBackground#2c313a
tab.activeBackground#21252b
tab.activeForeground#9da5b4
tab.border#080A0F
tab.inactiveBackground#181A1F
tab.inactiveForeground#737c8c
terminal.ansiBlack#21252b
terminal.ansiBlue#61afef
terminal.ansiBrightBlack#5c6370
terminal.ansiBrightBlue#008cff
terminal.ansiBrightCyan#00e1ff
terminal.ansiBrightGreen#6aff00
terminal.ansiBrightMagenta#c300ff
terminal.ansiBrightRed#ff0015
terminal.ansiBrightWhite#d2d6db
terminal.ansiBrightYellow#ffa600
terminal.ansiCyan#56b6c2
terminal.ansiGreen#98c379
terminal.ansiMagenta#C678DD
terminal.ansiRed#e06c75
terminal.ansiWhite#abb2bf
terminal.ansiYellow#e5c07b
terminal.foreground#abb2bf
titleBar.activeBackground#21252b
titleBar.activeForeground#9da5b4
titleBar.inactiveBackground#21252b
titleBar.inactiveForeground#6B717D
widget.shadow#080A0F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.brace, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.begin.bracket, punctuation.definition.binding-pattern, punctuation.definition.block, punctuation.definition.bracket, punctuation.definition.dict, punctuation.definition.dictionary, punctuation.definition.end.bracket, punctuation.definition.list, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.tag, punctuation.other.comma, punctuation.other.period, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator	—	—
meta.brace, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.begin.bracket, punctuation.definition.binding-pattern, punctuation.definition.block, punctuation.definition.bracket, punctuation.definition.dict, punctuation.definition.dictionary, punctuation.definition.end.bracket, punctuation.definition.list, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.tag, punctuation.other.comma, punctuation.other.period, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator	—	—
meta.brace, punctuation.definition.array, punctuation.definition.binding-pattern, punctuation.definition.block, punctuation.definition.dictionary, punctuation.definition.string, punctuation.definition.tag, punctuation.section, punctuation.separator, punctuation.support, punctuation.terminator	#abb2bf	—
support.type.property-name, support.variable, variable	#D2D6db	—
keyword.var, keyword.const, keyword.type, keyword.struct, keyword.interface, keyword.function, keyword.other.definition, markup.inline.raw, punctuation.parenthesis.named.begin.regexp, punctuation.parenthesis.named.end.regexp, punctuation.parenthesis.non-capturing.begin.regexp, punctuation.parenthesis.non-capturing.end.regexp, support.constant, support.type, support.class, storage.type	#61afef	—
constant, keyword.other.unit	#56b6c2	—
comment	#5c6370	—
string, markup.quote, markup.bold, markup.italic	#98c379	—
string.quoted.docstring	#737c8c	—
entity.name.class, entity.name.function, entity.name.type, entity.other.attribute-name, entity.other.inherited-class, markup.heading.setext, meta.function-call.generic, support.function, support.other.escape.special.regexp	#d19a66	—
entity.name.tag, storage, support.type.builtin, support.function.builtin, variable.language	#e5c07b	—
entity.name.section, keyword, punctuation.definition.heading, punctuation.definition.keyword	#e06c75	—
markup.bold.markdown, punctuation.definition.bold.markdown	—	bold
comment, markup.italic.markdown, punctuation.definition.italic.markdown	—	italic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

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}!`;
}