Pro hacker theme

Name: Pro hacker theme
Author: Camila Martinez Bedoya

Publisher: Camila Martinez BedoyaThemes in package: 1

VS Code Theme made for pro hackers. But no really, simple black and green theme to make you feel like hacker while you wirte poor code.

GitHub

VS Code preview

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

Pro hacker theme — Pro Hacker Theme

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#1f1f1f
activityBar.foreground#15ff00
activityBar.inactiveForeground#868686
activityBarBadge.background#11c700
button.background#11c700
button.hoverBackground#0da100
editor.background#000000
editor.foreground#11c700
editor.selectionBackground#ffffff4f
editorCursor.background#ffffff
editorCursor.foreground#ffffff
editorGroup.border#0da100
editorGroupHeader.tabsBackground#1f1f1f
editorGroupHeader.tabsBorder#0da100
focusBorder#0da100
icon.foreground#11c700
list.activeSelectionBackground#11c700
list.activeSelectionForeground#ffffff
menu.background#1f1f1f
menu.foreground#11c700
menu.separatorBackground#ffffff
menubar.selectionBackground#1f1f1f
menubar.selectionForeground#11c700
notebook.rowHoverBackground#ffffff10
settings.checkboxBackground#1f1f1f
settings.checkboxForeground#11c700
settings.dropdownBackground#1f1f1f
settings.dropdownForeground#11c700
settings.headerForeground#11c700
settings.numberInputBackground#1f1f1f
settings.numberInputForeground#11c700
settings.textInputBackground#1f1f1f
settings.textInputForeground#11c700
sideBar.background#000000
sideBar.border#1f1f1f
sideBar.foreground#11c700
sideBarSectionHeader.background#1f1f1f
sideBarSectionHeader.foreground#11c700
sideBarTitle.foreground#11c700
statusBar.background#1f1f1f
statusBar.debuggingBackground#0da100
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
tab.activeBackground#0da100
terminal.ansiBlack#000000
terminal.ansiBlue#11c700
terminal.ansiBrightBlack#000000
terminal.ansiBrightBlue#11c700
terminal.ansiBrightCyan#11c700
terminal.ansiBrightGreen#11c700
terminal.ansiBrightMagenta#11c700
terminal.ansiBrightRed#ff002b
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#11c700
terminal.ansiCyan#11c700
terminal.ansiMagenta#11c700
terminal.ansiRed#ff002b
terminal.ansiWhite#ffffff
terminal.ansiYellow#11c700
terminal.background#000000
terminal.foreground#11c700
terminalCursor.background#ffffff
terminalCursor.foreground#ffffff
titleBar.activeBackground#000000
titleBar.activeForeground#11c700
titleBar.inactiveBackground#1f1f1f
titleBar.inactiveForeground#0da100

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#aaaaaa	italic
variable, string constant.other.placeholder	#11c700	—
constant.other.color	#11c700	—
invalid, invalid.illegal	#ff002b	—
keyword, storage.type, storage.modifier	#11c700	—
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	#aaaaaa	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#11c700	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#11c700	—
meta.block variable.other	#11c700	—
support.other.variable, string.other.link	#11c700	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#15ff00	—
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	#11c700	—
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	#11c700	—
support.type	#11c700	—
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	#11c700	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#11c700	—
variable.language	#11c700	italic
entity.name.method.js	#11c700	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#11c700	—
entity.other.attribute-name	#11c700	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#11c700	italic
entity.other.attribute-name.class	#11c700	—
source.sass keyword.control	#11c700	—
markup.inserted	#11c700	—
markup.deleted	#ff002b	—
markup.changed	#11c700	—
string.regexp	#11c700	—
constant.character.escape	#11c700	—
url, link, uri	#aaaaaa	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#11c700	italic
source.js constant.other.object.key.js string.unquoted.label.js	#11c700	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#11c700	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#11c700	—
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	#11c700	—
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	#11c700	—
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	#11c700	—
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	#11c700	—
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	#11c700	—
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	#11c700	—
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	#11c700	—
text.html.markdown, punctuation.definition.list_item.markdown	#11c700	—
text.html.markdown markup.inline.raw.markdown	#11c700	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#11c700	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#aaaaaa	—
markup.italic	#11c700	italic
markup.bold, markup.bold string	#11c700	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	#11c700	bold
markup.underline	#11c700	underline
markup.quote punctuation.definition.blockquote.markdown	#11c700	—
markup.quote	—	italic
string.other.link.title.markdown	#aaaaaa	—
string.other.link.description.title.markdown	#11c700	—
constant.other.reference.link.markdown	#aaaaaa	—
markup.raw.block	#11c700	—
markup.raw.block.fenced.markdown	#11c700	—
punctuation.definition.fenced.markdown	#11c700	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#11c700	—
variable.language.fenced.markdown	#11c700	—
meta.separator	#11c700	bold
markup.table	#aaaaaa	—

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