Hack3r Theme

Name: Hack3r Theme
Author: Jeremy Cantu

Publisher: Jeremy CantuThemes in package: 1

For those times when overflows, forgeries, or injections are your best solution for the problem at hand.

Open in VS Code GitHub

VS Code preview

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

Hack3r Theme — Hack3r

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.background#000000
activityBar.border#00EF1C
activityBar.dropBackground#000000
activityBar.foreground#00EF1C
activityBarBadge.background#000000
activityBarBadge.foreground#00EF1C
badge.background#000000
badge.foreground#00EF1C
button.background#000000
button.foreground#00EF1C
contrastActiveBorder#00EF1C
contrastBorder#00EF1C
dropdown.background#000000
dropdown.border#00EF1C
dropdown.foreground#00EF1C
editor.background#000000
editor.foreground#00EF1C
editor.selectionForeground#000000
editor.selectionHighlightBackground#000000
editorBracketMatch.border#00EF1C
editorCursor.background#000000
editorGroup.background#000000
editorGroup.border#00EF1C
editorGroup.dropBackground#000000
editorInfo.border#00EF1C
editorInfo.foreground#000000
editorOverviewRuler.border#00EF1C
editorRuler.foreground#000000
focusBorder#00EF1C
input.background#000000
input.border#00EF1C
input.foreground#00EF1C
input.placeholderForeground#00EF1C
inputOption.activeBorder#00EF1C
inputValidation.errorBackground#FF0D00
inputValidation.errorBorder#FF0D00
list.activeSelectionBackground#000000
list.activeSelectionForeground#00EF1C
list.dropBackground#000000
list.focusBackground#000000
list.focusForeground#00EF1C
list.highlightForeground#00EF1C
list.hoverBackground#000000
list.hoverForeground#00EF1C
list.inactiveSelectionBackground#000000
list.inactiveSelectionForeground#00EF1C
panel.border#00EF1C
progressBar.background#000000
scrollbar.shadow#000000
scrollbarSlider.activeBackground#00EF1C
scrollbarSlider.background#000000
scrollbarSlider.hoverBackground#00EF1C
selection.background#000000
sideBar.background#000000
sideBar.border#00EF1C
sideBarTitle.foreground#00EF1C
statusBar.border#00EF1C
tab.activeBackground#000000
tab.activeBorder#00EF1C
tab.activeForeground#00EF1C
tab.border#00EF1C
tab.inactiveBackground#000000
tab.unfocusedActiveBorder#00EF1C
titleBar.activeBackground#000000
titleBar.activeForeground#000000
titleBar.border#00EF1C
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#000000
widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#00EF1C	—
comment, punctuation.definition.comment	#00EF1C	italic
variable, string constant.other.placeholder	#00EF1C	—
constant.other.color	#00EF1C	—
invalid, invalid.illegal	#00EF1C	—
keyword, storage.type, storage.modifier	#00EF1C	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#00EF1C	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#00EF1C	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#00EF1C	—
meta.block variable.other	#00EF1C	—
support.other.variable, string.other.link	#00EF1C	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#00EF1C	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#00EF1C	normal
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#00EF1C	—
support.type	#00EF1C	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#00EF1C	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#00EF1C	—
variable.language	#00EF1C	italic
entity.name.method.js	#00EF1C	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#00EF1C	—
entity.other.attribute-name	#00EF1C	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#00EF1C	italic
entity.other.attribute-name.class	#00EF1C	—
source.sass keyword.control	#00EF1C	—
markup.inserted	#00EF1C	—
markup.deleted	#00EF1C	—
markup.changed	#00EF1C	—
string.regexp	#00EF1C	—
constant.character.escape	#00EF1C	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#00EF1C	italic
source.js constant.other.object.key.js string.unquoted.label.js	#00EF1C	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00EF1C	—
text.html.markdown, punctuation.definition.list_item.markdown	#00EF1C	—
text.html.markdown markup.inline.raw.markdown	#00EF1C	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#00EF1C	—
text.html.markdown meta.dummy.line-break		—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#00EF1C	—
markup.italic	#00EF1C	italic
markup.bold, markup.bold string	#00EF1C	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#00EF1C	bold
markup.underline	#00EF1C	underline
markup.strike		strike
markup.quote punctuation.definition.blockquote.markdown	#00EF1C	—
markup.quote		italic
string.other.link.title.markdown	#00EF1C	—
string.other.link.description.title.markdown	#00EF1C	—
constant.other.reference.link.markdown	#00EF1C	—
markup.raw.block	#00EF1C	—
markup.raw.block.fenced.markdown	#00EF1C	—
punctuation.definition.fenced.markdown	#00EF1C	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#00EF1C	—
variable.language.fenced.markdown	#00EF1C	—
meta.separator	#00EF1C	bold
markup.table	#00EF1C	—
token.info-token	#00EF1C	—
token.warn-token	#00EF1C	—
token.error-token	#00EF1C	—
token.debug-token	#00EF1C	—

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