MultiTheme

Name: MultiTheme
Author: Arturo Arevalo

Publisher: Arturo ArevaloThemes in package: 336

A collection of themes ported from TextMate

Open in VS Code

Color themes

VS Code preview

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

MultiTheme — MultiTheme Brilliance_Dull

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+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#CDCDCD	—
meta.thomas_aylott	#000000	bold
meta.subtlegradient	#555555	underline
meta.subtlegradient	#E6E6E6	—
string -meta.tag -meta.doctype -string.regexp -string.literal -string.interpolated -string.quoted.literal -string.unquoted, variable.parameter.misc.css, text string source string, string.unquoted string, string.regexp string	#D2D1AB	—
punctuation.definition.string -meta.tag	#533F2C	—
string.regexp punctuation.definition.string, string.quoted.literal punctuation.definition.string, string.quoted.double.ruby.mod punctuation.definition.string	#FFF80033	—
string.quoted.literal, string.quoted.double.ruby.mod	#A6A458	—
string.unquoted -string.unquoted.embedded, string.quoted.double.multiline, meta.scope.heredoc	#D2BEAB	—
string.interpolated	#D2D1AB	—
string.regexp	#A6A458	—
string.regexp.group	—	—
string.regexp.group string.regexp.group	#FFFFFF66	—
string.regexp.group string.regexp.group string.regexp.group	#FFFFFF66	—
string.regexp.group string.regexp.group string.regexp.group string.regexp.group	#FFFFFF66	—
string.regexp.character-class	#80A659	—
string.regexp.arbitrary-repitition	#56A5A4	—
source.regexp keyword.operator	#A75980	—
string.regexp comment	#FFFFFF	italic
meta.group.assertion.regexp	—	—
meta.assertion, meta.group.assertion keyword.control.group.regexp	#5780A6	—
constant.numeric	#95A658	—
constant.character	#80A659	—
constant.language, keyword.other.unit, constant.other.java, constant.other.unit	#59A559	—
constant.language.pseudo-variable	#59A559	—
constant.other, constant.block	#57A57D	—
support.constant, constant.name	#56A5A4	—
—————————————————	—	—
variable.language, variable.other.readwrite.global.pre-defined	#5E6B6B	—
variable.other.constant	#56A5A4	—
support.variable	#56A5A4	—
variable.other.readwrite.global	#2B5252	—
variable.other, variable.js	#5780A6	—
variable.other.readwrite.class	#5780A6	—
variable.other.readwrite.instance	#555F69	—
variable.other.php, variable.other.normal	#555F69	—
punctuation.definition -punctuation.definition.comment, punctuation.separator.variable	#00000080	—
—————————————————	—	—
storage -storage.modifier	#A77D58	—
other.preprocessor, entity.name.preprocessor	—	—
variable.language.this.js	#666666	—
storage.modifier	#533F2C	—
entity.name.class, entity.name.type.class, entity.name.type.module	#A7595A	—
meta.class -meta.class.instance, declaration.class, meta.definition.class, declaration.module	#532D2D	—
support.type, support.class	#A7595A	—
entity.name.instance	#A7595A	—
meta.class.instance.constructor	—	—
entity.other.inherited-class, entity.name.module	#A75980	—
object.property.function, meta.definition.method	#A75980	—
meta.function -(meta.tell-block), meta.property.function, declaration.function	#532D40	—
entity.name.function, entity.name.preprocessor	#A75980	—
—————————————————	—	—
keyword	#A459A5	—
keyword.control	#A459A5	—
keyword.other.special-method, meta.function-call entity.name.function -(meta.function-call meta.function), support.function - variable	#8D809D	—
support.function - variable	#634683	—
keyword.operator, declaration.function.operator, meta.preprocessor.c.include	#7979B7	bold
keyword.operator.comparison	#9899C8
variable.parameter -variable.parameter.misc.css, meta.definition.method meta.definition.param-list, meta.function.method.with-arguments variable.parameter.function	#ABACD2	—
—————————————————	—	—
✘ HTML	—	—
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype	#CDCDCD	—
meta.tag	#333333	—
meta.tag.structure, meta.tag.segment	#666666	—
meta.tag.block, meta.tag.xml, meta.tag.key	#4C4C4C	—
meta.tag.inline	#A77D58	—
meta.tag.inline source	—	—
meta.tag.other, entity.name.tag.style, source entity.other.attribute-name -text.html.basic.embedded, entity.name.tag.script, meta.tag.block.script	#A7595A	—
meta.tag.form, meta.tag.block.form	#5780A6	—
meta.tag.meta	#A459A5	—
meta.section.html.head	—	—
meta.section.html.form	—	—
meta.tag.xml	#666666	—
entity.name.tag	#FFFFFF4D	—
entity.other.attribute-name, meta.tag punctuation.definition.string	#FFFFFF33	—
meta.tag string -source -punctuation, text source text meta.tag string -punctuation	#FFFFFF66	—
—————————————————	—	—
M markdown	—	—
markup markup -(markup meta.paragraph.list)	#A6A458	—
markup.hr	#000000	—
markup.heading	#666666	—
markup.bold	—	bold
markup.italic	—	italic
M strike	—	—
M add	—	—
M del	—	—
markup.underline	—	underline
meta.reference, markup.underline.link	#5780A6
entity.name.reference	#56A5A4	—
meta.reference.list markup.underline.link, text.html.textile markup.underline.link	#56A5A4	underline
markup.raw.block	#999999	—
markup.quote	—	—
—————————————————	—	—
source.css	—	—
meta.selector	#666666	—
meta.attribute-match.css	#575AA6	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class	#7C58A5	—
meta.selector entity.other.attribute-name.class	#A459A5	—
meta.selector entity.other.attribute-name.id	#A75980	—
meta.selector entity.name.tag	#A7595A
entity.name.tag.wildcard, entity.other.attribute-name.universal	#A77D58	bold
meta.scope.property-list	#333333	bold
meta.property-name	#999999
support.type.property-name	#FFFFFF
meta.property-value	#999999
—————————————————	—	—
text.latex	—	—
text.latex markup.raw	—	—
text.latex support.function -support.function.textit -support.function.emph	#BDABD1	—
text.latex support.function.section	#FFFFFFBF	—
text.latex entity.name.section -meta.group -keyword.operator.braces	#000000
text.latex constant.language.general	—	—
text.latex keyword.operator.delimiter	—	—
text.latex keyword.operator.brackets	#999999	—
text.latex keyword.operator.braces	#666666
meta.footnote	#0008FF4D	—
text.latex meta.label.reference	—
text.latex keyword.control.ref	#A7595A	—
text.latex variable.parameter.label.reference	#D2BEAB	—
text.latex keyword.control.cite	#A75980	—
variable.parameter.cite	#E8D5DE	—
text.latex variable.parameter.label	#FFFFFF80	—
text.latex meta.group.braces	#33333333	—
text.latex meta.environment.list	#33333333
text.latex meta.environment.list meta.environment.list	#33333333	—
text.latex meta.environment.list meta.environment.list meta.environment.list	#33333333	—
text.latex meta.environment.list meta.environment.list meta.environment.list meta.environment.list	#33333333	—
text.latex meta.environment.list meta.environment.list meta.environment.list meta.environment.list meta.environment.list	#33333333	—
text.latex meta.environment.list meta.environment.list meta.environment.list meta.environment.list meta.environment.list meta.environment.list	#33333333	—
text.latex meta.end-document, text.latex meta.begin-document, meta.end-document.latex support.function, meta.end-document.latex variable.parameter, meta.begin-document.latex support.function, meta.begin-document.latex variable.parameter	#000000	—
—————————————————	—	—
meta.brace.erb.return-value	#596B61	—
source.ruby.rails.embedded.return-value.one-line	—	—
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html	#56A5A4	—
source.ruby.rails.embedded.one-line	—	—
source string source punctuation.section.embedded	#555F69	—
source	—
meta.brace.erb	—	—
source string source	#FFFFFF	—
source string.interpolated source	#999999	—
source.java.embedded	—	—
text -text.xml.strict	#FFFFFF	—
text source, meta.scope.django.template	#CCCCCC	—
◊ Text Source Text String	—	—
text string source	#999999	—
◊ Text Source String Source	—	—
text string source string source	—	—
—————————————————	—	—
meta.syntax	#333333	—
invalid	#211211	bold
0comment	#8F8FC3	italic
comment punctuation	#0000FF1A	bold
comment	#333333	—
comment punctuation	#262626	bold italic
text comment.block -source	—	italic
—————————————————	—	—
markup.inserted	#81BB9E	—
markup.deleted	#BC839F	—
markup.changed	#C3C38F	—
text.subversion-commit meta.scope.changed-files, text.subversion-commit meta.scope.changed-files.svn meta.diff.separator	#FFFFFF	—
text.subversion-commit	#000000	—
—————————————————	—	—
punctuation.terminator, meta.delimiter, punctuation.separator.method	#FFFFFF	bold
punctuation.terminator.statement, meta.delimiter.statement.js	—	—
meta.delimiter.object.js	—	—
string.quoted.single.brace, string.quoted.double.brace	#533F2C	bold
—————————————————	—	—
text.blog -(text.blog text)	—	—
meta.headers.blog	#666666	—
meta.headers.blog keyword.other.blog	#192B2A
meta.headers.blog string.unquoted.blog	#533F2C	—
—————————————————	—	—
meta.brace.pipe	#4C4C4C
meta.brace.erb, source.ruby.embedded.source.brace, punctuation.section.dictionary, punctuation.terminator.dictionary, punctuation.separator.object	#4C4C4C	bold
meta.group.braces.curly punctuation.section.scope, meta.brace.curly	#FFFFFF	bold
punctuation.separator.objects, meta.group.braces.curly meta.delimiter.object.comma, punctuation.separator.key-value -meta.tag	#345743	bold
meta.group.braces.square punctuation.section.scope, meta.group.braces.square meta.delimiter.object.comma, meta.brace.square, punctuation.separator.array, punctuation.section.array	#695F55	bold
meta.brace.curly meta.group	#CDCDCD
meta.group.braces.round punctuation.section.scope, meta.group.braces.round meta.delimiter.object.comma, meta.brace.round	#532D40	bold
punctuation.section.function, meta.brace.curly.function, meta.function-call punctuation.section.scope.ruby	#ABACD2
meta.source.embedded, entity.other.django.tagbraces	#666666	—
source.js meta.group.braces.round, meta.scope.heredoc	—	—
meta.odd-tab.group1, meta.group.braces, meta.block.slate, text.xml.strict meta.tag, meta.tell-block meta.tell-block	—	—
meta.even-tab.group2, meta.group.braces meta.group.braces, meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag, meta.group.braces meta.group.braces, meta.tell-block meta.tell-block	—	—
meta.odd-tab.group3, meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block	—	—
meta.even-tab.group4, meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block	—	—
meta.odd-tab.group5, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block	—	—
meta.even-tab.group6, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block	—	—
meta.odd-tab.group7, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block	—	—
meta.even-tab.group8, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block	—	—
meta.odd-tab.group11, meta.odd-tab.group10, meta.odd-tab.group9, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block	—	—
meta.block.slate	#666666	—
meta.block.content.slate	#CDCDCD	—
—————————————————	—	—

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