Sun Theme
Publisher: daniloBrayannThemes in package: 1
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 |
|---|---|---|
| — | #b392f0 | — |
| support.function, keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block | #b392f0 | — |
| emphasis | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | #FF7A84 | bold |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #1976D2 | underline |
| string, markup.fenced_code, markup.inline | #9db1c5 | — |
| comment, string.quoted.docstring.multi | #6b737c | — |
| constant.language, variable.language.this, variable.other.object, variable.other.class, variable.other.constant, meta.property-name, support, string.other.link.title.markdown | #21b433 | — |
| constant.numeric, constant.other.placeholder, constant.character.format.placeholder, meta.property-value, keyword.other.unit, keyword.other.template, entity.name.tag.yaml, entity.other.attribute-name, support.type.property-name.json | #f8f8f8 | — |
| keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, punctuation.separator.key-value, punctuation.definition.template-expression | #75acfa | — |
| variable.parameter.function | #FF9800 | — |
| entity.name.type, entity.other.inherited-class, meta.function-call, meta.instance.constructor, entity.other.attribute-name, entity.name.function, constant.keyword.clojure | #92e5f0 | — |
| entity.name.tag, string.quoted, string.regexp, string.interpolated, string.template, string.unquoted.plain.out.yaml, keyword.other.template | #f8fe97 | — |
| token.info-token | #316bcd | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #800080 | — |
| punctuation.definition.arguments, punctuation.definition.dict, punctuation.separator, meta.function-call.arguments | #bbbbbb | — |
| markup.underline.link | #ffab70 | — |
| beginning.punctuation.definition.list.markdown | #FF7A84 | — |
| punctuation.definition.metadata.markdown | #ffab70 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #79b8ff | — |
| entity.name.type.class, support.class | #d68dbf | — |
| keyword.operator.new | #b392f0 | — |
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}!`;
}