Esmerald
Publisher: Esteban H. AcevedoThemes in package: 2
It's a beautiful theme
It's a beautiful theme
Full workbench mockup using this variant's colors and tokenColors.
Loading...
Workbench UI color keys from the theme JSON colors map.
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.other.reference.link.markdown | #5cb2ff | — |
| token.info-token | #6796e6 | — |
| constant.regexp | #646695 | — |
| meta.separator | #313f55 | bold |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown, variable.language.fenced.markdown | #313f55 | — |
| markup.quote punctuation.definition.blockquote.markdown | #1a2332 | — |
| invalid, token.error-token | #ff3e3e | — |
| #c8c8c8 | — | |
| meta.embedded, meta.template.expression, source.groovy.embedded, string meta.image.inline.markdown | #d4d4d4 | — |
| keyword.operator | #f4f4f4 | — |
| punctuation.definition.tag | #808080 | — |
| markup.raw.block.fenced.markdown, punctuation.definition.fenced.markdown | #00000050 | — |
| token.warn-token | #cd9731 | — |
| constant.character.escape, constant.other.color.rgb-value, constant.other.rgb-value, keyword.operator.negation.regexp, keyword.operator.quantifier.regexp, markup.deleted, markup.inline.raw, meta.preprocessor.string, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, punctuation.definition.character-class.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.group.regexp, string.tag, string.value, support.constant.color, support.constant.font-name, support.constant.media, support.constant.media-type, support.constant.property-value, support.other.parenthesis.regexp | #ce9178 | — |
| constant.numeric.decimal.go | #fcb0b0 | — |
| keyword.control.anchor.regexp, keyword.operator.or.regexp | #dcaaaa | — |
| punctuation.definition.string.begin.astro, punctuation.definition.string.end.astro, punctuation.definition.tag.begin.html, punctuation.definition.tag.begin.js.jsx, punctuation.definition.tag.end.html, punctuation.definition.tag.end.js.jsx, punctuation.separator.key-value.astro | #a33c3c | — |
| meta.function-call.arguments.python, variable.other.property.go, variable.parameter | #4fc1ff | — |
| constant.character, constant.character.escape.python, constant.other.option, keyword.operator, markup.changed, meta.diff.header, meta.fstring.python string.interpolated.python string.quoted.single.python storage.type.string.python, meta.preprocessor, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.terminator.statement, text.html.derivative string.quoted.double.html, text.html.django meta.tag.block.any.html, text.html.django meta.tag.block.any.html string.quoted.double.html, text.html.django meta.tag.block.any.html string.quoted.double.html punctuation.definition.string.begin.html, text.html.django meta.tag.block.any.html string.quoted.double.html punctuation.definition.string.end.html, text.html.django meta.tag.inline.any.html, text.html.django meta.tag.inline.any.html string.quoted.double.html, text.html.django meta.tag.inline.any.html string.quoted.double.html punctuation.definition.string.begin.html, text.html.django meta.tag.inline.any.html string.quoted.double.html punctuation.definition.string.end.html, text.html.jinja punctuation.definition.string, text.html.jinja string.quoted.double.html, variable.parameter.function.language.special.cls.python, variable.parameter.function.language.special.self.python | #569cd6 | — |
| markup.italic | #569cd6 | italic |
| markup.bold, markup.heading | #569cd6 | bold |
| markup.underline.link.markdown, punctuation.definition.metadata.markdown, punctuation.separator.key-value.html, punctuation.terminator.statement, text.html.derivative punctuation.definition.string | #2a6696 | — |
| constant.language, constant.language.python, constant.other.placeholder, entity.name.variable, entity.other.attribute-name, heading.4.markdown, heading.4.markdown punctuation.definition.heading.markdown, meta.definition.variable.name, meta.object-literal.key, meta.structure.dictionary.key.python, source.coffee.embedded, source.css variable, string.other.link.title.markdown, support.function.git-rebase, support.type.property-name, support.type.vendored.property-name, support.variable, variable, variable.other.constant, variable.other.enummember | #9cdcfe | — |
| invalid.deprecated.entity.other.attribute-name.html | #9cdcfe | strikethrough |
| entity.name.function, entity.name.operator.custom-literal, entity.name.tag.css, entity.name.tag.less, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.scss, heading.3.markdown, heading.3.markdown punctuation.definition.heading.markdown, keyword.operator.getter.django, meta.arrow.js meta.block.js meta.brace.round.js, meta.function.decorator.python entity.name.function.decorator.python, meta.function.js meta.block.js meta.brace.round.js, meta.function.js meta.parameters.js punctuation.definition.parameters.begin.js, meta.function.js meta.parameters.js punctuation.definition.parameters.end.js, meta.variable.structure.django, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.decorator.python, punctuation.definition.list.begin.markdown, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.section.function.begin.python, punctuation.separator.annotation.result.python, punctuation.separator.arguments.python, punctuation.separator.parameters.python, source.css entity.other.attribute-name.class, source.css entity.other.attribute-name.pseudo-class, source.css.less entity.other.attribute-name.id, source.powershell variable.other.member, storage.type.function.arrow.js, support.constant.handlebars, support.function, text.html.django meta.tag.inline.any.html string.quoted.double.html storage.type.templatetag.django string.quoted.single.html punctuation.definition.string.begin.html, text.html.django storage.type.templatetag.django string.unquoted.tag-string.django, text.html.django storage.type.variable.django string.unquoted.tag-string.django, variable.other.django | #ffda96 | — |
| text.html.derivative string.quoted.double.html meta.tag.structure.django | #ffda96 | |
| meta.fstring.python punctuation.definition.string.begin.python string.interpolated.python string.quoted.single.python, meta.fstring.python punctuation.definition.string.end.python string.interpolated.python string.quoted.single.python, punctuation.definition.quote.begin.markdown, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, string.quoted.double.js punctuation.definition.string.begin.js, string.quoted.double.js punctuation.definition.string.end.js, string.quoted.single.python punctuation.definition.string.begin.python, string.quoted.single.python punctuation.definition.string.end.python, text.html.django meta.tag.inline.any.html string.quoted.double.html storage.type.templatetag.django string.quoted.single.html punctuation.definition.string.begin.html, text.html.django meta.tag.inline.any.html string.quoted.double.html storage.type.templatetag.django string.quoted.single.html punctuation.definition.string.end.html | #82a35d | — |
| markup.inline.raw.string.markdown, punctuation.definition.string.begin.python, punctuation.definition.string.end.python, string, string.quoted, string.quoted.double.python, string.quoted.single.python, string.regexp.quoted.single.python, string.template, string.unquoted | #ccfa97 | — |
| entity.name.class, entity.name.namespace, entity.name.tag, entity.name.type, entity.other.attribute, heading.2.markdown, heading.2.markdown punctuation.definition.heading.markdown, keyword.control, keyword.control.flow.python, keyword.control.import.go, keyword.control.import.python, keyword.map.go, keyword.operator.expression.of.js, keyword.operator.logical.python, keyword.operator.new.js, keyword.package.go, keyword.struct.go, keyword.type.go, keyword.var.go, markup.bold, markup.bold string, meta.function.js meta.block.js meta.block.js meta.var.expr.js keyword.control.flow.js, meta.var.expr.js storage.type, source.go keyword.function, storage, storage.modifier, storage.modifier.async.js, storage.modifier.declaration.python, storage.type, storage.type.class.python, storage.type.function.async.python, storage.type.function.js, storage.type.function.python | #ff8f8f | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff8f8f | italic |
| entity.name.type.class, entity.other.inherited-class, meta.function-call.arguments.python punctuation.definition.list.begin.python, meta.function-call.arguments.python punctuation.definition.list.end.python, meta.function.python punctuation.definition.list.begin.python, meta.function.python punctuation.definition.list.end.python, meta.item-access.python punctuation.definition.arguments.begin.python, meta.item-access.python punctuation.definition.arguments.end.python, meta.tag.structure.django support.type.tag.begin.django, meta.tag.structure.django support.type.tag.end.django, meta.type.cast.expr, meta.type.new.expr, meta.variable.structure.django support.type.variable.begin.django, meta.variable.structure.django support.type.variable.end.django, punctuation.accessor.js, punctuation.definition.begin.bracket.curly.go, punctuation.definition.begin.bracket.round.go, punctuation.definition.end.bracket.curly.go, punctuation.definition.end.bracket.round.go, storage.type.customtemplatetag.django, storage.type.templatetag.django, storage.type.templatetag.django entity.tag.tagbraces.django, storage.type.variable.django, support.class, support.constant.dom, support.constant.json, support.constant.math | #5deed1 | — |
| keyword.control.django, keyword.control.go, keyword.operator.address.go, keyword.operator.logical.js.jsx, markup.raw.block, string.other.link.description.title.markdown, text.html.django storage.type.templatetag.django keyword.operator.django, text.html.markdown markup.inline.raw.markdown, token.debug-token | #caacf1 | — |
| markup.underline | #caacf1 | underline |
| comment, comment.block.html, comment.line.number-sign.python, fenced_code.block.language, markup.fenced_code.block.markdown punctuation.definition.markdown, markup.italic.markdown punctuation.definition, punctuation.definition.bold.markdown, punctuation.definition.comment, punctuation.definition.comment.html, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.raw.markdown, string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python | #627ab6 | italic |
| comment.block, string.quoted.docstring.multi.python, string.quoted.docstring.single.python | #889eda | — |
| markup.bold markup.italic, markup.bold markup.italic string, markup.italic markup.bold, markup.italic markup.bold string, markup.quote markup.bold, markup.quote markup.bold string | #a4b1cd | bold |
| constant.character.escape.regexp, constant.numeric, keyword.operator.arithmetic.js, keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.bitwise.python, keyword.operator.comparison.go, keyword.operator.comparison.js, keyword.operator.comparison.python, keyword.operator.logical.js, keyword.operator.spread.js, keyword.operator.ternary.js, keyword.operator.unpacking.arguments.python, markup.bold.markdown, markup.italic.markdown, markup.raw.block.fenced.markdown, markup.table, meta.function-call.arguments.python keyword.operator.assignment.python, meta.function-call.generic.python, meta.function.parameters.python punctuation.definition.list.begin.python, meta.function.parameters.python punctuation.definition.list.end.python, meta.function.python punctuation.definition.list.begin.python, meta.function.python punctuation.definition.list.end.python, punctuation.definition, punctuation.definition.list_item.markdown, punctuation.section.class.end, punctuation.separator, punctuation.separator.annotation.python, punctuation.separator.colon.python, punctuation.separator.dict.python, punctuation.separator.period.python, text.html.markdown, variable.language.fenced.markdown | #a4b1cd | — |
| constant.language.boolean.go, constant.other.ellipsis.python, entity.name.label, entity.name.namespace, entity.name.type.module.js, heading.1.markdown, heading.1.markdown punctuation.definition.heading.markdown, keyword.operator.assignment, keyword.operator.assignment.python, meta.arrow.js meta.parameters.js punctuation.definition.parameters.begin.js, meta.arrow.js meta.parameters.js punctuation.definition.parameters.end.js, meta.brace.square.js, meta.jsx.children.js.jsx, meta.objectliteral.js punctuation.definition.block.js, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.separator.arguments.python, punctuation.separator.element.python, punctuation.separator.slice.python, source.astro meta.embedded.expression.astro, source.go keyword.operator.assignment, text.astro, text.html.derivative, text.html.django, text.html.jinja | #ffffff | — |
| entity.name.type.package.go | #ffffff | |
| markup.fenced_code.block.markdown | #a7c075 | — |
| constant.character.character-class.regexp, constant.character.set.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp, string.regexp | #d2ff77 | — |
| entity.name.import.go | #d2ff77 | italic |
| constant.sha.git-rebase, keyword.other.unit, markup.inserted, meta.preprocessor.numeric | #b5cea8 | — |
| emphasis, markup.italic, markup.quote | — | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| strong | — | bold |
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}!`;
}