Dark Autumn Frost Theme

Name: Dark Autumn Frost Theme
Author: fimius

Publisher: fimiusThemes in package: 1

VSCode dark theme with autumn colors and a little bit of frost

Open in VS Code GitHub

VS Code preview

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

Dark Autumn Frost Theme — Dark Autumn Frost

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+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#0F0700
activityBarBadge.background#074C76
dropdown.background#0F0700
editor.background#0F0700
editor.foreground#FFF2CF
editorGroup.background#0F0700
sideBar.background#0F0700
sideBarTitle.foreground#FFF2CF
tab.activeBackground#074C76
tab.inactiveBackground#0F0700

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#FFF2CF	—
emphasis, markup.italic	—	italic
strong	—	bold
url, link, uri	—	underline
invalid, invalid.illegal, invalid.deprecated	#FFF2CF	—
comment, comment.block.documentation, markup.quote punctuation.definition.blockquote.markdown, punctuation.definition.block.tag.jsdoc, punctuation.definition.comment, storage.type.class.jsdoc	#949494	normal
constant.character, constant.character.escape, constant.character.escape.js, constant.character.escape.json, constant.escape, constant.language, constant.numeric, constant.other, constant.other.color, constant.other.color.rgb-value, constant.other.key, constant.other.rgb-value, constant.other.rgb-value.less, constant.other.rgb-value.sass, constant.other.symbol, constant.regexp, entity.name.module.js, header, keyword.control, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, keyword.other, keyword.other.substitution, keyword.other.template, meta.image.inline.markdown punctuation.definition.string.begin.markdown, meta.image.inline.markdown punctuation.definition.string.end.markdown, meta.link.reference.markdown punctuation.definition.string.begin, meta.link.reference.markdown punctuation.definition.string.end, meta.link.reference.markdown string.other.link.title.markdown, meta.property-value.css, punctuation.definition.keyword.css, punctuation.definition.keyword.less, punctuation.definition.keyword.scss, source.css.less constant.other.rgb-value.css, source.js constant.other.object.key.js string.unquoted.label.js, storage.modifier.import.java, storage.modifier.package.java, string.other.link, string.regexp keyword.operator, string.regexp keyword.other, string.regexp punctuation.definition, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end, string.regexp, string.regexp.js, string.regexp.ts, support.constant, support.constant.color, support.constant.dom, support.constant.font-name, support.constant.json, support.constant.math, support.constant.media, support.constant.media-type, support.constant.property-value, support.constant.property-value.css, support.constant.property-value.less, support.constant.property-value.scss, variable.import.parameter.js, variable.other.class.js	#074C76	normal
constant.numeric.css, constant.numeric.scss, constant.other.unit.less, constant.other.unit.sass, entity, entity.other.attribute-name, entity.other.attribute-name.tag.jade, entity.other.attribute-name.tag.pug, keyword.other.unit, keyword.other.unit.css, keyword.other.unit.less, keyword.other.unit.scss, meta.tag.inline.any.html, text.html.basic entity.other.attribute-name, text.html.basic entity.other.attribute-name.html	#DC5F37	normal
entity.other.attribute-name.attribute.scss, entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.class.mixin.sass, entity.other.attribute-name.class.sass, entity.other.attribute-name.id.css, entity.other.attribute-name.id.sass, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent-selector.sass, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.sass, entity.other.attribute-name.scss, punctuation.definition.entity.css, source.css entity.other.attribute-name.id, source.sass entity.other.attribute-name.id	#DC5F37	italic
markdown.heading, markup.bold markup.italic string, markup.bold markup.italic, markup.bold string, markup.bold, markup.heading \| markup.heading entity.name, markup.heading.markdown entity.name, markup.heading.markdown punctuation.definition.heading.markdown, markup.italic markup.bold string, markup.italic markup.bold, markup.quote markup.bold string, markup.quote markup.bold	#DC5F37	bold
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, entity.name.function, keyword.other.special-method, markup.changed, markup.deleted, markup.inline.raw, markup.inserted, meta.class-method.js entity.name.function.js, meta.function-call, punctuation.decorator, punctuation.definition.string.begin.html, punctuation.definition.string.begin.jade, punctuation.definition.string.begin.pug, punctuation.definition.string.end.html, punctuation.definition.string.end.jade, punctuation.definition.string.end.pug, string.other.link.title.markdown, string.quoted.double.css, string.quoted.double.html, string.quoted.double.less, string.quoted.double.scss, string.quoted.jade, string.quoted.pug, support, support.function, text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown, text.html.markdown markup.inline.raw.markdown, text.html.markdown markup.inline.raw.string.markdown punctuation.definition.raw.markdown, variable.function, variable.function.constructor	#B98800	normal
entity.name.tag, entity.name.tag.css, entity.name.tag.jade, entity.name.tag.pug, entity.other.attribute-name.class, entity.other.attribute-name.class.jade, entity.other.attribute-name.class.pug, markup, meta.block variable.other, meta.definition.variable.name, meta.link.inline.markdown punctuation.definition.metadata.markdown, meta.method.declaration variable.other.readwrite, 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 punctuation.support.type.property-name.begin.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 punctuation.support.type.property-name.end.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, meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.begin.json, meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.end.json, meta.structure.dictionary.json support.type.property-name.json, meta.tag, meta.tag.jade, meta.tag.pug, punctuation.section.embedded, punctuation.separator.inheritance.php, punctuation.separator.key-value.html, punctuation.separator.key-value.jade, punctuation.separator.key-value.pug, source.css.less keyword.control.html.elements, source.sass keyword.control, source.sass keyword.control.untitled, source.sass variable.parameter.url, string constant.other.placeholder, support.other.variable, support.type.property-name, support.type.vendored.property-name, support.variable, token.debug-token, variable, variable.css, variable.other.less, variable.parameter.misc.css, variable.parameter.sass, variable.scss	#8B3C23	normal
meta.at-rule.include.scss, meta.method.declaration variable.other.object, variable.parameter	#8B3C23	italic
constant.other.reference.link.markdown, entity.name.function.less, entity.name.function.scss, keyword, keyword.control.at-rule.import.less punctuation.definition.keyword.less, keyword.control.at-rule.import.less punctuation.definition.keyword.less, keyword.control.at-rule.import.less, keyword.control.at-rule.import.scss punctuation.definition.keyword.scss, keyword.control.at-rule.import.scss punctuation.definition.keyword.scss, keyword.control.at-rule.import.scss, keyword.control.at-rule.include.less punctuation.definition.keyword.less, keyword.control.at-rule.include.less punctuation.definition.keyword.less, keyword.control.at-rule.include.less, keyword.control.at-rule.include.scss punctuation.definition.keyword.scss, keyword.control.at-rule.include.scss punctuation.definition.keyword.scss, keyword.control.at-rule.include.scss, keyword.control.conditional, keyword.control.flow, keyword.control.loop, keyword.control.trycatch, keyword.operator, keyword.operator.expression, keyword.operator.less, keyword.operator.new, keyword.operator.scss, keyword.other.default.less, keyword.other.default.scss, keyword.other.important.less, keyword.other.important.scss, keyword.other.less, keyword.other.scss, meta.link.reference.markdown punctuation.definition.constant.begin.markdown, meta.link.reference.markdown punctuation.definition.constant.end.markdown, 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 punctuation.support.type.property-name.begin.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 punctuation.support.type.property-name.end.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, 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 punctuation.support.type.property-name.begin.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 punctuation.support.type.property-name.end.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, meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.begin.json, meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.end.json, meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, punctuation.definition.constant.markdown, source.css.less support.function	#B96600	normal
meta.object-literal.key entity.name.function, meta.object-literal.key, punctuation.definition.block.tag.jsdoc, storage, storage.modifier, storage.type, storage.type.annotation.groovy, storage.type.annotation.java, storage.type.class.jsdoc, storage.type.cs, storage.type.generic.cs, storage.type.generic.groovy, storage.type.generic.java, storage.type.groovy, storage.type.java, storage.type.modifier.cs, storage.type.object.array.groovy, storage.type.object.array.java, storage.type.parameters.groovy, storage.type.primitive.array.groovy, storage.type.primitive.array.java, storage.type.primitive.groovy, storage.type.primitive.java, storage.type.token.java, storage.type.variable.cs, string.other.link.description.title.markdown	#8B5C23	normal
markup.changed.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.object-literal.key string.quoted.double, meta.object-literal.key string.quoted.single, meta.structure.dictionary.value.json string.quoted.double.json punctuation.definition.string.begin.json, meta.structure.dictionary.value.json string.quoted.double.json punctuation.definition.string.end.json, meta.structure.dictionary.value.json string.quoted.double.json, punctuation.definition.string.begin, punctuation.definition.string.begin.js, punctuation.definition.string.end, punctuation.definition.string.end.js, punctuation.definition.string.template, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, string, string.quoted.double, string.quoted.single, string.tag, string.value	#DC9237	normal
entity.name, entity.name.class, entity.name.tag.custom.css, entity.name.tag.custom.less, entity.name.tag.custom.scss, entity.name.type, entity.other.inherited-class, entity.other.inherited-class, markup.fenced_code.block.markdown comment, markup.fenced_code.block.markdown comment.block, markup.fenced_code.block.markdown comment.block.documentation, markup.fenced_code.block.markdown comment.block.documentation.java, markup.fenced_code.block.markdown comment.block.documentation.js, markup.fenced_code.block.markdown constant, markup.fenced_code.block.markdown constant.numeric, markup.fenced_code.block.markdown constant.numeric.decimal, markup.fenced_code.block.markdown entity, markup.fenced_code.block.markdown entity.name, markup.fenced_code.block.markdown entity.name.function, markup.fenced_code.block.markdown entity.name.tag, markup.fenced_code.block.markdown entity.name.type, markup.fenced_code.block.markdown entity.other, markup.fenced_code.block.markdown entity.other.attribute-name, markup.fenced_code.block.markdown keyword, markup.fenced_code.block.markdown keyword.control, markup.fenced_code.block.markdown keyword.operator, markup.fenced_code.block.markdown keyword.operator.arithmetic, markup.fenced_code.block.markdown keyword.operator.arithmetic.js, markup.fenced_code.block.markdown meta.method.declaration meta.var.expr variable.other.readwrite, markup.fenced_code.block.markdown meta.object-literal.key, markup.fenced_code.block.markdown meta.structure, markup.fenced_code.block.markdown meta.structure.dictionary.value.json string.quoted.double.json, markup.fenced_code.block.markdown meta.tag, markup.fenced_code.block.markdown punctuation, markup.fenced_code.block.markdown punctuation.definition.comment, markup.fenced_code.block.markdown punctuation.definition.string.begin.html, markup.fenced_code.block.markdown punctuation.definition.string.begin.js, markup.fenced_code.block.markdown punctuation.definition.string.begin.json, markup.fenced_code.block.markdown punctuation.definition.string.end.html, markup.fenced_code.block.markdown punctuation.definition.string.end.js, markup.fenced_code.block.markdown punctuation.definition.string.end.json, markup.fenced_code.block.markdown punctuation.definition.tag, markup.fenced_code.block.markdown punctuation.definition.tag.begin.html, markup.fenced_code.block.markdown punctuation.definition.tag.end.html, markup.fenced_code.block.markdown punctuation.definition.tag.html, markup.fenced_code.block.markdown storage, markup.fenced_code.block.markdown storage.type, markup.fenced_code.block.markdown string, markup.fenced_code.block.markdown string.quoted.double, markup.fenced_code.block.markdown string.quoted.double.html, markup.fenced_code.block.markdown string.quoted.double.json, markup.fenced_code.block.markdown string.quoted.single, markup.fenced_code.block.markdown support, markup.fenced_code.block.markdown support.function, markup.fenced_code.block.markdown support.type.property-name.json, markup.fenced_code.block.markdown support.variable, markup.fenced_code.block.markdown variable, markup.fenced_code.block.markdown variable.other, markup.fenced_code.block.markdown variable.other.object, markup.fenced_code.block.markdown variable.other.object.property, markup.fenced_code.block.markdown variable.other.property, markup.fenced_code.block.markdown variable.other.readwrite, markup.fenced_code.block.markdown variable.parameter, markup.fenced_code.block.markdown, markup.inserted.git_gutter, markup.raw.block, markup.raw.block.fenced.markdown, markup.raw.block.fenced.markdown, meta.diff.header, meta.function-call.constructor variable.type, meta.preprocessor, meta.preprocessor.numeric, meta.preprocessor.string, meta.return-type, meta.return.type, meta.selector, 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 punctuation.support.type.property-name.begin.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 punctuation.support.type.property-name.end.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, 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 punctuation.support.type.property-name.begin.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 punctuation.support.type.property-name.end.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, 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 punctuation.support.type.property-name.begin.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 punctuation.support.type.property-name.end.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, meta.structure.dictionary.key.python, meta.type.cast.expr, meta.type.new.expr, meta.type.tuple meta.brace.square, meta.use.php, punctuation.definition.fenced.markdown, punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.section.class.end, storage.type.function.arrow, support.class, support.class, support.function.git-rebase, support.orther.namespace.use.php, support.other.namespace.php, support.type, support.type, support.type.sys-types, this.self, token.info-token, variable.language, variable.language.fenced.markdown, variable.language.this	#5A96BA	normal
entity.name.method.js, meta.tag.other entity.name.tag.jade, meta.tag.other entity.name.tag.other, meta.tag.other entity.name.tag.pug, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#5A96BA	italic
constant.character.escape, keyword.operator.arithmetic, keyword.operator.css, markup.table, meta.method.declaration support.variable, 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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.begin.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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.end.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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, punctuation, punctuation.definition.list_item.markdown, punctuation.definition.parameters.begin.bracket.round.css, punctuation.definition.parameters.begin.bracket.round.scss, punctuation.definition.parameters.end.bracket.round.css, punctuation.definition.parameters.end.bracket.round.scss, punctuation.definition.string.begin.json - meta.structure.dictionary.value.json, punctuation.definition.string.end.json - meta.structure.dictionary.value.json, punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html, punctuation.section.function, punctuation.section.function.css, punctuation.section.function.scss, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.scss, punctuation.section.property-list.scss, punctuation.separator.key-value.css, punctuation.separator.key-value.scss, punctuation.terminator.rule.css, punctuation.terminator.rule.scss, source.css.less meta.brace.curly.js, source.css.less meta.brace.round.js, text.html.markdown, variable.other.constant.object.property, variable.other.constant.property, variable.other.object.property, variable.other.property	#FFF2CF	normal
source.css support.type.property-name, source.less support.type.property-name, source.postcss support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.stylus support.type.property-name, support.type.property-name, support.type.property-name.css, support.type.property-name.scss, token.warn-token	#DCBC63	normal
text.html.markdown meta.dummy.line-break		normal
markup.underline	—	underline
markup.quote	—	italic
meta.separator	#949494	bold
constant.sha.git-rebase, token.error-token	#DC3F37	normal

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