A Visual Studio Code theme for the Greative Theme out there. The Greative means Great+ Creative work. The Color choices have taken into consideration what is accessible to people with colorblindness and in low-light circumstances. Decisions were also based on meaningful contrast for reading compreh
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 |
|---|---|---|
| — | #a2bffc | — |
| comment | #797979 | — |
| string | #9e8741 | — |
| constant.numeric | #9e86c8 | — |
| constant.language, punctuation.definition.constant, variable.other.constant | #a2bffc | — |
| constant.character, constant.other | #a2bffc | — |
| constant.character.escape | #F78C6C | — |
| string.regexp, string.regexp keyword.other | #5ca7e4 | — |
| meta.function punctuation.separator.comma | #5f7e97 | — |
| variable | #c5e478 | — |
| punctuation.accessor, keyword | #c792ea | |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #c792ea | |
| storage.type | #c792ea | — |
| storage.type.function.arrow.js | — | |
| entity.name.class, meta.class entity.name.type.class | #ffcb8b | — |
| entity.other.inherited-class | #c5e478 | — |
| entity.name.function | #c792ea | |
| punctuation.definition.tag, meta.tag | #7fdbca | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #caece6 | |
| entity.other.attribute-name | #c5e478 | |
| support.function | #257cbe | |
| support.constant | #6c99bb | |
| support.type, support.class | #e2e2e2 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #cfcfcf | — |
| meta.diff, meta.diff.header | #767676 | — |
| markup.deleted | #b05279 | — |
| markup.inserted | #b4c973 | — |
| markup.changed | #E5B567 | — |
| constant.numeric.line-number.find-in-files - match | #241046a0 | — |
| entity.name.filename.find-in-files | #E5B567 | — |
| markup.bold, punctuation.definition.bold, todo.bold | #E87D3E | bold |
| markup.italic, punctuation.definition.italic, todo.italic | #B05279 | italic |
| markup.deleted.git_gutter | #E87D3E | — |
| markup.inserted.git_gutter | #B4C973 | — |
| markup.changed.git_gutter | #E5B567 | — |
| markup.ignored.git_gutter | #C0C5CE | — |
| markup.untracked.git_gutter | #EFF1F5 | — |
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}!`;
}