Eclipse Classic Light

Name: Eclipse Classic Light
Author: Lorenzo Billi

Publisher: Lorenzo BilliThemes in package: 1

A complete port of the Eclipse classic light 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 Light — Eclipse Classic Light

fetchUser.ts

index.ts

README.md

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#dddddd
activityBar.foreground#000000
activityBar.inactiveForeground#383838
activityBarBadge.background#007acc
editor.background#ffffff
editor.foreground#000000
editor.inactiveSelectionBackground#e5ebf1
editor.selectionHighlightBackground#add6ff80
editorIndentGuide.activeBackground#939393
editorIndentGuide.background#d3d3d3
editorSuggestWidget.background#f3f3f3
input.placeholderForeground#767676
list.activeSelectionIconForeground#ffffff
list.hoverBackground#e8e8e8
notebook.cellBorderColor#e8e8e8
notebook.selectedCellBackground#c8ddf150
ports.iconRunningProcessForeground#369432
searchEditor.textInputBorder#cecece
settings.numberInputBorder#cecece
settings.textInputBorder#cecece
sideBarSectionHeader.background#00000000
sideBarSectionHeader.border#61616130
sideBarTitle.foreground#6f6f6f
statusBarItem.errorBackground#c72e0f
statusBarItem.remoteBackground#16825d
statusBarItem.remoteForeground#ffffff
tab.lastPinnedBorder#61616130

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
invalid.deprecated	#000000	strikethrough
emphasis	—	italic
invalid, invalid.illegal	#CD3131	—
strong	—	bold
	#000000	—
storage.type.annotation, meta.declaration.annotation, meta.function.decorator	#646464	—
	#000000	—
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class	#000000	—
comment	#3F7F5F	—
constant.language, constant.other, constant.other.enum, variable.other.enummember, support.constant	#0000C0	italic bold
	#3F5FBF	—
	#7F7F9F	—
	#7F9FBF	bold
entity.name.type.enum	#000000	—
variable.other.object.property, variable.other.property, entity.name.variable.field, entity.name.variable.property, entity.name.variable.event	#0000C0	—
meta.function, entity.name.function	#000000	—
meta.function-call	#000000	—
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	#7F0055	bold
entity.name.function.preprocessor	#000000	—
meta.method.identifier	#000000	—
meta.method	#000000	—
constant.numeric, meta.preprocessor.numeric	#000000	—
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	#000000	—
variable.parameter, entity.name.variable.parameter	#000000	—
	#000000	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	#2A00FF	—
entity.name.tag, entity.name.tag.localname	#3F7F7F	—
punctuation.definition.tag	#008080	—
	#000000	—
	#000000	—
	#6A3E3E	—
meta.definition.variable	#6A3E3E	—
meta.body.class	#0000C0	—
entity.name.function.definition.cpp	#000000	bold
entity.name.function.call.cpp	#000000	—
source.cpp keyword.operator.new	#7F0055	bold
entity.name.function.preprocessor.cpp	#000000	—
meta.method.identifier	#000000	bold
meta.method	#000000	—
punctuation.separator.scope-resolution.cpp	#000000	—
	#0000C0	italic
storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs	#000000	—
entity.name.variable.enum-member.cs	#0000C0	italic bold
comment.block.documentation.cs	#3F5FBF	—
punctuation.definition.tag.cs, entity.name.tag.localname.cs	#7F7F9F	—
entity.name.function.cs	#000000	—
	#000000	—
entity.name.variable.local.cs	#6A3E3E	—
variable.other.readwrite.cs, variable.other.object.cs	#6A3E3E	—
entity.other.attribute-name.css	#3F7F7F	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css	#3F7F7F	italic
entity.other.attribute-name.id.css	#3F7F7F	italic
support.function.misc.css, support.function.misc.scss, entity.name.function.scss	#000000	—
support.type.property-name.css	#7F007F	—
support.constant.property-value.css, meta.property-value.css, meta.property-value.scss	#0000C0	italic bold
entity.other.attribute-name.pseudo-class.css	#3F7F7F	italic
variable.scss	#6A3E3E	—
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	#000000	—
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	#000000	—
entity.other.ng-binding-name.event	#7F0055	bold
entity.other.ng-binding-name.property.html, entity.other.ng-binding-name.two-way.html	#0000C0	—
entity.other.ng-binding-name.template	#000000	—
meta.attribute	#000000	—
meta.tag.metadata.doctype.html	#008080	—
constant.character.entity.named.nbsp.html	#2A00FF	—
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	#000000	—
comment.block.javadoc.java	#3F5FBF	—
	#7F7F9F	—
keyword.other.documentation.javadoc.java	#7F9FBF	bold
	#0000C0	—
meta.decorator.ts	#646464	—
variable.other.object.js, variable.other.object.ts, variable.other.readwrite.alias.ts	#000000	—
variable.other.constant.js, variable.other.constant.ts	#0000C0	italic bold
storage.type.class.jsdoc	#7F9FBF	bold
support.variable.property.js, variable.object.property.ts	#0000C0	—
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	#7F0055	bold
meta.definition.method.js, meta.definition.method.ts	#000000	—
storage.type.function.arrow	#000000	—
meta.object-literal.key.js, meta.object-literal.key.ts	#000000	—
meta.definition.variable.js, meta.definition.variable.ts	#6A3E3E	—
meta.block.js, source.js, meta.block.ts, source.ts, variable.other.readwrite.ts	#6A3E3E	—
support.type.property-name.json	#0000C0	—
constant.language.json	#7F0055	bold
support.function.attribute.powershell	#646464	—
storage.type.powershell	#000000	—
keyword.operator.documentation.powershell	#7F9FBF	bold
meta.scriptblock.powershell	#0000C0	—
keyword.operator.comparison.powershell	#7F0055	bold
meta.group.simple.subexpression.powershell, meta.group.complex.subexpression.powershell, meta.group.array-expression.powershell	#000000	—
support.function.powershell	#000000	italic
support.variable.automatic.powershell	#6A3E3E	—
variable.other.readwrite.powershell	#6A3E3E	—
entity.other.inherited-class.python	#000000	—
support.function.magic.python	#000000	—
meta.member.access.python	#0000C0	—
variable.language.special.self.python, variable.parameter.function.language.special.self.python, keyword.operator.logical.python	#7F0055	bold
support.function.builtin.python	#000000	italic
variable.parameter.function.language.python, meta.function-call.arguments.python	#000000	—
source.python	#6A3E3E	—
meta.diff.header	#000080	—
markup.underline	—	underline
markup.bold	#000080	bold
markup.heading	#800000	bold
markup.italic	—	italic
markup.inserted	#098658	—
markup.deleted	#A31515	—
markup.changed	#0451A5	—
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown	#0451A5	—
markup.inline.raw	#800000	—
meta.template.expression	#000000	—
support.function.git-rebase	#0451A5	—
constant.sha.git-rebase	#098658	—
token.info-token	#316BCD	—
token.warn-token	#CD9731	—
token.error-token	#CD3131	—
token.debug-token	#800080	—

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