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 Black Theme [beta]

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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.background#1A1A1A
activityBar.foreground#bdc3c7
activityBarBadge.background#bdc3c7
activityBarBadge.foreground#000000
editor.background#1C1C1C
editor.findMatchBackground#A03000
editor.foreground#F9F9F9
editor.lineHighlightBackground#00000090
editor.selectionBackground#000000F0
editorBracketMatch.background#ffffff00
editorBracketMatch.border#ffffff90
editorCursor.foreground#B6B6B6
editorGroupHeader.tabsBackground#1A1A1A
editorGutter.addedBackground#ffffff50
editorHoverWidget.background#1C1C1C
editorWidget.border#18181A
focusBorder#746D73
list.activeSelectionBackground#ffffff10
list.activeSelectionForeground#bdc3c7
list.hoverBackground#1A1A1A
list.inactiveSelectionBackground#ffffff10
list.inactiveSelectionForeground#bdc3c7
scrollbar.shadow#000000
sideBar.background#1A1A1A
sideBar.foreground#ffffff50
sideBarSectionHeader.background#1A1A1A
statusBar.background#18181A
statusBar.debuggingBackground#595959
statusBar.foreground#ffffff90
statusBar.noFolderBackground#595959
tab.activeForeground#ffffff
tab.border#1C1C1C
tab.inactiveBackground#ffffff10
tab.inactiveForeground#ffffffB0
titleBar.activeBackground#18181A
titleBar.activeForeground#ffffff90
titleBar.inactiveBackground#18181A
titleBar.inactiveForeground#ffffff90

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
string.quoted, string.template, source.css entity.other.attribute-name	#fc3d7f	—
string.quoted punctuation.definition.string	#E08283	—
string.template punctuation.definition.template-expression, punctuation.section.embedded	#8757ad	—
string.template variable, string.template entity, meta.object-literal.key variable.other.readwrite, source.elixir.embedded, keyword.operator.arithmetic	#F8F8F8	—
string.template punctuation.definition.string.template	#c7254e	—
constant, support.constant.property, support.variable.object, keyword.operator.ternary, comment.wildcard	#5cb4de	—
meta.brace.square, punctuation.definition.binding-pattern.array, punctuation.section.array, punctuation.definition.array	#A5C261	—
meta.array.literal punctuation	#F9F9F9	—
meta.var meta.objectliteral punctuation.definition, meta.object-binding-pattern-variable punctuation.definition, meta.objectliteral punctuation.definition, meta.import punctuation.definition, punctuation.definition.binding-pattern.object, meta.block meta.objectliteral punctuation.definition.block, keyword.operator.spread, punctuation.section.scope, punctuation.section.property-list.begin.bracket.curly, punctuation.definition.dictionary	#BC9458	—
meta.brace, punctuation.definition, punctuation.definition.parameters, punctuation.terminator, punctuation.accessor, meta.objectliteral meta.block punctuation.definition.block, punctuation.section.function	#555555	—
punctuation.definition.section	#F9F9F9	—
meta.object-literal.key, source.css support.type.property-name, support.type.vendored, string punctuation.support.type.property-name, entity.other.attribute-name, punctuation.definition.entity	#CC7833	—
meta.object-literal punctuation	#F9F9F9	—
meta.function variable	#F9F9F9	—
comment, punctuation.definition.comment	#555555	—
keyword.operator.logical	#5cb4de	—
keyword.control, storage.control, storage.type, keyword.operator.expression, keyword.operator.new, variable.language.this, storage.modifier, support.type.object, keyword.other.unit	#555555	bold
punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc	#708394	bold
punctuation.definition.dictionary	#BC9458	—
punctuation.definition.array	#A5C261	—
source.rust keyword.other, source.rust keyword.operator.misc	#555555	bold
storage.type.core.rust	#8757ad	normal
storage.modifier.lifetime.rust	#8757ad	normal
storage.modifier.lifetime.rust entity.name	#c7254e	normal
source.php keyword.other	#555555	bold
text.html.php punctuation.section.embedded, source.php punctuation.section.embedded, source.php punctuation.separator.inheritance.php	#555555	bold
source.php punctuation.definition.variable.php	#519F50	bold
source.php punctuation.section.scope	#555555	—
keyword.other.phpdoc.php	#708394	bold
source.css punctuation.section	#BC9458	—
storage.type.primitive.java	#5cb4de	normal
meta.method.identifier.java storage.type.java, meta.definition.variable.java storage.type.java	#fc3d7f	normal
source.java keyword.other	#555555	bold
source.java storage.modifier.package, source.java storage.modifier.import	#F9F9F9	normal
source.java storage.modifier punctuation.separator	#555555	bold
meta.method.return-type.java storage.type.java	#F9F9F9	normal
storage.type.java	#F9F9F9	normal
punctuation.separator.period.java	#555555	—
source.java punctuation.section	#555555	—
keyword.type.cs	#FFB054	—
source.cs keyword.other, source.cs keyword.preprocessor	#555555	bold
source.cs punctuation.parenthesis, source.cs punctuation.curlybrace	#555555	—
source.cs punctuation.squarebracket	#A5C261	—
source.cs string	#fc3d7f	—
	#82AAFF	—
source.fsharp namespace keyword	#555555	bold
source.fsharp keyword.other.binding, source.fsharp keyword.other.access, keyword.other.fsharp	#555555	bold
	#F9F9F9	normal
source.fsharp keyword.other.function-recursive, variable.other.binding.fsharp	#FFB054	—
source.fsharp punctuation.separator	#555555	—
source.python variable.language.special.self.python, meta.function.decorator.python support.type.python	#555555	bold
source.python punctuation.definition.list	#A5C261	—
source.racket string	#fc3d7f	—
meta.vector punctuation.section.vector	#A5C261	—
meta.map punctuation.section.map	#BC9458	—
source.clojure meta.expression.clojure punctuation.section.expression	#F9A825	—
source.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#FF8F00	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#EF6C00	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#D84315	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#C62828	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#F44336	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#E91E63	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#6A1B9A	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#673AB7	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#3F51B5	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#607D8B	—
source.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure meta.expression.clojure punctuation.section.expression	#9E9E9E	—

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