Custom C++ Highlighting

Name: Custom C++ Highlighting
Author: tcarlswing

Publisher: tcarlswingThemes in package: 1

C++ syntax highlighting strongly influenced by Visual Studio's Dark theme syntax highlighting.

Open in VS Code GitHub

VS Code preview

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

Custom C++ Highlighting — custom-cpp-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#0b0b0c
activityBar.border#696969
activityBarBadge.background#007acc
debugToolBar.background#0b0b0c
debugToolBar.border#696969
editor.background#0b0b0c
editor.foreground#dfd2d2
sideBar.background#0b0b0c
sideBar.border#696969
sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.block.cpp, comment.line.double-slash.cpp, punctuation.definition.comment	#4f992d	—
variable, string constant.other.placeholder	#dfd2d2	—
punctuation.separator.dot-access, punctuation.separator.pointer-access	#f36262	—
variable.parameter.cpp	#8a8585	—
storage.type.primitive.cpp, storage.type.built-in.primitive.cpp	#449be2	—
storage.type, entity.name.type, entity.name.type.struct, entity.name.type.class, entity.name.type.cpp, entity.name.type.template.cpp, support.type.posix-reserved	#67dbc4	—
storage.type.class.cpp, storage.type.struct.cpp, keyword.other.typedef.cpp, storage.type.template.cpp, storage.type.template.argument.typename, storage.type.template.argument.class	#449be2	—
variable.language.this	#449be2	—
entity.name.namespace, entity.name.namespace.scope-resolution.cpp, entity.name.scope-resolution.namespace.using.cpp, entity.name.scope-resolution.cpp	#67dbc4	—
keyword.other.using.directive, keyword.other.namespace.directive storage.type.namespace.directive, storage.type.namespace.definition	#449be2	—
keyword.control, keyword.control.if.cpp, keyword.control.else.cpp, keyword.control.return.cpp	#449be2	—
keyword.control.exception	#449be2	—
keyword.control.directive, keyword.control.directive.conditional.cpp, keyword.control.directive.include.cpp, keyword.control.directive.define.cpp	#8a8585	—
entity.name.function.preprocessor.cpp	#c941db	—
storage.modifier.specifier, storage.modifier.specifier.const.cpp, storage.modifier.specifier.static.cpp, storage.modifier.specificer.functional.pre-parameters, storage.modifier.specificer.functional.post-parameters, storage.type.modifier.access.control	#449be2	—
entity.name.function.cpp, entity.name.function.call.cpp, entity.name.function.member.cpp	#dfd2d2	—
keyword.operator, keyword.operator.cpp, keyword.operator.arithmetic.cpp, keyword.operator.comparison.cpp, keyword.operator.assignment.cpp, keyword.operator.logical.cpp	#dfd2d2	—
keyword.operator.cast	#449be2	—
keyword.operator.memory, keyword.operator.new.cpp, keyword.operator.delete.array, keyword.operator.delete.array.bracket	#449be2	—
string, string.quoted.double.include.cpp, string.quoted.double.cpp	#ee9876	—
constant.numeric, constant.numeric.decimal, constant.numeric.hexadecimal, punctuation.separator.constant.numeric, keyword.other.unit.hexadecimal, constant.numeric.decimal.point, keyword.other.unit.suffix.floating-point, keyword.other.unit.binary, constant.numeric.binary, keyword.other.unit.octal, constant.numeric.octal, keyword.other.unit.suffix.integer, keyword.other.unit.user-defined	#b5cea8	—
constant.language.cpp	#449be2	—
constant.language	#b5cea8	—
keyword.cmake, storage.source.cmake	#449be2	—
entity.source.cmake	#9cdcfe	—

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