Eclipse Classic Dark

Name: Eclipse Classic Dark
Author: Lorenzo Billi

Publisher: Lorenzo BilliThemes in package: 1

A complete port of the Eclipse classic dark theme (used from Eclipse Luna till Eclipse Neon).

Open in VS Code GitHub

VS Code preview

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

Eclipse Classic Dark — Eclipse Classic Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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#3c3c3c
activityBar.foreground#ffffff
activityBar.inactiveForeground#cccccc
activityBarBadge.background#007acc
editor.background#292929
editor.foreground#D9E8F7
editor.inactiveSelectionBackground#3a3d41
editor.selectionHighlightBackground#add6ff26
editorIndentGuide.activeBackground#707070
editorIndentGuide.background#404040
input.placeholderForeground#a6a6a6
list.activeSelectionIconForeground#ffffff
list.dropBackground#383b3d
menu.background#252526
menu.foreground#cccccc
ports.iconRunningProcessForeground#369432
sideBarSectionHeader.background#00000000
sideBarSectionHeader.border#cccccc33
sideBarTitle.foreground#bbbbbb
statusBarItem.remoteBackground#16825d
statusBarItem.remoteForeground#ffffff
tab.lastPinnedBorder#cccccc33

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
invalid.deprecated	#AB1F36	strikethrough
emphasis	—	italic
invalid, invalid.illegal	#F44747	—
strong	—	bold
	#3EABE6	bold
storage.type.annotation, meta.declaration.annotation, meta.function.decorator	#FF9393	italic bold
	#A7EC21	—
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class	#1290C3	bold
comment	#626262	—
constant.language, constant.other, constant.other.enum, variable.other.enummember, support.constant	#8DDAF8	italic bold
	#626262	—
	#1E789B	—
	#9A8C7C	bold
entity.name.type.enum	#CC81BA	italic
variable.other.object.property, variable.other.property, entity.name.variable.field, entity.name.variable.property, entity.name.variable.event	#66E1F8	—
meta.function, entity.name.function	#1EB540	bold
meta.function-call	#A7EC21	—
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.wordlike, keyword.operator.noexcept, keyword.other.unit, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator, storage, storage.modifier, storage.type, meta.preprocessor, variable.language.this	#DD2867	bold
entity.name.function.preprocessor	#0DD140	bold
meta.method.identifier	#1EB540	bold
meta.method	#A7EC21	—
constant.numeric, meta.preprocessor.numeric	#6897BB	—
keyword.operator, keyword.operator.plus.exponent, keyword.operator.minus.exponent, keyword.operator.or.regexp, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, punctuation.separator.comma, punctuation.separator.delimiter, punctuation.separator.key-value, punctuation.definition.section.case-statement, punctuation.terminator.statement, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp	#E6E6FA	—
variable.parameter, entity.name.variable.parameter	#79ABFF	—
	#8DDAF8	italic
	#96EC3F	italic
string, string.tag, string.value, string.regexp, meta.embedded.assembly, meta.preprocessor.string, constant.character, constant.character.escape, constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, constant.regexp	#17C6A3	—
entity.name.tag, entity.name.tag.localname	#03A8D8	bold
punctuation.definition.tag	#0080FF	—
	#D7837F	—
	#BFA4A4	bold
	#ED7F48	bold
meta.definition.variable	#FFBF26	—
meta.body.class	#66E1F8	—
entity.name.function.definition.cpp	#0DD140	bold
entity.name.function.call.cpp	#A7EC21	bold
source.cpp keyword.operator.new	#DD2867	bold
entity.name.function.preprocessor.cpp	#0DD140	bold
	#0DD140	bold
	#A7EC21	—
punctuation.separator.scope-resolution.cpp	#E6E6FA	—
	#ED7F48	bold
meta.block.c, meta.body.function.definition.cpp	#FFBF26	—
storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs	#1290C3	bold
entity.name.variable.enum-member.cs	#8DDAF8	italic bold
comment.block.documentation.cs	#626262	—
punctuation.definition.tag.cs, entity.name.tag.localname.cs	#1E789B	—
entity.name.function.cs	#1EB540	bold
	#A7EC21	—
entity.name.variable.local.cs	#ED7F48	bold
variable.other.readwrite.cs, variable.other.object.cs	#FFBF26	—
entity.other.attribute-name.css	#F7C517	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css	#12E046	—
entity.other.attribute-name.id.css	#A7EC21	—
support.function.misc.css, support.function.misc.scss, entity.name.function.scss	#A7EC21	—
support.type.property-name.css	#0699F0	—
support.constant.property-value.css, meta.property-value.css, meta.property-value.scss	#8DDAF8	italic bold
entity.other.attribute-name.pseudo-class.css	#FB518C	—
variable.scss	#FFBF26	—
storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go	#1290C3	bold
storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#1290C3	bold
entity.other.ng-binding-name.event	#DD2867	bold
entity.other.ng-binding-name.property.html, entity.other.ng-binding-name.two-way.html	#66E1F8	—
entity.other.ng-binding-name.template	#CC81BA	italic
meta.attribute	#A7EC21	—
meta.tag.metadata.doctype.html	#FEA88F	—
constant.character.entity.named.nbsp.html	#DD2867	—
storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java, entity.other.inherited-class.java	#1290C3	bold
comment.block.javadoc.java	#626262	—
	#1E789B	—
keyword.other.documentation.javadoc.java	#9A8C7C	bold
	#66E1F8	—
meta.decorator.ts	#FF9393	italic bold
variable.other.object.js, variable.other.object.ts, variable.other.readwrite.alias.ts	#1290C3	bold
variable.other.constant.js, variable.other.constant.ts	#8DDAF8	italic bold
storage.type.class.jsdoc	#9A8C7C	bold
support.variable.property.js, variable.object.property.ts	#66E1F8	—
constant.language.boolean.true.js, constant.language.boolean.true.ts, constant.language.boolean.false.js, constant.language.boolean.false.ts, support.type.primitive.js, support.type.primitive.ts	#DD2867	bold
meta.definition.method.js, meta.definition.method.ts	#1EB540	bold
entity.name.function.ts	#A7EC21	—
storage.type.function.arrow	#E6E6FA	—
meta.object-literal.key.js, meta.object-literal.key.ts	#D7837F	—
meta.definition.variable.js, meta.definition.variable.ts	#ED7F48	—
meta.block.js, source.js, meta.block.ts, source.ts, variable.other.readwrite.ts	#FFBF26	—
support.type.property-name.json	#66E1F8	—
constant.language.json	#DD2867	bold
support.function.attribute.powershell	#FF9393	italic bold
storage.type.powershell	#1290C3	bold
keyword.operator.documentation.powershell	#9A8C7C	bold
meta.scriptblock.powershell	#66E1F8	—
keyword.operator.comparison.powershell	#DD2867	bold
meta.group.simple.subexpression.powershell, meta.group.complex.subexpression.powershell, meta.group.array-expression.powershell	#0DD140	bold
support.function.powershell	#96EC3F	italic
support.variable.automatic.powershell	#ED7F48	—
variable.other.readwrite.powershell	#FFBF26	—
entity.other.inherited-class.python	#3EABE6	bold
support.function.magic.python	#CC81BA	italic
meta.member.access.python	#66E1F8	—
variable.language.special.self.python, variable.parameter.function.language.special.self.python, keyword.operator.logical.python	#DD2867	bold
support.function.builtin.python	#96EC3F	italic
variable.parameter.function.language.python, meta.function-call.arguments.python	#79ABFF	—
source.python	#FFBF26	—
header	#000080	—
markup.underline	—	underline
markup.bold	#569CD6	bold
markup.heading	#569CD6	bold
markup.italic	—	italic
markup.inserted	#B5CEA8	—
markup.deleted	#CE9178	—
markup.changed	#569CD6	—
punctuation.definition.quote.begin.markdown	#6A9955	—
punctuation.definition.list.begin.markdown	#6796E6	—
markup.inline.raw	#CE9178	—
meta.template.expression	#D4D4D4	—
support.function.git-rebase	#9CDCFE	—
constant.sha.git-rebase	#B5CEA8	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—