Pushkin is White Theme

Name: Pushkin is White Theme
Author: IS. Pushkin

Publisher: IS. PushkinThemes in package: 3

The black, dark and white solid themes.

GitHub

Color themes

VS Code preview

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

Pushkin is White Theme — Pushkin is White Theme

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#e6e6e6
activityBar.dropBackground#ff0000
activityBar.foreground#000000
activityBarBadge.background#9a9a9a
dropdown.background#e6e6e6
dropdown.border#e6e6e6
dropdown.foreground#000000
editor.background#f4f4f4
editor.findMatchBackground#ffff00
editor.findMatchHighlightBackground#c9d8ed
editor.findRangeHighlightBackground#C9D0D9
editor.foreground#000000
editor.lineHighlightBackground#000000
editor.selectionBackground#C9D0D9
editorCursor.foreground#000000
editorGroupHeader.tabsBackground#8e8e8e
editorHoverWidget.background#f4f4f4
editorLineNumber.foreground#868686
editorWhitespace.foreground#AAAAAA
editorWidget.background#e6e6e6
focusBorder#000000
foreground#000000
input.background#f4f4f4
input.border#000000
input.foreground#000000
inputOption.activeBorder#000000
list.activeSelectionBackground#a9a9a9
list.activeSelectionForeground#000000
list.focusBackground#a9a9a9
list.focusBorder#ff0000
list.highlightForeground#ff0000
list.hoverBackground#e6e6e6
list.inactiveSelectionBackground#a9a9a9
notification.background#268BD2
panel.background#e6e6e6
panelTitle.activeBorder#e6e6e6
panelTitle.activeForeground#000000
pickerGroup.foreground#268BD2
sideBar.background#e6e6e6
sideBarSectionHeader.background#e6e6e6
sideBarTitle.foreground#828282
statusBar.background#595959
statusBar.debuggingBackground#595959
statusBar.foreground#ffffff
statusBar.noFolderBackground#595959
tab.activeBackground#f4f4f4
tab.activeForeground#000000
tab.border#8e8e8e
tab.inactiveBackground#b8b8b8
tab.inactiveForeground#000000
terminal.ansiBlack#262626
terminal.ansiBlue#0087ff
terminal.ansiBrightBlack#1c1c1c
terminal.ansiBrightBlue#808080
terminal.ansiBrightCyan#808080
terminal.ansiBrightGreen#585858
terminal.ansiBrightMagenta#5f5faf
terminal.ansiBrightRed#d75f00
terminal.ansiBrightWhite#808080
terminal.ansiBrightYellow#626262
terminal.ansiCyan#00afaf
terminal.ansiGreen#5f8700
terminal.ansiMagenta#af005f
terminal.ansiRed#d70000
terminal.ansiWhite#808080
terminal.ansiYellow#af8700
widget.shadow#868686

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#75715E	italic
string	#FF0068	—
constant.numeric	#0000FF	—
string.regexp	#D30102	—
storage, keyword.other.binding, keyword.control.import.python, keyword.control.from.js, keyword.control.def.ruby, keyword.control.ruby, keyword.control.class.ruby, entity.name.tag	#000000	bold
entity.name, storage.modifier.package.java, storage.modifier.import.java	#000000
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#000000	—
punctuation.definition.string.template, punctuation.definition.string	#ff0000	bold
punctuation.accessor, punctuation.separator.comma, punctuation.terminator, keyword.operator.rest, punctuation.separator.arguments, punctuation.separator.element, punctuation.separator.parameters, punctuation.separator.object, punctuation.definition.variable, punctuation.separator.method	#000000	bold
invalid.deprecated, invalid.illegal, invalid	#FF1E00	—
support.function	#268BD2	—
entity.name.section.latex, keyword.control.include.latex	#f8157d	—
keyword.other.item.latex, keyword.control.cite.latex, keyword.control.preamble.latex, storage.type.function.latex, support.function.be.latex	#14A76E	—
constant.other.reference.citation.latex, variable.parameter.function.latex, support.function.section.latex, meta.function.environment.general.latex, meta.group.braces.tex	#C11671	—
variable.parameter.latex, meta.preamble.latex, support.function.general.tex	#2BA8C4	—
keyword.control.label.latex	#2BA8C4	—
punctuation.definition.brackets.tex, punctuation.definition.arguments.latex, punctuation.definition.arguments.begin.latex, punctuation.definition.arguments.end.latex, punctuation.section.group.begin.tex, punctuation.section.group.end.tex, keyword.control.ref.latex	#f8157d	—
meta.function.end-document.latex, meta.function.begin-document.latex, constant.other.reference.latex	#3DA4E9	—
meta.function.environment.general.latex, text.tex.latex	#3B3B3B	—

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