Just Eclipse Color Theme

Name: Just Eclipse Color Theme
Author: Cem Geçgel

Publisher: Cem GeçgelThemes in package: 1

Eclipse colors for C language.

Open in VS Code GitHub

VS Code preview

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

Just Eclipse Color Theme — Just Eclipse

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
debugConsole.errorForeground#ff0000
debugConsole.infoForeground#000000
debugConsole.warningForeground#FAC03B
dropdown.background#ffffff
dropdown.border#c4c4c4
dropdown.foreground#262426
editor.background#ffffff
editor.findMatchBackground#ffe600
editor.findMatchHighlightBackground#ffe600
editor.findRangeHighlightBackground#ffe600
editor.foreground#000000
editor.lineHighlightBackground#fffbdd
editor.selectionBackground#dddddd
editor.selectionHighlightBackground#ffe600
editor.wordHighlightBackground#e5f1ff
editorBracketMatch.background#f1f8ff
editorBracketMatch.border#c8e1ff
editorCursor.foreground#333333
editorGroup.border#BAB8BA
editorGroupHeader.tabsBackground#DAD9DA
editorGroupHeader.tabsBorder#BAB8BA
editorIndentGuide.background#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.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#ecebec
sideBar.border#BAB8BA
sideBar.foreground#262426
sideBarSectionHeader.background#ecebec
sideBarSectionHeader.border#BAB8BA
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#d6d4d6
tab.inactiveForeground#888
titleBar.activeBackground#DAD9DA
titleBar.border#bbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#3F7F5F
string	#2B00FF
constant.character.escape, constant.other.placeholder	#7090FF
constant.numeric, keyword.other.unit	#000000
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.template	#336633	bold
meta.kernel-call punctuation.section.kernel	#336633	bold
meta.kernel-call entity.name.function	#336633
variable.other.member, variable.other.property, support.variable.member, support.variable.property	#0000C0
entity.name.function	#000000
meta.preprocessor	#808080
meta.preprocessor keyword.control.directive	#7F3F6A	bold
meta.preprocessor string.quoted	#2B00FF
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
entity.name.type, support.type	#336633
constant.other.enum, variable.other.enummember	#0000C0	italic
entity.name.type.parameter	#644632	bold
entity.other.attribute	#000000	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}!`;
}