Anime Code Theme

Name: Anime Code Theme
Author: ViniciusDev26

Publisher: ViniciusDev26Themes in package: 1

Um tema dark inspirado em cores de anime com paleta pastel confortável para longas sessões de desenvolvimento

Open in VS Code GitHub

VS Code preview

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

Anime Code Theme — Anime Code

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#151221
activityBar.foreground#b8a4d4
activityBarBadge.background#9d7bd8
activityBarBadge.foreground#ffffff
commandCenter.background#1a1625
editor.background#1a1625
editor.foreground#d4c5e0
editor.selectionBackground#3d2f52
editor.selectionHighlightBackground#2d2438
editor.wordHighlightBackground#2d243855
editor.wordHighlightStrongBackground#3d2f5255
editorCursor.foreground#e891e8
editorGroupHeader.tabsBackground#1a1625
editorIndentGuide.activeBackground#3d2f52
editorIndentGuide.background#2a2435
editorLineNumber.activeForeground#8a7ca0
editorLineNumber.foreground#4a3f5c
editorWhitespace.foreground#2a2435
sideBar.background#1a1625
sideBar.foreground#b8a4d4
sideBarTitle.foreground#d4c5e0
statusBar.background#151221
statusBar.foreground#b8a4d4
statusBar.noFolderBackground#151221
tab.activeBackground#251f30
tab.activeForeground#d4c5e0
tab.hoverBackground#2a2435
tab.inactiveBackground#1a1625
tab.inactiveForeground#7a6d8f
titleBar.activeBackground#151221
titleBar.activeForeground#d4c5e0
titleBar.inactiveBackground#151221
titleBar.inactiveForeground#7a6d8f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7a6d8f	italic
variable, string constant.other.placeholder	#d4c5e0	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#e891e8	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#d89dd6	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#e89db0	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#a89dd8	—
meta.block variable.other	#c5a8d8	—
support.other.variable, string.other.link	#e89db0	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#e8b89d	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#d8b4a0	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#9dadd8	—
support.type	#b8c5d4	—
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	#b8c5d4	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#e89db0	—
variable.language	#e89db0	italic
entity.name.method.js	#8a7ca0	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#a0b8d8	—
entity.other.attribute-name	#c5a8d8	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#e8d0a0	italic
entity.other.attribute-name.class	#e8d0a0	—
source.sass keyword.control	#a0b8d8	—
markup.inserted	#b8d4a8	—
markup.deleted	#e89db0	—
markup.changed	#c5a8d8	—
string.regexp	#a0d4e8	—
constant.character.escape	#a0d4e8	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#a0b8d8	italic
source.js constant.other.object.key.js string.unquoted.label.js	#e89db0	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#c5a8d8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#e8d0a0	—
source.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	#e8b89d	—
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 support.type.property-name.json	#e89db0	—
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	#d8b4a0	—
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	#a0b8d8	—
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	#e89db0	—
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	#c5a8d8	—
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	#b8d4a8	—
text.html.markdown, punctuation.definition.list_item.markdown	#d4c5e0	—
text.html.markdown markup.inline.raw.markdown	#c5a8d8	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#7a6d8f	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#b8d4a8	—
markup.italic	#e89db0	italic
markup.bold, markup.bold string	#e89db0	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#e89db0	bold
markup.underline	#e8b89d	underline
markup.quote punctuation.definition.blockquote.markdown	#7a6d8f	—
markup.quote	—	italic
string.other.link.title.markdown	#a0b8d8	—
string.other.link.description.title.markdown	#c5a8d8	—
constant.other.reference.link.markdown	#e8d0a0	—
markup.raw.block	#c5a8d8	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#d4c5e0	—
variable.language.fenced.markdown	#7a6d8f	—
meta.separator	#7a6d8f	bold
markup.table	#d4c5e0	—

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