Memory Color Theme

Name: Memory Color Theme
Author: Grigory Petrov

Publisher: Grigory PetrovThemes in package: 1

Memory Color Theme for Visual Studio Code

Open in VS Code GitHub

VS Code preview

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

Memory Color Theme — grigoryvp memory 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#152535
breadcrumb.background#152535
editor.background#26394d
editor.foreground#e6ac73
editor.lineHighlightBackground#203040
editor.lineHighlightBorder#203040
editorBracketHighlight.foreground1#E6E6CF
editorBracketHighlight.foreground2#CFE6E6
editorBracketHighlight.foreground3#FFE6E6
editorBracketHighlight.foreground4#F2E6FF
editorBracketHighlight.foreground5#FFE6FF
editorBracketHighlight.foreground6#FFE6F2
editorBracketHighlight.unexpectedBracket.foreground#E60073
editorBracketPairGuide.activeBackground1#6B8299
editorBracketPairGuide.activeBackground2#6B8299
editorBracketPairGuide.activeBackground3#6B8299
editorBracketPairGuide.activeBackground4#6B8299
editorBracketPairGuide.activeBackground5#6B8299
editorBracketPairGuide.activeBackground6#6B8299
editorBracketPairGuide.background1#203040
editorBracketPairGuide.background2#203040
editorBracketPairGuide.background3#203040
editorBracketPairGuide.background4#203040
editorBracketPairGuide.background5#203040
editorBracketPairGuide.background6#203040
editorGroupHeader.tabsBackground#152535
editorGutter.background#152535
editorIndentGuide.activeBackground#6B8299
editorIndentGuide.background#203040
editorInlayHint.background#152535
editorInlayHint.foreground#6B8299
editorInlayHint.parameterBackground#152535
editorInlayHint.parameterForeground#6B8299
editorInlayHint.typeBackground#152535
editorInlayHint.typeForeground#B366FF
editorOverviewRuler.background#152535
editorRuler.foreground#152535
editorUnnecessaryCode.border#FF8080
editorUnnecessaryCode.opacity#FF8080FF
editorWidget.background#203040
list.activeSelectionBackground#000
list.focusBackground#000
list.hoverBackground#000
list.inactiveSelectionBackground#000
sideBar.background#203040
sideBar.border#152535
sideBar.foreground#e6ac73
statusBar.background#152535
statusBar.foreground#e6ac73
tab.activeBackground#26394d
tab.activeForeground#e6ac73
tab.activeModifiedBorder#B05F5F
tab.inactiveBackground#152535
tab.inactiveModifiedBorder#A75353
tab.unfocusedActiveModifiedBorder#B05F5F
tab.unfocusedInactiveModifiedBorder#A75353
terminal.background#203040
terminal.foreground#e6ac73
titleBar.activeBackground#152535

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.function.xi, storage.type.rust, heading.1.markdown, keyword, keyword.operator.expression, keyword.operator.logical, keyword.operator.new, keyword.other.special-method.ruby, variable.language.this, variable.language.super.js, variable.language.self.lua, variable.parameter.function.language.special.self, variable.language.special.self, support.type.object.module.js, support.type.builtin.ts, support.constant.json.js, support.class.console.js, entity.name.tag, storage.modifier, storage.type.primitive, storage.type.ts, storage.type.tsx, storage.type.js, storage.type.function.js, storage.type.function.ts, storage.type.function.tsx, storage.type.function.python, storage.type.function.lambda.python, storage.type.class.js, storage.type.class.ts, storage.type.class.tsx, storage.type.class.python, storage.type.function.async.python, storage.type.built-in.primitive.c, storage.type.built-in.primitive.cpp, storage.type.built-in.cpp, storage.type.built-in.c, storage.type.type.ts, storage.type.type.tsx, constant.language.null, constant.language.boolean, constant.language.undefined, constant.language.nan, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, constant.language.ruby, constant.language.python	#E6E600	—
entity.name.class.xi, heading.2.markdown, support.function, keyword.other.special-method, meta.function-call.python, entity.name.function	#00b3b3	—
constant.character.character-class.regexp.xi, heading.3.markdown, meta.property-name, support.type.property-name, meta.object-literal.key, variable.other.property, variable.other.object.property, variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby, variable.other.readwrite.global.ruby, constant.language.symbol.hashkey, variable.object.property.js, entity.other.attribute-name.html, support.variable.property	#FF6666	—
constant.regexp.xi, heading.4.markdown, entity.other.inherited-class, support.class, storage.type.java, storage.type.object.array.java, storage.type.generic, support.constant.math.js, entity.name.type, support.type.primitive.ts, support.type.primitive.tsx, support.type.builtin.tsx, support.type.python, support.type.exception.python, entity.other.attribute-name.class.jade	#b366ff	—
meta.attribute.rust, support.other.macro.rust, keyword.control.xi, heading.5.markdown, constant, meta.decorator, support.constant.property.math.js, meta.property-value.css, meta.preprocessor, meta.declaration.annotation.java, meta.function.decorator.python, keyword.control.import.c, variable.other.enummember.ts, variable.other.enummember.tsx, variable.other.constant.ruby, entity.name.function.decorator.python, entity.name.function.preprocessor	#ff66ff	—
invalid.xi, heading.6.markdown, constant.numeric	#E60073	—
beginning.punctuation.definition.quote.markdown.xi, punctuation.definition.heading, storage.modifier.package.java, storage.modifier.import.java, string	#00E673	—
beginning.punctuation.definition.list.markdown.xi, comment, keyword.other.phpdoc, keyword.other.documentation.javadoc, punctuation.definition.comment, punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc, string.quoted.docstring.multi.python, variable.other.jsdoc	#6B8299	—
comment.accent	#6B8299	bold
constant.character.xi, string.other.link.title.markdown, meta.link	#66b2ff	—
accent.xi, entity.name.tag.template.html, entity.name.tag.script.html, entity.name.tag.style.html	#00E6E6	—
wikiword	#C2B19D	—
constant.other.color.rgb-value.xi, constant.language.import-export-all.tsx, beginning.punctuation.definition.list.markdown, punctuation, keyword.operator, keyword.control.ternary.java, meta.tag.xml, meta.tag.other.html, meta.brace.round, meta.brace.square, meta.structure.dictionary.json, storage.type.generic.wildcard, keyword.operator.logical.java, storage.type.function.arrow	#F0F0F0	—
punctuation.definition.tag.xi, punctuation.definition.tag, punctuation.definition.heading.markdown, meta.tag.other.html	#334D66	—
source.js, variable.parameter, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx, entity.other.attribute-name, meta.function-call.arguments.python, support.variable.object	#F0B16C	—
keyword.control.anchor.regexp, constant.character.escape	#66b3ff	—
text.xml, text.html.basic, text.html.vue-html	#F0F0F0	—

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