Fantastique
Publisher: dougclayton4231Themes in package: 2
A colorful coding theme.
A colorful coding theme.
Full workbench mockup using this variant's colors and tokenColors.
Workbench UI color keys from the theme JSON colors map.
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #B3B3B3 | — |
| emphasis | — | italic |
| strong | — | bold |
| header, entity.name.tag.html, punctuation.definition.tag.begin.html | #34BDE8 | — |
| comment | #737373 |
TypeScript sample highlighted with this variant's colors and tokenColors.
| — |
| comment.block | #707A70 | — |
| keyword, keyword.token | #80B5E0 | — |
| constant.language.boolean, keyword.token.false, keyword.token.true | #4AE08C | — |
| constant.language.null, keyword.token.null | #ff7ae2 | — |
| constant.language.scope, keyword.control.scope | #F2CA27 | — |
| constant.other, support.constant, variable.other.constant | #F291C3 | bold |
| support.constant.trait, constant.language.trait, support.constant.attribute | #00D4D4 | — |
| constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #2eccb0 | bold |
| constant.numeric.hex.integer, constant.numeric.integer.binary, constant.numeric.integer.hexadecimal, constant.numeric.hex.float, constant.numeric.binary.integer, constant.other.color.rgb-value, constant.other.rgb-value, constant.character.hex-string | #FF936B | — |
| constant.regexp | #b3b3b3 | — |
| support.type.module, entity.name.namespace, variable.parameter.module, variable.parameter.import | #b3b3b3 | — |
| entity.name.function, support.function, support.function.any-method, support.constant.handlebars, variable.function, keyword.other.special-method, meta.function-call.generic.python, source.powershell variable.other.member | #9acd32 | — |
| storage.type, entity.name.function.constructor, entity.name.class.destructor, entity.name.class.postblit, support.type.vendored.property-name, support.type.property-name, source.coffee.embedded, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, support.function.git-rebase, meta.object-literal.key | #2BBBFE | — |
| entity.other.attribute, entity.name.class, entity.name.interface, entity.name.struct, entity.name.type, entity.name.union, entity.name.enum, entity.name.tag, constant.other.linkage, entity.name.type.enum | #D897F2 | — |
| entity.other.attribute-name | #70B7E7 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #e2a50e | — |
| invalid | #FB9656 | — |
| keyword.control | #FD8DB4 | — |
| keyword.control.branch.version | #2CC5A3 | — |
| keyword.control.conditional, keyword.control.branch, keyword.control.if, keyword.control.else, keyword.control.while, keyword.control.do, keyword.control.switch, keyword.control.final.switch, keyword.control.case, keyword.control.goto, keyword.control.with | #dda0dd | — |
| keyword.control.exception, support.type.cast | #ffd700 | — |
| keyword.control.loop, keyword.control.for, keyword.control.foreach, keyword.control.continue, keyword.control.break | #4add8c | — |
| keyword.other, keyword.control.synchronized, keyword.control.try, keyword.control.catch, keyword.control.throw, keyword.token.new | #f2a127 | — |
| keyword.operator | #b3b3b3 | — |
| keyword.operator.shift.d, keyword.operator.bitwise.d, keyword.operator.ternary.d | #00BDFC | — |
| markup.underline | — | underline |
| markup.bold | #2BBBFE | bold |
| markup.heading | #2BBBFE | bold |
| markup.italic | — | italic |
| markup.inserted | #98fb98 | — |
| markup.deleted | #f7ca18 | — |
| markup.changed | #41BEDD | — |
| punctuation.definition.quote.begin.markdown | #00C3C3 | — |
| punctuation.definition.list.begin.markdown | #00bfff | — |
| markup.inline.raw | #f1a9a0 | — |
| punctuation.definition.tag | #B0B0B0 | — |
| meta.preprocessor | #87B4E0 | — |
| meta.preprocessor.string | #f2a127 | — |
| meta.preprocessor.numeric | #2eccb0 | — |
| meta.structure.dictionary.key.python | #00ced1 | — |
| meta.diff.header | #51BAF3 | — |
| storage.type.modifier, storage.modifier, keyword.other.alias, storage.class | #2ecc91 | — |
| storage.modifier.attribute | #00C3C3 | — |
| storage.modifier.visibility | #f9bf3b | — |
| storage.type.function.arrow, keyword.operator.lambda | #b3b3b3 | — |
| storage.type.class | #2BBBFE | — |
| storage.type.enum | #dda0dd | — |
| storage.type.interface | #FF936B | — |
| storage.type.struct | #28CA58 | — |
| storage.type.union | #ffa07a | — |
| string, entity.name.operator.custom-literal.string | #f2ca27 | — |
| string.tag | #D7A48F | — |
| string.value | #ce9178 | — |
| string.regexp | #E29F9F | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #80B5E0 | — |
| meta.template.expression | #d4d4d4 | — |
| punctuation.definition.keyword | #a5c951 | — |
| constant.sha.git-rebase | #b5cea8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d4d4d4 | — |
| support.constant.pragma, keyword.control.mixin | #DCA720 | — |
| variable.parameter, variable.other.member, variable.other.object.property, support.constant.property, meta.function-call.arguments | #f1a9a0 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #CE9178 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #E29F9F | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #DCDCAA | — |
| keyword.operator.quantifier.regexp | #d7ba7d | — |
| token.info-token | #8DB1EE | — |
| token.warn-token | #e9c80c | — |
| token.error-token | #f32c2c | — |
| token.debug-token | #a444e9 | — |
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}!`;
}
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}!`;
}