Fruits Theme
Publisher: W4RH4WKThemes in package: 2
Another vibrant dark theme
Another vibrant dark 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 |
|---|---|---|
| comment, punctuation.definition.comment | #7A7A7A | — |
| keyword, entity.name.tag, storage, support.type.built-in, source.css support.type.property-name, source.css support.type.vendored.property-name, source.java keyword.control.new, source.shell support.function.builtin, source.makefile punctuation, source.makefile support.function.target, text.tex support.function | #569CD6 | — |
| entity.other.attribute-name, keyword.operator.address, keyword.operator.sigil, punctuation.separator.pointer-access, storage.modifier.reference, storage.modifier.pointer | #9CDCFE | — |
| constant, keyword.other.unit | #B5CEA8 | — |
| variable, entity.name.variable | #D4D4D4 | — |
| source.css variable, source.makefile variable, source.shell variable | #9CDCFE | — |
| string | #D69D85 | — |
| entity.name.type, entity.name.class, support.type, source.java storage.type, source.haskell storage.type | #FFD700 | — |
| entity.name.function, entity.name.operator, support.function | #FF8000 | — |
| keyword.control, source.rust keyword.operator.error-propagation | #F1025B | — |
| keyword.control.directive.include, keyword.control.include, keyword.control.preamble, source.java storage.modifier.package, source.go entity.name.package, source.haskell meta.declaration.module entity.name.namespace | #A6F102 | — |
| support, support.type.property-name, support.type.vendored.property-name, variable.other.property, variable.other.object.property | #9CDCFE | — |
| entity.name.namespace, entity.name.scope-resolution | #B5CEA8 | — |
| markup.underline | — | underline |
| markup.bold | #569CD6 | bold |
| markup.heading | #569CD6 | bold |
| markup.italic | — | italic |
| markup.inserted | #B5CEA8 | — |
| markup.deleted | #CE9178 | — |
| markup.changed | #569CD6 | — |
| markup.inline.raw | #CE9178 | — |
| punctuation.definition.quote.begin.markdown | #6A9955 | — |
| punctuation.definition.list.begin.markdown | #6796E6 | — |
| punctuation.definition.tag | #808080 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #569CD6 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #569CD6 | — |
| constant.regexp | #646695 | — |
| string.regexp | #D16969 | — |
| 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 | #D16969 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #DCDCAA | — |
| keyword.operator.quantifier.regexp | #D7BA7D | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| source.css support.constant | #D4D4D4 | — |
| source.css entity.other.attribute-name.class | #FFD700 | — |
| source.css entity.other.attribute-name.id | #A6F102 | — |
| source.css entity.name.tag | #569CD6 | — |
| source.css entity.name.tag | #DA70D6 | — |
| source.haskell entity.name.namespace | #D4D4D4 | — |
| source.java storage.modifier.import | #D4D4D4 | — |
| source.rust storage.modifier.lifetime | #A6F102 | — |
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}!`;
}