Mocoding-D

Name: Mocoding-D
Author: MOCODING LLC

Publisher: MOCODING LLCThemes in package: 1

Dark theme with orange keywords and blue types.

Open in VS Code GitHub

VS Code preview

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

Mocoding-D — Mocoding-D

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.

badge.background#569CD6
editor.background#1E1E1E
editor.foreground#E8E0C8
editorCursor.foreground#E8E0C8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
text, source, scope, variable, meta.object, meta.tag, support.constant, meta.function-call.arguments, variable.parameter.function, support.type.object, support.variable, constant.language.import-export-all	#E8E0C8	—
keyword, keyword.operator.new, variable.language.special, entity.name.tag, constant.language, storage, primitive, modifier, language.constant, meta.preprocessor, variable.language.this, support.type.primitive, entity.name.type.terraform	#f28d29	—
keyword.other.unit, punctuation, keyword.operator, storage.type.function.arrow, meta.brace, keyword.other.interpolation	#FFFFFF	normal
meta.type.parameters, entity.name.type.type-parameter, constant.character.format.placeholder	#FFFFFF	italic
entity.name.type, entity.name.type.alias, entity.name.type.class, entity.name.type.module, meta.return.type, class.type.name, storage.type.variable, meta.type.annotation, return-type, inherited-class, entity.other.inherited-class, declaration.entity.type, declaration.heritage.type, storage.type.cs, support.class, new.expr	#2DA7C9	normal
string.regexp, string.quoted, string.template, punctuation.definition.string, keyword.operator.quantifier.regexp	#eda4a4	—
comment, punctuation.definition.comment, string.quoted.docstring	#81B073	—
constant.numeric	#D9D900	—
meta.function-call.generic, property-name, support.function, support.function.builtin, entity.name.function, variable.legacy.builtin	#91D0C4	—
support.type.property-name, punctuation.support.type.property-name, entity.name.tag.yaml	#D7BA7D	—
selector, selector.attribute-name	#FFA346	—
meta.tag.begin, meta.tag.end	#30A2C2	—
entity.other.attribute-name	#30C9AE	—
tag.quoted, string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html,	#A3A3A3	—
detected-link, string.detected-link	#80C2E2	—
entity.name.tag.tsx, entity.name.tag.jsx, entity.name.tag.js	#569CD6	—
meta.tag.begin.tsx, meta.tag.end.tsx, meta.tag.begin.jsx, meta.tag.end.jsx, meta.tag.begin.js, meta.tag.end.js	#aaaaaa	—
entity.other.attribute-name.tsx, entity.other.attribute-name.js, entity.other.attribute-name.jsx	#00CCFF	—
js.storage.type	#f28d29	—
string.quoted.docstring.multi.python, string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python	#81B073	italic

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