NEURONET light theme

Name: NEURONET light theme
Author: NEURONETIO

Publisher: NEURONETIOThemes in package: 1

VSCODE light theme

GitHub

VS Code preview

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

NEURONET light theme — NEURONET light theme

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#ffffff
activityBar.foreground#000000
editor.background#ffffff
editor.findMatchBackground#b0c5e3cc
editor.findMatchHighlightBackground#ffb442cc
editor.foreground#000000
editor.lineHighlightBackground#e9eff8
editor.selectionBackground#b0c5e3
editor.wordHighlightBackground#eceba3cc
editorBracketHighlight.foreground1#0431FAB0
editorBracketHighlight.foreground2#319331B0
editorBracketHighlight.foreground3#7B3814B0
editorBracketHighlight.foreground4#000000B0
editorBracketHighlight.foreground5#000000B0
editorBracketHighlight.foreground6#000000B0
editorCursor.foreground#000000
editorGroup.emptyBackground#ffffff
editorGroupHeader.tabsBackground#ffffff
editorIndentGuide.background1#D3D3D3
editorLineNumber.activeForeground#a0a0a0
editorLineNumber.foreground#d0d0d0
editorWhitespace.foreground#ffffff
peekViewResult.matchHighlightBackground#ffb442cc
sideBar.background#ffffff
sideBarSectionHeader.background#ffffff
statusBar.background#ffffff
statusBar.foreground#494949
tab.activeBackground#ffffff
tab.inactiveBackground#f6f6f6
titleBar.activeBackground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.type.class, entity.name.type.interface	#000000	bold
meta.type.declaration	#000000	—
entity.other.inherited-class	#000000	—
entity.name.function, meta.definition.method.ts, entity.name.function.ts	#000000	bold
constant.other	#009900	italic
comment, comment.block.documentation.js, comment.line.double-slash.js, entity.name.type.instance.jsdoc, variable.other.jsdoc	#969696	—
storage.type.class.jsdoc, keyword.other.documentation	#969696	bold
punctation, punctuation.separator.comma.js, punctuation.separator.key-value.js, punctuation.accessor.js, punctuation.definition.block.js, punctuation.definition.parameters.begin.js	#00000090	—
punctuation.terminator.statement.js	#00000020	—
string.regexp.js	#9933CC	—
keyword, storage, constant.language, entity.name.tag, punctuation.definition.tag, storage.type.function.js, storage.type.js, variable.language.this, variable.language.java, variable.language.super.ts, keyword.control, keyword.operator.new, keyword.operator.expression.typeof.js, keyword.operator.expression.delete.js, keyword.operator.expression.instanceof.js, keyword.other.import, keyword.other.import.static, keyword.other.package, support.type.primitive.ts	#0000E6	—
support.type.property-name.json, entity.other.attribute-name, meta.object-literal.key, variable.other.property, variable.other.object.property, variable.other.constant.property.js, variable.other.constant.object.property.js, support.variable.property.dom.js, variable.object.property	#00610b	—
string, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, string.quoted.single.js, string.quoted.double.js	#CE7B00	—
support.variable.dom.ts	#9F0D79	—
keyword.operator, storage.type.function.arrow	#000000	—
variable, meta.function-call.ts entity.name.function.ts, meta.function-call.js entity.name.function.js, support.function, support.variable.property.js, storage.modifier.import, storage.modifier.package, storage.type.annotation, storage.type.generic, storage.type.object.array, storage.type.java	#000000	plain
support.class.js	#000000	—
meta.tag.sgml.doctype.html, meta.tag.sgml.doctype.xml, keyword.other.doctype.xml, variable.language.documentroot.xml	#628FB5	—
entity.name.tag, punctuation.definition.tag.xml, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#3f3fe2	—
support.type.property-name.css	#0000E6	—
keyword.other	#000000	—
keyword.control.at-rule.keyframes.css	#000000	bold
token.info-token	#316bcd	—
token.warn-token	#cd9731	—
token.error-token	#cd3131	—
token.debug-token	#800080	—
variable	#000000	italic
keyword.control	#A626A4	bold
keyword.other	#A626A4	bold
entity.name.function	#1A8C28	bold
variable.other.property, variable.other.object.property, support.variable.property, variable.other.constant.property	#444444	—
entity.name.function	#1a8c27ef	bold
entity.name.type.class	#000000cc	bold
keyword.control.type.ts, meta.block.ts, meta.import.ts, source.ts	#0000e6a6	—
keyword, storage, constant.language, entity.name.tag, punctuation.definition.tag, storage.type.function.js, storage.type.js, variable.language.this, variable.language.java, variable.language.super.ts, keyword.control, keyword.operator.new, keyword.operator.expression.typeof.js, keyword.operator.expression.delete.js, keyword.operator.expression.instanceof.js, keyword.other.import, keyword.other.import.static, keyword.other.package, support.type.primitive.ts	#0000e6c2	—

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