Homework

Name: Homework
Author: Lu Nelson

Publisher: Lu NelsonThemes in package: 1

Just tinkering, so far

VS Code preview

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

Homework — Homework Dark

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#333333
activityBar.border#404040
activityBar.foreground#cccccc
editor.background#2b2b2b
editor.foreground#cccccc
editor.lineHighlightBackground#40404044
editor.selectionBackground#44668866
editor.selectionHighlightBackground#4c4c4c44
editor.wordHighlightBackground#40404044
editorCursor.background#000000
editorCursor.foreground#ff00ff
editorGroup.border#404040
editorGroupHeader.tabsBackground#404040
editorIndentGuide.activeBackground#858789
editorIndentGuide.background#404040
editorLineNumber.activeForeground#58b4b0
editorLineNumber.foreground#4c4c4c
editorOverviewRuler.border#2b2b2b
editorWhitespace.foreground#343434
focusBorder#404040
foreground#cccccc
gitDecoration.deletedResourceForeground#8c6266
gitDecoration.ignoredResourceForeground#7d6680
gitDecoration.modifiedResourceForeground#99966b
gitDecoration.untrackedResourceForeground#70996b
input.background#333333
input.border#4c4c4c
input.foreground#cccccc
input.placeholderForeground#999999
inputOption.activeBorder#4c4c4c
list.activeSelectionBackground#2b2b2b88
list.activeSelectionForeground#cccccc
list.hoverBackground#2b2b2b
list.inactiveSelectionBackground#2b2b2b88
list.inactiveSelectionForeground#cccccc
panel.background#333333
panel.border#404040
panelTitle.activeForeground#cccccc
panelTitle.inactiveForeground#858788
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#ffffff31
scrollbarSlider.background#ffffff0a
scrollbarSlider.hoverBackground#ffffff15
sideBar.background#333333
sideBar.border#404040
sideBar.foreground#9f9f9f
sideBarSectionHeader.background#404040
sideBarSectionHeader.foreground#cccccc
sideBarTitle.foreground#cccccc
statusBar.background#2d3740
statusBar.debuggingBackground#4d4139
statusBar.debuggingForeground#cccccc
statusBar.foreground#cccccc
statusBar.noFolderBackground#4b3d4d
statusBar.noFolderForeground#cccccc
tab.activeBorder#2b2b2b
tab.activeBorderTop#cccccc
tab.activeForeground#cccccc
tab.border#404040
tab.inactiveBackground#333333
tab.inactiveForeground#858789
tab.unfocusedActiveBorderTop#404040
titleBar.activeBackground#404040
titleBar.activeForeground#cccccc
titleBar.inactiveBackground#404040
titleBar.inactiveForeground#cccccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#666666	italic
variable	#cdcdcd	—
keyword, storage.type, storage.modifier	#C594C5	—
keyword.operator, 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	#5FB3B3	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#EB606B	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level	#6699CC	—
support.other.variable, string.other.link	#F2777A	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit	#F99157	—
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	#99C794	normal
entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter	#FAC863	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#EC5F67	—
variable.language	#EC5F67	italic
entity.name.method.js	#D8DEE9	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#D8DEE9	—
entity.other.attribute-name	#BB80B3	—
markup.inserted	#99C794	—
markup.deleted	#EC5F67	—
markup.changed	#BB80B3	—
string.regexp	#5FB3B3	—
constant.character.escape	#5FB3B3	—
url, link, uri	—	underline
constant.numeric.line-number.find-in-files - match	#AB7967	—
entity.name.filename.find-in-files	#99C794	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#6699CC	italic
source.js constant.other.object.key.js string.unquoted.label.js	#EC5F67	italic
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#FAC863	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#C594C5	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#D8DEE9	—
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#6699CC	—
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#AB7967	—
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#EC5f67	—
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#F99157	—
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#FAC863	—
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#C594C5	—
sublimelinter.mark.warning	#DDB700	—
sublimelinter.gutter-mark	#FFFFFF	—
sublimelinter.mark.error	#D02000	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—

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