A dark, minimalistic theme inspired by the San Antonio Spurs Fiesta colors. 9 variations of the Fiesta tricolor (Classic, Pink, Turquoise, Sunset, Inverted, Vivid, Coral, High Contrast, AMOLED) — all WCAG AA.
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 |
|---|---|---|
| comment, comment.line, comment.block, punctuation.definition.comment | #A0A0A0 | italic |
| comment.block.documentation, comment.line.double-slash.documentation, source.go comment.block.documentation, source.rust comment.block.documentation, string.quoted.docstring | #B0C09A | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc | #B0C09A | italic |
| string, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.backtick, string.template, string.unquoted | #D8F0B0 | — |
| constant.character.escape, constant.character.entity, string.regexp, constant.other.character-class.regexp, punctuation.definition.string.regexp, keyword.operator.quantifier.regexp, meta.assertion.regexp, keyword.other.back-reference.regexp | #FFB840 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #FF5C8A | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #FFB840 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nil, constant.language.none, constant.language.true, constant.language.false | #FFB840 | — |
| constant.language, support.constant, variable.language.null, variable.language.undefined, variable.language.nan | #FFB840 | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.from, keyword.control.as, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.break, keyword.control.continue, keyword.control.exception, keyword.control.try, keyword.control.catch, keyword.control.finally, keyword.control.throw, keyword.control.raise, keyword.control.yield, keyword.control.async, keyword.control.await, keyword.control.match, keyword.control.case, keyword.control.switch, keyword.control.new, keyword.control.delete, keyword.control.typeof, keyword.control.instanceof, keyword.control.in, keyword.control.of, keyword.other, keyword.other.unit, keyword.other.important | #FF5C8A | — |
| storage.type, storage.modifier, keyword.declaration, keyword.declaration.function, keyword.declaration.class, keyword.declaration.interface, keyword.declaration.enum, keyword.declaration.struct, keyword.declaration.var, keyword.declaration.let, keyword.declaration.const, keyword.declaration.type, keyword.declaration.import, keyword.declaration.export, keyword.declaration.default, keyword.declaration.extends, keyword.declaration.implements | #FF5C8A | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.optional, keyword.operator.type, punctuation.separator.key-value | #C0C0C0 | — |
| punctuation, punctuation.terminator, punctuation.separator, punctuation.accessor, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.binding-pattern | #C0C0C0 | — |
| entity.name.function, meta.function entity.name.function, meta.definition.method entity.name.function | #00E5EA | — |
| meta.function-call entity.name.function, meta.function-call.generic entity.name.function, support.function | #00E5EA | — |
| entity.name.function.member, meta.method-call entity.name.function, support.function.method | #00E5EA | — |
| entity.name.class, entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.struct, entity.name.type.enum, entity.name.type.alias, entity.name.type.primitive, entity.name.type.namespace, support.class, support.type | #00E5EA | — |
| entity.other.inherited-class, meta.class entity.other.inherited-class | #00E5EA | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.assignment | #FFB840 | — |
| variable.parameter, meta.function.parameters variable.other, meta.function.parameter variable, meta.parameter variable | #FFB840 | italic |
| variable.other.property, variable.other.object.property, support.variable.property, entity.name.variable.field, meta.object-literal.key | #00E5EA | — |
| variable.language.this, variable.language.self, variable.language.super, variable.language.special.self, variable.language.special.cls | #FF5C8A | italic |
| variable.other.constant, entity.name.constant, variable.other.enummember, support.constant.math, support.constant.property-value | #FFB840 | — |
| entity.name.function.decorator, meta.decorator, punctuation.decorator, entity.name.type.annotation, meta.annotation, storage.type.annotation | #FFB840 | — |
| entity.name.tag, meta.tag entity.name.tag, support.class.component | #FF5C8A | — |
| entity.other.attribute-name, meta.tag entity.other.attribute-name | #00E5EA | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation | #C0C0C0 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, entity.name.tag.css, meta.property-name | #00E5EA | — |
| support.constant.property-value.css, constant.numeric.css, keyword.other.unit.css, meta.property-value | #FFB840 | — |
| entity.other.attribute-name.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #FFB840 | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss, keyword.control.at-rule.media.css, keyword.control.at-rule.keyframes.css | #FF5C8A | — |
| variable.scss, variable.other.scss, variable.other.less | #FFB840 | italic |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown, markup.heading punctuation.definition.heading | #FF5C8A | bold |
| markup.bold, punctuation.definition.bold | #FFFFFF | bold |
| markup.italic, punctuation.definition.italic | #FFFFFF | italic |
| markup.underline.link, string.other.link.title.markdown, meta.link.inline.markdown, punctuation.definition.link.markdown, constant.other.reference.link.markdown | #00E5EA | underline |
| markup.inline.raw, markup.fenced_code.block, punctuation.definition.raw.markdown | #D8F0B0 | — |
| punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown | #FF5C8A | — |
| markup.quote, punctuation.definition.blockquote.markdown | #A0A0A0 | italic |
| support.type.property-name.json, meta.object-literal.key.json, string.json meta.structure.dictionary.key.json | #00E5EA | — |
| string.quoted.double.json, meta.structure.dictionary.value.json string | #D8F0B0 | — |
| entity.name.tag.yaml, string.unquoted.plain.out.yaml, meta.mapping.key.yaml | #00E5EA | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #FFB840 | — |
| support.function.builtin.shell, keyword.control.shell, storage.modifier.shell | #FF5C8A | — |
| variable.other.normal.shell, variable.other.bracket.shell, variable.other.special.shell | #FFB840 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.drop.sql, keyword.other.sql, storage.modifier.sql | #FF5C8A | — |
| support.function.aggregate.sql, entity.name.function.sql, support.function.string.sql | #00E5EA | — |
| keyword.other.special-method.dockerfile, keyword.control.dockerfile, entity.name.function.target.makefile, storage.type.instruction.dockerfile | #FF5C8A | — |
| keyword.control.import.ts, keyword.control.from.ts, keyword.control.as.ts, keyword.control.export.ts, keyword.control.import.js, keyword.control.from.js, keyword.control.export.js | #FF5C8A | — |
| keyword.operator.type.annotation.ts, punctuation.separator.key-value.ts | #C0C0C0 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx | #C0C0C0 | — |
| storage.modifier.ts, storage.modifier.js, storage.modifier.tsx | #FF5C8A | — |
| entity.name.function.decorator.python, meta.function.decorator.python, punctuation.definition.decorator.python | #FFB840 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #FF5C8A | italic |
| support.function.builtin.python, meta.function-call.python support.function.builtin.python | #00E5EA | — |
| support.function.magic.python, entity.name.function.magic.python | #00E5EA | — |
| entity.name.import.go, keyword.import.go, keyword.package.go | #FF5C8A | — |
| keyword.channel.go, keyword.const.go, keyword.function.go, keyword.go, keyword.interface.go, keyword.map.go, keyword.struct.go, keyword.type.go, keyword.var.go | #FF5C8A | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #FFB840 | — |
| entity.name.function.macro.rust, support.function.std.rust, meta.macro.rust entity.name.function.rust | #FF5C8A | — |
| meta.attribute.rust, entity.name.function.attribute.rust, punctuation.definition.attribute.rust | #FFB840 | — |
| meta.declaration.annotation.java, punctuation.definition.annotation.java, storage.type.annotation.java | #FFB840 | — |
| storage.type.primitive.java, storage.type.java, storage.type.object.array.java | #00E5EA | — |
| entity.name.function.attribute.cs, meta.attribute.cs, punctuation.section.attribute.begin.cs, punctuation.section.attribute.end.cs | #FFB840 | — |
| keyword.other.cs, storage.type.cs, storage.modifier.cs | #FF5C8A | — |
| meta.preprocessor, keyword.control.directive, punctuation.definition.directive, keyword.control.directive.include, keyword.control.directive.define, keyword.control.directive.ifdef | #FF5C8A | — |
| entity.name.function.preprocessor.c, entity.name.function.preprocessor.cpp, meta.preprocessor.macro.c entity.name.function | #FFB840 | — |
| constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby | #FFB840 | — |
| support.function.kernel.ruby, support.class.ruby, support.type.ruby | #00E5EA | — |
| variable.other.php, variable.language.php | #FFB840 | — |
| support.function.builtin.php, support.function.string.php, support.function.math.php | #00E5EA | — |
| keyword.other.php, storage.type.php | #FF5C8A | — |
| invalid, invalid.illegal, invalid.deprecated | #E06C75 | strikethrough |
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}!`;
}