Dark Blue Jacob

Name: Dark Blue Jacob
Author: Dark Blue Jacob

Publisher: Dark Blue JacobThemes in package: 1

Dark Blue theme

GitHub

VS Code preview

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

Dark Blue Jacob — Dark Blue Jacob

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#2c2d30
activityBar.activeBorder#00b3ff
activityBar.background#2c2d30
activityBar.dropBorder#00b3ff
activityBar.foreground#00b3ff
activityBarBadge.background#2c2d30
activityBarBadge.foreground#00b3ff
badge.background#00b3ff
breadcrumb.background#2c2d30
breadcrumb.foreground#00b3ff
button.background#48494b
button.foreground#00b3ff
dropdown.background#2c2d30
dropdown.border#2c2d30
dropdown.foreground#00b3ff
dropdown.listBackground#2c2d30
editor.background#2c2d30
editor.findMatchBackground#0170a0
editor.findMatchHighlightBackground#505052a2
editor.hoverHighlightBackground#505052
editor.lineHighlightBackground#2c2d30
editor.rangeHighlightBackground#0170a0
editor.selectionBackground#505052
editor.selectionHighlightBackground#505052a2
editor.symbolHighlightBackground#0170a0
editor.wordHighlightBackground#0170a0
editor.wordHighlightStrongBackground#0170a0
editorCursor.background#2c2d30
editorCursor.foreground#00b3ff
editorError.foreground#ff0000b7
editorGroupHeader.tabsBackground#2c2d30
editorHoverWidget.background#2c2d30
editorHoverWidget.border#2c2d30
editorHoverWidget.foreground#00b3ff
editorIndentGuide.background#0170a0
editorLineNumber.activeForeground#00b3ff
editorLineNumber.foreground#0170a0
editorSuggestWidget.background#2c2d30
editorSuggestWidget.foreground#00b3ff
editorSuggestWidget.highlightForeground#00b3ff
editorSuggestWidget.selectedBackground#0170a093
editorWhitespace.foreground#00b3ff38
editorWidget.background#2c2d30
editorWidget.border#2c2d30
editorWidget.foreground#00b3ff
extensionButton.prominentBackground#505052a2
extensionButton.prominentHoverBackground#0170a0
focusBorder#00b3ff
input.background#2c2d30
input.foreground#00b3ff
input.placeholderForeground#0170a0
list.activeSelectionBackground#0170a052
list.dropBackground#0170a052
list.focusBackground#0170a052
list.highlightForeground#00ff6a
list.hoverBackground#0170a052
list.inactiveFocusBackground#0170a052
list.inactiveSelectionBackground#0170a052
listFilterWidget.background#0170a0
menu.selectionBackground#0170a0
minimap.selectionHighlight#0170a0
notifications.background#2c2d30
peekViewResult.matchHighlightBackground#0170a0
scrollbar.shadow#2c2d30
scrollbarSlider.activeBackground#00b3ff
scrollbarSlider.background#0170a054
scrollbarSlider.hoverBackground#0170a0
searchEditor.findMatchBackground#2c2d30
searchEditor.findMatchBorder#2c2d30
searchEditor.textInputBorder#2c2d30
selection.background#0170a0
settings.checkboxBackground#2c2d30
settings.dropdownBackground#2c2d30
settings.dropdownBorder#00b3ff
settings.focusedRowBackground#0170a0
sideBar.background#2c2d30
sideBarTitle.foreground#00b3ff
statusBar.background#2c2d30
statusBar.foreground#00b3ff
statusBarItem.hoverBackground#0170a052
tab.activeBackground#2c2d30
tab.activeBorder#00b3ff
tab.activeForeground#00b3ff
tab.border#2c2d30
tab.hoverBorder#0170a0
tab.inactiveBackground#2c2d30
tab.inactiveForeground#0170a0
titleBar.activeBackground#2c2d30
titleBar.activeForeground#00b3ff
titleBar.inactiveBackground#2c2d30
titleBar.inactiveForeground#0170a0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, string.comment, punctuation.definition.comment	#06888f	italic
variable, string constant.other.placeholder	#00b3ff	italic
entity.name.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.terminator.expression.php, support.type.property-name.json.comments	#00b3ff	—
entity.other.attribute-name.html, punctuation.separator.key-value.html	#fbff00be	italic
string.quoted.double, string.quoted.single, punctuation.definition.entity.html, constant.character	#00ff62b4	—
text.html.php	#F8F8F8	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#ff7300	—
entity.name.function.js, meta.brace.round.js, entity.name.function.php	#d9ff00	italic
keyword.other.unit, punctuation.terminator.rule.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#00b3ff	italic
meta.property-value.css, constant.numeric.css, support.constant.property-value.css, string.quoted.double.css, string.quoted.single.css, entity.name.tag.css, invalid.deprecated.color.system.css, support.constant.color.w3c-standard-color-name.css, meta.selector.css	#ff7300	italic
support.type.property-name.css	#00ff2ac9	—
storage.type.built-in.primitive, entity.name.type.parameter.cpp, storage.modifier.reference.cpp, keyword.operator	#00FF62B4	—
entity.name.function, keyword.control.return, constant.numeric.decimal, entity.name.namespace.cpp, meta.body.function.definition.cpp	#FF7300	italic
punctuation.terminator.statement.cpp	#00b3ff	—
storage.modifier, entity.name.scope-resolution.function.definition.cpp, punctuation.separator.scope-resolution.function.definition.cpp, entity.name.scope-resolution.cpp, punctuation.separator.scope-resolution.cpp, entity.name.scope-resolution.function.call.cpp, punctuation.separator.scope-resolution.function.call.cpp, entity.name.scope-resolution.operator.cpp, punctuation.separator.scope-resolution.operator.cpp, meta.body.function.definition.special.operator-overload.cpp	#FBFF00BE	italic
entity.name.type.class.cpp, entity.name.type.cpp	#D9FF00	italic
keyword.other.using.directive.cpp, punctuation.definition.directive.cpp, keyword.control.directive, storage.type.namespace.directive.cpp	#a6ff00d0	bold
punctuation.definition.string.begin.cpp, punctuation.definition.string.end.cpp, meta.preprocessor, storage.type.class.cpp, storage.type.modifier.access.control	#00b3ff	—
punctuation.definition.string.begin.cpp, punctuation.definition.string.end.cpp	#00ff62b4	—
support.function.builtin.shell, keyword.control.shell	#FF7300	italic
markup.heading.markdown	#FF7300	bold
markup.list.unnumbered.markdown	#00b3ff	italic
keyword.control.flow.js, support.function.js, keyword.control.conditional.js	#FF7300	italic
storage.type.function.js	#FF7300	bold
storage.type.js	#FBFF00BE	—

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