50PH1A

Name: 50PH1A
Author: Thomas Eckert

Publisher: Thomas EckertThemes in package: 1

It's snowing at night while you're coding.

GitHub

VS Code preview

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

50PH1A — 50PH1A

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#000000
activityBar.foreground#D7DAE0
activityBarBadge.background#353b48
activityBarBadge.foreground#F8FAFD
badge.background#282c34
button.background#192a56
button.secondaryForeground#7f8fa6
debugToolBar.background#141414
diffEditor.insertedTextBackground#11693c34
diffEditor.removedTextBackground#6d262634
dropdown.background#060606
dropdown.border#181A1F
editor.background#000000
editor.findMatchBackground#FBC531
editor.foreground#f5f6fa
editor.lineHighlightBackground#141414
editor.selectionBackground#2f3640
editor.selectionHighlightBackground#2f3640
editor.wordHighlightBackground#484e5b
editor.wordHighlightStrongBackground#AAB1C026
editorCursor.background#f5f6fa
editorCursor.foreground#00a8ff
editorError.foreground#e84118
editorGroup.border#181A1F
editorGroupHeader.tabsBackground#000000
editorHoverWidget.background#000000
editorHoverWidget.border#181A1F
editorIndentGuide.background#3B4048
editorLineNumber.foreground#495162
editorMarkerNavigation.background#21252b
editorRuler.foreground#AAB1C026
editorSuggestWidget.background#000000
editorSuggestWidget.border#181A1F
editorSuggestWidget.selectedBackground#2c313a
editorWhitespace.foreground#3B4048
editorWidget.background#21252B
icon.foreground#7f8fa6
input.background#101011
input.foreground#f5f6fa
input.placeholderForeground#565d6b
list.activeSelectionBackground#2c313a
list.activeSelectionForeground#d7dae0
list.focusBackground#383E4A
list.highlightForeground#C5C5C5
list.hoverBackground#292d35
list.inactiveSelectionBackground#2c313a
list.inactiveSelectionForeground#d7dae0
listFilterWidget.background#000000
listFilterWidget.noMatchesOutline#c24038
listFilterWidget.outline#4D78CC
peekViewEditor.matchHighlightBackground#29244b
quickInput.background#2f3640
sash.hoverBorder#8c7ae6
scrollbarSlider.activeBackground#747D9180
scrollbarSlider.background#4E566680
scrollbarSlider.hoverBackground#5A637580
selection.background#00a8ff
sideBar.background#050505
sideBarSectionHeader.background#141414
sideBarTitle.foreground#ffffff
statusBar.background#121212
statusBar.debuggingBackground#000000
statusBar.foreground#9da5b4
statusBar.noFolderBackground#000000
statusBarItem.hoverBackground#2c313a
tab.activeBackground#000000
tab.activeBorderTop#40739e
tab.border#000000
tab.inactiveBackground#000000
tab.inactiveModifiedBorder#718093
terminal.ansiBlack#2D3139
terminal.ansiBlue#2e8ccf
terminal.ansiGreen#98c379ff
terminal.ansiYellow#B4881D
terminal.foreground#C8C8C8
titleBar.activeBackground#000000
titleBar.activeForeground#9da5b4
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#6B717D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, meta.paragraph.markdown	#ffffff	—
keyword.other, entity.name.tag.css	#6c8a8b	—
punctuation.definition.list.begin.markdown, entity.name.tag, storage.type	#7f8fa6	—
punctuation.definition.comment, string.quoted.docstring.multi.python, comment, punctuation.separator.annotation, meta.preprocessor.cs	#7f8fa6	italic
string.quoted, string	#6dca56	—
punctuation.section.group, punctuation.section.bracket, punctuation.section.braces, punctuation.definition.arguments, punctuation.definition.parameters, punctuation.parenthesis, punctuation.definition.list, constant.character.format.placeholder.other, punctuation.brackets.attribute.rust, punctuation.definition.attribute.rust, markup.underline.link.markdown	#534780	—
string.other.link.title.markdown, support.type, keyword.type, support.class.component.html, keyword.var.go, entity.name.tag.yaml, variable.key.toml	#FBC531	—
support.function, entity.name.function, entity.name.type, meta.function-call.generic, variable.other.jinja, markup.inline.raw.string.markdown	#4170a0	—
keyword.control, keyword.operator, storage.type.function, storage.type.class, storage.type.string, punctuation.separator.colon, entity.name.section.markdown, punctuation.definition.heading.markdown, storage.modifier, keyword.package, keyword.function, variable.key.table.toml, keyword.other.fn.rust, constant.numeric, constant.language, variable.parameter.function	#ff0077	—
entity.other.attribute-name.html	#d48641	—

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