The Best Themes for programmers

Name: The Best Themes for programmers
Author: Estevam Souza

Publisher: Estevam SouzaThemes in package: 127

🎨🚀 A never seen collection of 165 hand crafted themes no where to be found on Internet 💻

Open in VS Code GitHub

Color themes

VS Code preview

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

The Best Themes for programmers — Eclipe Dark Italic

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#515658
breadcrumb.background#292929
editor.background#2F2F2F
editor.foldBackground#00000000
editor.foreground#D9E8F7
editor.lineHighlightBackground#373737
editorError.foreground#F74375
editorGroupHeader.noTabsBackground#464649
editorGroupHeader.tabsBackground#464649
editorGutter.background#292929
editorHoverWidget.background#34393D
editorHoverWidget.border#515658
editorHoverWidget.foreground#EEEEEE
editorInfo.foreground#56C2AA
editorLineNumber.foreground#77919A
editorOverviewRuler.background#292929
editorSuggestWidget.background#34393D
editorSuggestWidget.border#515658
editorSuggestWidget.foreground#EEEEEE
editorWarning.foreground#F4C82D
foreground#DDDDDD
input.border#515658
list.hoverBackground#3D3D3D
list.inactiveSelectionBackground#3D3D3D
menu.background#515658
minimap.background#292929
panel.background#292929
panel.border#515658
sideBar.background#2F2F2F
sideBar.border#515658
sideBarSectionHeader.background#292929
sideBarSectionHeader.border#515658
statusBar.background#515658
statusBar.debuggingBackground#515658
statusBar.noFolderBackground#515658
tab.activeBackground#292929
tab.activeForeground#F7F8F8
tab.border#464649
tab.hoverBackground#161616
tab.hoverBorder#464649
tab.inactiveBackground#464649
tab.inactiveForeground#DDDDDD
textLink.foreground#8AC9F2
titleBar.activeBackground#515658

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.tag.xml	#808080	—
keyword.other.documentation.javadoc.java	#9A8C7C	bold
source.json comment	#3F5FBF	—
support.type.property-name.json	#BED6FF	—
entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml, variable.language.documentroot.xml	#A7EC21	—
entity.name.tag.localname.xml, entity.name.tag.xml, keyword.other.doctype.xml	#03A8D8	bold
constant.character.entity.xml	#DD2867	—
meta.tag.preprocessor.xml punctuation.definition.tag.xml	#0394BE	—
entity.name.tag.yaml, source.yaml constant.language, markup.heading.markdown, markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, source.editorconfig keyword.other.definition, source.editorconfig constant.language.boolean	#569CD6	—
markup.italic.markdown	—	italic
markup.bold.markdown	—	bold
markup.bold.markdown markup.italic.markdown	—	bold italic
string.unquoted.plain.out.yaml, string.quoted.double.yaml, string.quoted.single.yaml, source.editorconfig constant.language	#CE9178	—
source.yaml constant.numeric, source.editorconfig constant.numeric	#B5CEA8	—
markup.heading.markdown	—	bold
meta.embedded.block, support.constant.java-properties, punctuation.separator.key-value.java-properties	#D9E8F7	—
markup.quote.markdown	#265691	—
entity.name.type.class.java, entity.name.type.enum.java, entity.other.inherited-class.java, storage.type.java, variable.other.object.java, storage.type.generic.java, storage.type.object.array.java	#1290C3	—
constant.other.enum.java	#66E1F8	italic bold
punctuation.definition.annotation.java, storage.type.annotation.java	#A0A0A0	italic
variable.other.definition.java	#F2F200	—
variable.parameter.java	#79ABFF	—
entity.name.function.java	#A7EC21	—
storage.modifier.java, storage.modifier.extends.java, storage.modifier.super.java, storage.modifier.implements.java, storage.type.primitive.java, storage.type.primitive.array.java, constant.language.java, keyword.other.import.java, keyword.other.package.java, keyword.control.java, keyword.control.new.java, keyword.control.try.java, keyword.control.catch.java, keyword.control.finally.java, keyword.control.throw.java, keyword.operator.instanceof.java, variable.language.java, variable.language.this.java, variable.other.object.property.java	#CC6C1D	—
constant.numeric	#6897BB	—
constant.numeric.json	#D25242	—
constant.language.json	#03A8D8	—
string.quoted.double, string.quoted.single, string.unquoted.java-properties	#17C6A3	—
string.quoted.double.json	#FFC600	italic bold
string.quoted.double.xml	—	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}!`;
}