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 Another_Kolor_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+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#777777	—
comment, punctuation.definition.comment	#c8c2b2	—
constant.numeric	#ff6600	—
constant.language	#94539a	—
constant.character.entity, punctuation.definition.constant	#31AED8	—
support.constant	#31AED8	—
keyword, storage.control.matlab	#31AED8	—
keyword.other	#31AED8	—
keyword.operator -keyword.operator.dereference	#000	normal
storage.type	#9b16dd	—
variable, punctuation.definition.variable	#ba3182	—
variable.other, meta.variable.other.valid	#999	italic
variable.language, variable.parameter.function.language	#e0972b	italic
entity.other	#BDF4FF	—
meta.structure.dictionary meta.structure.dictionary.key, constant.other.object.key string	#c8c2b2	bold
meta.structure.dictionary.value	#c8c2b2	—
meta.class.identifier, entity.name.type.class, support.class, variable.other.class, entity.name.class	#e0972b	—
meta.method.identifier, meta.method-call, meta.method.declaration	#31AED8	—
meta.function entity.name.function, entity.name.function.abp, meta.prototype.function.js, entity.name.function.js, entity.name.function.makefile	#12b7b2	normal
meta.function-call, support.function.name, meta.function-call punctuation.definition.parameters, meta.function-call.method.without-arguments.js -meta.group.braces.round.function.arguments.js	#3fbd00	normal
meta.function-call.arguments	#FCD660	italic
variable.parameter.function	#dfaf17	italic
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string	#9b8e6d	—
string.quoted punctuation.definition.string.begin, string.quoted punctuation.definition.string.end, punctuation.definition.string	#669285	—

meta.class.instance.constructor	#e0972b	—
string.quoted.double.js	#9b8e6d	—
support.function.dom.js, support.function.js	#E23399	—
keyword.operator.js	#f36465	normal
source.js	#888	—


source.ruby	#888
variable.other.readwrite.instance.ruby, punctuation.definition.variable.ruby	#6bc76b	italic
source.ruby.embedded.source, punctuation.setting.embedded.ruby	#f36465	normal
text.html.ruby text.html.basic source.ruby.rails.embedded.html punctuation.section.embedded.ruby	#fa8c44	normal
constant.other.symbol.ruby, punctuation.definition.constant.ruby	#f36465	normal

	—	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#7d8caa	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#7d8caa	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#7d8caa	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#7d8caa	—
source.json meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary string	#7d8caa	—
source.json meta meta meta meta meta meta meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta meta meta meta meta meta meta.structure.dictionary string	#7d8caa	—
source.json meta meta meta meta meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta meta meta meta meta.structure.dictionary string	#7d8caa	—
source.json meta meta meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta meta meta.structure.dictionary string	#7d8caa	—
source.json meta meta meta.structure.dictionary string	#c4bfd5	—
source.json meta meta.structure.dictionary string	#7d8caa	—
	—	—
	—	—
meta.preprocessor	#c8c2b2	—
meta.preprocessor keyword	#c8c2b2	—
string.quoted.other.lt-gt.include	#c8c2b2	—
string.quoted.double.include	#c8c2b2	—
	—	—
meta.diff, meta.diff.header	#3278db	—
markup.deleted	#E63333	—
markup.changed	#F0E10E	—
markup.inserted	#1DB347	—
	—	—
string.quoted.double.html, string.quoted.single.html	#b8df47	—
constant.character.entity.html, constant.character.entity.html punctuation	#b8df47	—
meta.tag.sgml.doctype, entity.name.tag.doctype, meta.tag.sgml.html, punctuation.definition.tag.html	#ad976c	—
meta.tag, meta.tag entity	#3278db	—
entity.name.tag.script.html, entity.name.tag.script	#3278db	—
entity.name.tag.style.html	#3278db	—
punctuation.definition.tag	#3278db	—


	—	—
meta.tag.sgml, entity.name.tag.doctype	#736240	—
entity.other.attribute-name	#16abdd	—
string.quoted.double.html, string.quoted.single.html	#ed8b4a	—
punctuation.definition.string.begin.html, punctuation.definition.string.end.html	#16abdd	—
punctuation.definition.tag.begin, punctuation.definition.tag.end	#3278db	—
	—	—
meta.property-value support.constant.named-color.css, meta.property-value constant	#ff6600	—
meta.preprocessor.at-rule keyword.control.at-rule	#736240	—
source.css meta.attribute-selector keyword.operator.comparison	#ff6600	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.css punctuation	#e38bd5	—
meta.constructor.argument	#ffcc00	—
entity.other.attribute-name.id.css, entity.other.attribute-name.id.css punctuation	#E642A2	—
entity.other.attribute-name.pseudo-element	#FFAD73	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class	#FFAD73	—
support.type.property-name.css, meta.property-name	#0099cc	—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css	#ff6600	—
meta.selector.css	#3278db	—
entity.name.tag.css	#3278db	—
entity.name.tag.wildcard, entity.other.attribute-name.universal	#E5349B	—
keyword.other.unit	#ff6600	—
keyword.other.important.css	#ff6600	—
	—	—
comment.block.sass	#525252	—
entity.other.attribute-name.placeholder-selector.sass	#c8c2b2	—
entity.other.attribute-selector.sass	#c8c2b2	—
keyword.other.regex.sass	#c8c2b2	—
comment.punctuation.comma.sass	#c8c2b2	—
constant.other.color.rgb-value.css, meta.property-value.css constant.other.color.rgb-value.css, constant.other.color.rgb-value.css punctuation.definition.constant.css, meta.property-value.css constant.other.color.rgb-value.css punctuation.definition.constant.css	#c8c2b2
keyword.control.at-rule.css.sass	#42b03d	bold
entity.other.attribute-name.id.css.sass	#E642A2	—
comment.punctuation.semicolon.sass	#c8c2b2	—
source.scss sass-script-maps constant.other.color.rgb-value.css.sass	#000	—
	—	—
keyword.other.create.sql	#E5349B	—
storage.type.sql	#FCD660	—
storage.modifier.sql	#c8c2b2	—
constant.other.database-name.sql	#c8c2b2	—
	—	—
markup.heading	#000000	bold
markup.list.numbered.markdown	#E5349B	—
markup.list.unnumbered.markdown	#E5349B	—
markup.bold.markdown	—	bold
markup.italic.markdown	—	italic
punctuation.definition.italic.markdown, punctuation.definition.bold.markdown	#bab19a	bold italic
punctuation.definition.raw.markdown	#fa8c44	—
markup.raw.inline.markdown, markup.raw.block.markdown	#fa8c44	—
meta.block-level.markdown	#6A2B94	—
punctuation.definition.blockquote.markdown	#6A2B94	—
punctuation.definition.link.markdown	#6A2B94	—
string.other.link.description.markdown, string.other.link.title.markdown	#55b956	—
markup.underline.link.image.markdown, meta.link.inline.markdown	#719DD6	—
string.other.link.description.title.markdown	#cfa35f	—
constant.other.reference.link.markdown	#719DD6	—
markup.deleted.git_gutter	#E63333	—
markup.inserted.git_gutter	#1DB347	—
markup.changed.git_gutter	#F0E10E	—
	—	—
entity.name.filename.find-in-files	#c8c2b2	—
constant.numeric.line-number.match.find-in-files	#c8c2b2	—

keyword.other.name.sublime-settings	#c8c2b2	—
entity.other.control	#c8c2b2	—
constant.character.escape	#c8c2b2	—
storage.type.regexp.group, string meta.group.regexp punctuation.definition.group, punctuation.definition.group.regexp	#c8c2b2	bold italic
support.operator.quantifier	#c8c2b2
constant.numeric.key	#c8c2b2	bold
source.yaml-tmlanguage support.type	#c8c2b2	bold
source.yaml-tmlanguage keyword.other.match	#c8c2b2	—
source.yaml-tmlanguage keyword.other.name	#c8c2b2	—
source.yaml-tmlanguage meta.folding-marker keyword.other.folding-marker	#c8c2b2	—

sublimelinter.annotations	#c8c2b2	—
sublimelinter.outline.illegal	#c8c2b2	—
sublimelinter.underline.illegal	—	—
sublimelinter.outline.warning	#c8c2b2	—
sublimelinter.underline.warning	—	—
sublimelinter.outline.violation	#c8c2b2	—
sublimelinter.gutter-mark	#c8c2b2	—
sublimelinter.mark.error	#c8c2b2	—
sublimelinter.mark.warning	#c8c2b2	—

brackethighlighter.default	#c8c2b2	—
brackethighlighter.unmatched	#c8c2b2	—
brackethighlighter.curly	#c8c2b2	—
brackethighlighter.round	#c8c2b2	—
brackethighlighter.square	#c8c2b2	—
brackethighlighter.angle	#c8c2b2	—
brackethighlighter.tag	#c8c2b2	—
brackethighlighter.quote	#c8c2b2	—
brackethighlighter.c_define	#c8c2b2	—
brackethighlighter.bash	#c8c2b2	—

keyword.mathematics.matlab	#c8c2b2	—
gutter_color	#c8c2b2	—
block_cursor	#c8c2b2	—

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