Neon Hacker

Name: Neon Hacker
Author: Emiliano-Sanchez-M

Publisher: Emiliano-Sanchez-MThemes in package: 1

Color theme basado en colores verdes neon, inspirado en la temática de los 'hackers' de las peláculas de acción

Open in VS Code

VS Code preview

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

Neon Hacker — Emiliano Sánchez Madrid

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#1a1a1a
activityBar.activeBorder#04ff00
activityBar.background#000000
activityBar.border#04ff00
activityBarBadge.background#000000
commandCenter.background#000000
editor.background#000000
editor.foreground#15e812
editor.inactiveSelectionBackground#d0ff002c
editor.selectionBackground#00ff0d6a
editor.selectionForeground#59ff00
editorCursor.foreground#1bd327
editorError.border#00ff2f
editorGroup.border#04ff00
editorGroupHeader.tabsBackground#003e19
editorIndentGuide.activeBackground#48ff00
editorIndentGuide.background#187705
foreground#0dff00eb
sideBar.background#000000
sideBar.border#04ff00
sideBar.dropBackground#38991d
sideBar.foreground#00af12
sideBarSectionHeader.background#1a1a1a
sideBarSectionHeader.border#04ff00
sideBarSectionHeader.foreground#00920f
sideBarTitle.foreground#00ff22
statusBar.background#000000
statusBar.border#04ff00
statusBar.focusBorder#000000
statusBar.noFolderBackground#000000
tab.activeBackground#0a7c00
tab.activeBorder#04ff00
tab.activeBorderTop#04ff00
tab.activeForeground#04ff00
tab.border#00ff3c
tab.hoverBackground#00ff22
tab.hoverBorder#00ff0d
tab.hoverForeground#000000
tab.inactiveBackground#058c0334
tab.inactiveForeground#00b31e
tab.lastPinnedBorder#00ff04d0
terminal.ansiBlack#00ff00
terminal.ansiBlue#00ff00
terminal.ansiBrightBlack#00ff00
terminal.ansiBrightBlue#00ff00
terminal.ansiBrightCyan#00ff00
terminal.ansiBrightGreen#00ff00
terminal.ansiBrightMagenta#00ff00
terminal.ansiBrightRed#00ff00
terminal.ansiBrightWhite#00ff00
terminal.ansiBrightYellow#00ff00
terminal.ansiCyan#00ff00
terminal.ansiGreen#00ff00
terminal.ansiMagenta#00ff00
terminal.ansiRed#00ff00
terminal.ansiWhite#00ff00
terminal.ansiYellow#00ff00
terminal.background#041f03
terminal.border#00ff04d0
terminal.foreground#00823f
terminal.selectionBackground#00ff2693
terminalCursor.background#33ff00
terminalCursor.foreground#59ff00
titleBar.activeBackground#000000
titleBar.activeForeground#26ff34
titleBar.border#04ff00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.string.begin	#00ff6a	bold
variable, string constant.other.placeholder	#029516	—
constant.other.color	#00ff00	—
invalid, invalid.illegal	#00ff8c	—
keyword, storage.type, storage.modifier	#18ab1d	—
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	#066d0a	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#06be00b5	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#36e774ef	—
meta.block variable.other	#00ff1e95	—
support.other.variable, string.other.link	#088835	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#00ff0080	—
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	#c2e88d	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#8eff6b	—
support.type	#00ff1e	—
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	#1c6509	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#026813	—
variable.language	#FF5370	italic
entity.name.method.js	#03be00	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#91ff82	—
entity.other.attribute-name	#018331	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#0b9f06	italic
entity.other.attribute-name.class	#00ff08bb	—
source.sass keyword.control	#0b7705	—
markup.inserted	#4a7c00	—
markup.deleted	#00ff15c9	—
markup.changed	#70e332	—
string.regexp	#036d15	—
constant.character.escape	#46a21c	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#2eba12	italic
source.js constant.other.object.key.js string.unquoted.label.js	#2acf0d	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#15ff00	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#04ff00	—
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	#04ff00bc	—
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	#04ff009e	—
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	#04ff0087	—
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	#037e15e2	—
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	#037e15d0	—
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	#037e159a	—
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	#026211c1	—
text.html.markdown, punctuation.definition.list_item.markdown	#14c308	—
text.html.markdown markup.inline.raw.markdown	#1dad07	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#01b92f	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#40ff00	—
markup.italic	#00f721	italic
markup.bold, markup.bold string	#00ff11	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	#03d218	bold
markup.underline	#06d422	underline
markup.quote punctuation.definition.blockquote.markdown	#03722a	—
markup.quote	—	italic
string.other.link.title.markdown	#127227	—
string.other.link.description.title.markdown	#06ca10	—
constant.other.reference.link.markdown	#34b305	—
markup.raw.block	#26c60d	—
markup.raw.block.fenced.markdown	#67ff08ac	—
punctuation.definition.fenced.markdown	#07bd16	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#5bc703	—
variable.language.fenced.markdown	#3ce000	—
meta.separator	#0db10da0	bold
markup.table	#07a92a	—

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