Eclipse Color theme and keymaps

Name: Eclipse Color theme and keymaps
Author: Matthias Fuchs

Publisher: Matthias FuchsThemes in package: 1

Eclipse syntax color theme for vscode

Open in VS Code GitHub

VS Code preview

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

Eclipse Color theme and keymaps — Eclipse Color Theme

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#d6d4d6
activityBar.border#BAB8BA
activityBar.foreground#262426
activityBar.inactiveForeground#888888
activityBarBadge.background#d6d4d6
activityBarBadge.foreground#262426
breadcrumb.background#eee
debugConsole.errorForeground#ff0000
debugConsole.infoForeground#000000
debugConsole.warningForeground#FAC03B
dropdown.background#ffffff
dropdown.border#c4c4c4
dropdown.foreground#262426
editor.background#ffffff
editor.findMatchBackground#ffe60090
editor.findMatchHighlightBackground#ffe60090
editor.findRangeHighlightBackground#ffe60090
editor.foreground#000000
editor.lineHighlightBackground#fffbdd
editor.selectionBackground#dddddd
editor.selectionHighlightBackground#ffe60090
editor.wordHighlightBackground#e5f1ff90
editorBracketMatch.background#f1f8ff
editorBracketMatch.border#c8e1ff
editorCursor.foreground#333333
editorGroup.border#BAB8BA
editorGroupHeader.border#BAB8BA
editorGroupHeader.tabsBackground#DAD9DA
editorGroupHeader.tabsBorder#BAB8BA
editorIndentGuide.background1#eeeeee
editorLineNumber.foreground#929292
errorLens.errorBackground#fff0
errorLens.errorBackgroundLight#fff0
errorLens.infoBackground#fff0
errorLens.infoBackgroundLight#fff0
errorLens.warningBackground#fff0
errorLens.warningBackgroundLight#fff0
focusBorder#eeeeee
input.background#ffffff
input.border#e0e0e0
input.foreground#262426
list.activeSelectionBackground#bbbbbb
list.activeSelectionForeground#ffffff
list.focusAndSelectionOutline#888888
list.focusBackground#888888
list.focusForeground#fff
list.focusHighlightForeground#fff
list.focusOutline#888888
list.hoverBackground#dddddd
list.hoverForeground#262426
list.inactiveSelectionBackground#dcdcdc
list.inactiveSelectionForeground#262426
panel.background#ffffff
panel.border#BAB8BA
panelTitle.activeForeground#24292e
scrollbar.shadow#aaaaaa
scrollbarSlider.activeBackground#888888
scrollbarSlider.background#888888
scrollbarSlider.hoverBackground#888888
selection.background#e5f1ff
sideBar.background#ecebecaa
sideBar.border#BAB8BA
sideBar.foreground#262426
sideBarSectionHeader.background#eee
sideBarSectionHeader.border#eee
sideBarTitle.foreground#000000
statusBar.background#ededed
statusBar.border#c4c4c4
statusBar.debuggingBackground#fafbfc
statusBar.debuggingForeground#24292e
statusBar.foreground#575557
statusBar.noFolderBackground#ededed
statusBar.noFolderForeground#575557
tab.activeBackground#eee
tab.activeBorder#d8d6d8
tab.activeForeground#262426
tab.border#BAB8BA
tab.inactiveBackground#DAD9DA
tab.inactiveForeground#888
titleBar.activeBackground#DAD9DA
titleBar.border#bbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong, markup.heading.markdown, markup.bold.markdown	—	bold
markup.italic.markdown	—	italic
meta.link.inline.markdown	#005CC5	underline
comment, markup.fenced_code, markup.inline	#5F8FBF	—
string	#036A07	—
variable.other.constant, variable.other.class, meta.property-name, meta.property-value, support, constant.language.boolean, support.function.kernel	#8090E5	—
constant.language, constant.other.color	#C5060B	—
keyword, storage.modifier, storage.type, support.function, variable.language.this, punctuation.definition.template-expression, constant.numeric, meta.tag.structure, entity.name.tag, entity.other.attribute-name	#0433FF	—
keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression	#000000	—
	#000000	—
variable.language.self, variable.other.readwrite.instance, meta.definition.variable.scss	#318495	—
entity.name.type, entity.other.inherited-class, variable.other.object.property, meta.instance.constructor	#6F42C1	—
support.constant.property-value	#119605	—
meta.function-call, variable.parameter.function, support.variable.property.dom, support.type.property-name.json, punctuation.separator.key-value	#333333	—
entity.name.function	#0000A2	—
variable.other.constant, variable.language.this	#3B96A6	—
constant.other.symbol	#D21F07	—
string.quoted, string.regexp, string.interpolated, string.template, keyword.other.template	#036A07	—
token.info-token	#316BCD	—
token.warn-token	#CD9731	—
token.error-token	#CD3131	—
token.debug-token	#800080	—
entity.name.type	#000000	—
entity.name.class	#000000	—
support.type	#000000	—
support.class	#000000	—
keyword.control.cucumber.table	#646464	—
meta.object-literal.key.ts, entity.other.attribute-name.html	#646464	—
constant.language, variable.other.constant	#2A00FF	—
entity.name.function, support.class, entity.other.attribute-name.html	#777777	—
support.constant.java-properties, meta.key-value.java-properties, source.java-properties	#000000	bold
string.unquoted.java-properties, meta.key-value.java-properties, source.java-properties	#2A00FF	bold
string.quoted, string.quoted.double.html	#2A00FF	—
string.quoted.double	#2A00FF	—
comment	#3F7F5F	italic
comment.block, comment.block.css	#5F8FBF	—
invalid	#FF0000	—
invalid.illegal.character_not_allowed_here	#FF0000	—
keyword, variable.language.this	#7F0055	bold
keyword.operator	#000000	—
storage.modifier	#7F0055	bold
entity.other.inherited-class	#000000	—
storage.modifier.import	#000000
storage.type.annotation	#646464
storage.modifier.package	#000000
storage.type.generic.java	#000000	bold
storage.type, entity.name.tag, entity.name.label.ts, entity.name.tag.html, entity.name.tag.css, meta.selector.css, entity.other.attribute-name.class.css	#7F0055	bold
variable.parameter	—	bold
storage.type.java, variable.other.object.property, meta.definition.method.ts	#000000	—
entity.name.type.ts	#777777	italic
comment	#3F7F5F
string	#2A00FF
constant.character.escape, constant.other.placeholder	#7090FF
constant.numeric, keyword.other.unit	#FF00AA
keyword, storage.type.primitive, storage.type.class, storage.type.struct, storage.type.enum, storage.type.modifier, storage.type.namespace, storage.type.template, storage.type.function, storage.type.union, storage.type.js, storage.type.interface, storage.type.impl, storage.type.trait, storage.modifier, keyword.operator.new, keyword.operator.delete, keyword.operator.word, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.logical.python, constant.language, variable.language, keyword.declaration.function, keyword.declaration.class, keyword.declaration.struct, keyword.declaration.enum, keyword.declaration.union, keyword.declaration.trait, keyword.declaration.interface, keyword.declaration.impl, keyword.declaration.type	#800555	bold
keyword.operator	#000000
entity.name.type, storage.type	#800555
entity.name.type.template	#336633	bold
meta.kernel-call punctuation.section.kernel	#336633	bold
meta.kernel-call entity.name.function	#336633
variable.other.member, variable.other.property	#333333
entity.name.function	#000000	bold
meta.preprocessor	#808080
meta.preprocessor keyword.control.directive	#7F3F6A	bold
meta.preprocessor string.quoted	#9580FF
support.function, support.type.python, support.type.posix-reserved	#642880	bold
variable.parameter.function.language.special.self, variable.language.special.self, variable.parameter.function.language.special.cls, variable.language.special.cls	#000000	italic
entity.name.function.decorator	#7D7D7D	italic
string.quoted.docstring	#406080
entity.name.tag	#800555	bold
entity.other.attribute-name	#800555
meta.tag.preprocessor entity.name.tag, meta.tag.preprocessor entity.other.attribute-name, meta.tag.preprocessor string, meta.tag.preprocessor text, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype entity.other.attribute-name, meta.tag.metadata.doctype string, meta.tag.metadata.doctype text	#5F8FBF	italic
entity.name.section, punctuation.definition.heading	#800555	bold
markup.inline.raw, punctuation.definition.raw	#FF00AA
punctuation.definition.list	#000000	bold
markup.bold	#000000	bold
markup.underline	#000000	underline
markup.italic	#000000	italic
keyword.codetag	#86A3BF	bold
support	#336633

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