Adrian Theme

Name: Adrian Theme
Author: AdrianTheme

Publisher: AdrianThemeThemes in package: 1

Dark Theme by Adrian Gomez

GitHub

VS Code preview

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

Adrian Theme — Adrian Theme

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#070707
activityBar.foreground#2d7
activityBar.inactiveForeground#c7bebc
editor.background#070707
editor.foreground#d4d4d4
editor.lineHighlightBackground#1e1e20
editorGroupHeader.tabsBackground#070707
editorLineNumber.foreground#969797
selection.background#070707
sideBar.background#070707
sideBar.border#343435
sideBar.foreground#dddcdc
sideBarSectionHeader.background#070707
sideBarSectionHeader.foreground#2d7
sideBarTitle.foreground#e6e6e6
statusBar.background#070707
statusBar.foreground#c9c5c4
tab.activeBackground#232323
tab.inactiveBackground#070707
terminal.background#070707
widget.shadow#bce2a6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.import.go, keyword.package.go, keyword.function.go, keyword.control.switch.js, keyword.control.switch.js, keyword.operator.new.js, keyword.control.import.js.jsx, keyword.control.from.js.jsx, keyword.control.export.js.jsx, keyword.control.default.js.jsx, keyword.control.flow.python, storage.type.class.python, storage.type.function.python, storage.type.numeric.go, storage.type.string.go, constant.language.go, storage.type.byte.go, storage.type.rune.go, keyword.control.go, keyword.type.go, keyword.struct.go, keyword.operator.comparison.go, keyword.var.go, keyword.operator.assignment.go, keyword.interface.go, storage.type.error.go, storage.type.boolean.go, keyword.channel.go, storage.type.built-in.primitive.c, keyword.control.c, keyword.operator.comparison.c, keyword.control.directive.define.c, keyword.operator.c, keyword.control.switch.c, keyword.control.case.c, keyword.control.directive.include.c	#2d7	—
variable.other.readwrite.js, entity.name.function.js, support.function.console.js, variable.other.property.js, variable.other.constant.js, support.function.math.js, support.variable.property.js, support.function.js, support.function.builtin.python, support.function.magic.python, entity.name.function.python, meta.function-call.generic.python, variable.other.declaration.go	#0092e7	—
storage.type.js, storage.type.function.js, keyword.control.conditional.js, keyword.control.flow.js, keyword.control.loop.js, storage.type.class.js, storage.modifier.js	#2d7	—
meta.object-literal.key.js, constant.numeric.decimal.c	#dd946a	—
entity.name.package.go, entity.name.import.go, keyword.other.special-method.dockerfile, variable.other.assignment.go, support.function.go, string.quoted.other.lt-gt.include.c, entity.name.function.c, constant.character.escape.c	#0092e7	bold
entity.name.type.go	#bec2c4	bold
entity.name.function.go	#f3f2f2	bold
source.dockerfile, source.go	#bec2c4	—
comment, punctuation.definition.comment	#637f8d	italic
keyword.import.go, keyword.package.go, keyword.function.go	#2d7	—
meta.tag	#d6d8da	—
punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag	#0092e7	bold
entity.name.type.class.python, meta.class.python, entity.name.type.class.js.jsx, meta.class.js.jsx, new.expr.js.jsx, meta.var.expr.js.jsx, entity.name.type.js.jsx	#ffffff	bold
string, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#b8c3c9	bold
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#076297	—
entity.other.attribute-name	#2d7	italic
entity.other.attribute-name.class	#9ef078	bold
source.sass keyword.control	#9ef078	bold
meta.structure.dictionary.json, support.type.property-name.json	#1b8375	—
meta.structure.dictionary.json, meta.structure.dictionary.value.json, meta.structure.dictionary.json, support.type.property-name.json	#d69d32	—
meta.structure.dictionary.json, meta.structure.dictionary.value.json, meta.structure.dictionary.json, meta.structure.dictionary.value.json, meta.structure.dictionary.json, support.type.property-name.json	#5c42f0	—
meta.structure.dictionary.json, meta.structure.dictionary.value.json, meta.structure.dictionary.json, meta.structure.dictionary.value.json, meta.structure.dictionary.json, meta.structure.dictionary.value.json, meta.structure.dictionary.json, support.type.property-name.json	#c55568	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7eb8c7	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#2a58bb	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f07178	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—

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