PowerTech Themes

Name: PowerTech Themes
Author: PowerTech

Publisher: PowerTechThemes in package: 16

Exclusive Themes for Special Developers

Open in VS Code GitHub

Color themes

VS Code preview

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

PowerTech Themes — IntelliJ IDEA Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

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#f2f2f2
activityBar.border#bcbcbc
activityBar.foreground#000000
editor.background#ffffff
editor.foreground#000000
editor.lineHighlightBackground#fffae3
editor.selectionHighlightBackground#F6EBBC
editorGroupHeader.tabsBackground#f2f2f2
editorGutter.background#f0f0f0
editorLineNumber.foreground#c1c1c1
sideBar.background#ffffff
sideBar.border#c0c0c0
sideBar.foreground#000000
sideBarSectionHeader.background#d4d4d4
statusBar.background#f2f2f2
statusBar.border#c0c0c0
statusBar.foreground#000000
tab.activeBackground#ffffff
tab.activeBorder#ffffff
tab.activeForeground#000000
tab.border#D9D7D5
tab.inactiveBackground#F5F5F5
tab.inactiveForeground#242424

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#333333ff	—
comment, punctuation.definition.comment	#AAAAAA	italic
comment.block.preprocessor	#AAAAAA
comment.documentation, comment.block.documentation	#095e09	—
invalid.deprecated	—	—
invalid.illegal	#ff0000	—
keyword.operator	#777777	—
keyword, storage	#000088	bold
storage.type, support.type	#000000
constant.language, support.constant, variable.language	#000088	—
variable, support.variable	#4d154d	bold
entity.name.function, support.function	#000000	—
entity.name.type, entity.other.inherited-class, support.class	#000000	—
entity.name.exception	#660000	—
entity.name.section	—	bold
constant.numeric, constant.character, constant	#000088	—
string	#095e09	bold
constant.character.escape	#777777	—
string.regexp	#0531d0	—
constant.other.symbol	#AB6526	—
punctuation	#777777	—
string source, text source	#000000	—
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html	#AAAAAA	—
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#2E2A2E	—
entity.name.tag	#000088	bold
meta.tag entity.other.attribute-name, entity.other.attribute-name.html	#0531d0	—
string.quoted.double.html	—
source.css	—
constant.character.entity, punctuation.definition.entity	#AB6526	—
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css	#4d154d	—
meta.property-name, support.type.property-name	#000088	—
meta.property-value, meta.property-value constant.other, support.constant.property-value	#095e09	—
keyword.other.important	—	bold
keyword.other.unit.px.css	—
markup.changed	#000000	—
markup.deleted	#000000	—
markup.italic	—	italic
markup.error	#660000	—
markup.inserted	#000000	—
meta.link	#0531d0	—
markup.output, markup.raw	#777777	—
markup.prompt	#777777	—
markup.heading	#AA3731	—
markup.bold	—	bold
markup.traceback	#660000	—
markup.underline	—	underline
markup.quote	#4d154d	—
markup.list	#0531d0	—
markup.bold, markup.italic	#095e09	—
markup.inline.raw	#AB6526
meta.diff.range, meta.diff.index, meta.separator	#434343	—
meta.diff.header.from-file	#434343	—
meta.diff.header.to-file	#434343	—
meta.object-literal.key, meta.object-literal.key entity.name.function	#4d154d	bold
variable.language	#0042B6	bold
variable.other.object.js	#326d6e
variable.other.object.property.js	—
variable.other.readwrite.js	—
variable.other.property.js	—
string.quoted.double.js	—
string.quoted.single.js	—
support.class.console.js, meta.function-call.js, meta.block.js, meta.function.expression.js, meta.block.js, meta.method.declaration.js, meta.objectliteral.js	#4d154d
meta.object-literal.key.js	—
meta.object-literal.key.js entity.name.function	#696539
variable.parameter.js	#000000
keyword.operator.expression.delete.js	#000088
constant.language	#000088
entity.name.function.js	#696539	—
storage.type.function.js	#000088	bold
storage.type.js	#000088	bold
variable.language.this.js	#000088	bold
support.class.component.js	#000088	bold
storage.type.class.js	#000088	bold
variable.other.readwrite.alias.js.jsx	#000000
variable.other.readwrite.alias.ts	#000000
entity.name.function.ts	#696539
variable.language.this.ts	#000088	bold
meta.object-literal.key.ts	#4d154d
variable.object.property.ts	#4d154d
variable.parameter.ts	#4d154d
variable.other.object.property.ts	#4d154d
variable.other.property.ts	#4d154d
variable.other.object.ts	#4d154d
variable.other.readwrite.ts	#4d154d
storage.type.function.ts	#000088	bold
storage.type.class.ts	#000088	bold
storage.type.ts	#000088	bold
string.quoted.single.ts	#095e09
punctuation.section.embedded.begin.php	#000088	bold
variable.language.this.php	#696539	bold
variable.other.php	#696539	bold
storage.type.function.php	#000088	bold
storage.type.class.php	#000088	bold
comment.block.documentation.phpdoc.php	#AAAAAA
comment.block.documentation.phpdoc.php support.class	#AAAAAA
keyword.other.phpdoc.php	#AAAAAA
storage.type.function.python	#000088	bold
entity.name.function.python	#696539	—
source.python	#4d154d	—
keyword.operator.logical.python	#4d154d	—
entity.name.function.ruby	#696539	—
source.ruby	#4d154d	—
support.function.kernel.ruby	#326d6e	bold
entity.name.type.class.ruby	#4d154d	bold

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