Nintendo Switch

Name: Nintendo Switch
Author: ArgyleInk

Publisher: ArgyleInkThemes in package: 1

Dark theme, italic monospace font friendly, with bubble gum code highlighting and subdued machine characters for optimal dev focus

Open in VS Code

VS Code preview

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

Nintendo Switch — Nintendo Switch

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.

editor.background#111111
editor.foreground#CCCCCC
editor.lineHighlightBackground#000000
editor.selectionBackground#000000
editorCursor.foreground#FF4554
editorWhitespace.foreground#525252

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#CCCCCC	—
string, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.regexp, text.html.mt meta.tag.any.html entity.other.attribute-name.html, source.css meta.property-list.css meta.property-value.css, source.css constant.numeric.css	#CCCCCC	—
source.css meta.function-call, source.css punctuation.terminator.rule.css, source.css punctuation.separator, source.css punctuation.section.property-list, source.css punctuation.section.property-list, punctuation.definition.tag.begin, punctuation.definition.tag.end, text.html.mt meta.tag.block.any.html punctuation.definition.tag.html, text.html.mt meta.tag.inline.any.html punctuation.definition.tag.html, text.html.mt meta.tag.any.html punctuation.definition.tag.html, punctuation.separator, punctuation.section.braces.begin, punctuation.section.braces.end, meta.function.js punctuation.definition.parameters.begin.js, punctuation.terminator, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.dictionary.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.array.end.json, punctuation.definition.array.begin.json, source.js punctuation.section.group.begin, source.js punctuation.section.group.end, punctuation.definition.tag.html, meta.tag.block.any.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, meta.tag.inline.any.html, punctuation.separator, meta.tag.metadata.script.html, args.mixin.jade, constant.name.attribute.tag.jade, text.jade meta.tag.other, punctuation.definition.block.ts	#414548	—
comment, constant.language, keyword, storage, entity, variable.parameter, source.js variable.language, entity.name.tag, entity.other.attribute-name, support.function, support.class, support.type, entity.name, variable.function	—	italic
comment	#989898	—
constant.numeric, constant.language, keyword, storage, support.class, support.type, entity.name, source.css meta.selector.css entity.other.attribute-name.class.css punctuation.definition.entity.css, source.js meta.delimiter.method.period.js, source.ts meta.delimiter.method.period.js, source.ts punctuation.accessor, source.js punctuation.accessor, entity.name.tag.inline.any.html, entity.name.tag.structure.any.html, entity.name.tag.block.any.html, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, punctuation.definition.block.ts	#FF4554	—
variable.language, variable.other, entity.name.class, entity.other.inherited-class, variable.parameter, source.js variable.language, entity.other.attribute-name, support.function, source.css meta.property-list.css meta.property-value.css constant.other.color.rgb-value.css punctuation.definition.constant.css, source.css meta.property-list.css meta.property-value.css keyword.other.unit.css, source.css punctuation.definition.keyword.css, source.css entity.other.pseudo-class.css, source.css punctuation.definition.entity.css, source.js keyword.control.js, source.js entity.name.type.instance.js, meta.structure.dictionary.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, support.type.property-name.css, punctuation.definition.heading.markdown, beginning.punctuation.definition.list.markdown, source.js punctuation.section.brackets.begin, source.js punctuation.section.brackets.end, source.ts meta.brace.square.ts, punctuation.section.block.begin, punctuation.section.block.end	#00C3E3	—

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