NVB theme
Publisher: nilsblix06Themes 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 |
|---|---|---|
| variable.other.constant.ts, variable.other.object.ts, variable.other.readwrite.alias.ts, variable.other.property.ts, meta.function-call.ts, support.class.promise.ts, variable.other.enummember.ts, entity.other.inherited-class.ts | #ffffff | — |
| support.type.primitive.ts, string.template.ts, keyword.control.conditional.ts, keyword.control.export.ts, keyword.control.flow.ts, storage.modifier.async.ts, variable.language.this.ts, storage.modifier.ts, keyword.operator.new.ts | #c392a9 | bold |
| entity.name.function.ts, keyword.control.import.ts | #80d0d0 | — |
| constant.language.ts, constant.numeric.decimal.ts, constant.language.boolean.true.ts, constant.language.boolean.false.ts | #c37748 | — |
| storage.type.ts, storage.modifier.ts | #e3d16d | bold |
| string.quoted.double.ts | #bdd86a | — |
| #ffffff | — | |
| keyword.control.export.js, keyword.operator.new.js, variable.language.this.js, keyword.control.flow.js, keyword.control.loop.js, keyword.control.conditional.js, keyword.operator.expression.instanceof.js | #c392a9 | bold |
| keyword.control.import.js, entity.name.function.js | #80d0d0 | — |
| constant.numeric.decimal.js | #c37748 | — |
| storage.type.class.js, storage.type.js, storage.type.function.js | #e3d16d | bold |
| string.quoted.double.js, storage.modifier.js | #bdd86a | — |
| #ffffff | — | |
| keyword.control.wgsl, keyword.other.fn.wgsl | #c392a9 | bold |
| entity.name.function.wgsl | #80d0d0 | — |
| constant.numeric.decimal.wgsl | #c37748 | — |
| storage.type.wgsl | #e3d16d | bold |
| entity.name.attribute.wgsl | #bdd86a | — |
| #ffffff | — | |
| entity.other.attribute-name.css | #c392a9 | — |
| entity.other.attribute-name.class.css | #80d0d0 | — |
| entity.other.attribute-name.id.css | #5db0dd | — |
| constant.numeric.css, meta.property-value.css | #c37748 | — |
| support.type.property-name.css | #e3d16d | — |
| string.quoted.double.css | #bdd86a | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #bd8bdd | — |
| #ffffff | — | |
| entity.other.attribute-name.html | #c392a9 | — |
| #80d0d0 | — | |
| #c37748 | — | |
| entity.name.tag.html | #e3d16d | — |
| string.quoted.double.html | #bdd86a | — |
| #bd8bdd | — |
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}!`;
}