Orion
Publisher: SaiYsThemes in package: 1
A constomizable vscode theme, built on `Deno` and `Radix Colors`.
A constomizable vscode theme, built on `Deno` and `Radix Colors`.
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 | #777b84ff | italic |
| variable.language, variable.parameter, variable.other | #f2e68bff | — |
| entity.name.function, support.function | #6cd3e8ff | — |
| constant.numeric, constant.language.numeric | #38dcc2ff | — |
| constant.boolean, constant.language.boolean | #38dcc2ff | — |
| entity.name.type, support.type.primitive | #fbb076ff | — |
| keyword | #e8a8f2ff | — |
| keyword.control.flow, keyword.control.conditional | #fba6aeff | — |
| storage | #89c3fcff | — |
| entity.name.namespace | #c4b5fcff | — |
| punctuation | #b0b4baff | — |
| keyword.operator | #bdb7fcff | — |
| string | #8ad699ff | — |
| meta.tag entity.name.tag | #89c3fcff | — |
| meta.tag entity.other.attribute-name | #d7adfcff | — |
| meta.tag punctuation.definition.tag | #89c3fcff | — |
| meta.tag meta.jsx.children.tsx | #8ad699ff | — |
| entity.other.attribute-name.css | #60dba0ff | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #6cd3e8ff | — |
| support.constant.property-value.css, support.constant.vendored.property-value.css, support.constant.font-name.css, meta.property-value.scss | #fbb076ff | — |
| keyword.operator.css | #bdb7fcff | — |
| keyword.other.unit.css | #bdb7fcff | — |
| punctuation.definition.keyword.css, punctuation.definition.keyword.scss, keyword.control.at-rule | #89c3fcff | — |
| entity.name.tag.css | #fba7a5ff | — |
| entity.other.attribute-name.class.css | #f2e68bff | — |
| punctuation.definition.heading.markdown, markup.heading.markdown | #fbb076ff | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #6cd3e8ff | — |
| markup.fenced_code.block.markdown punctuation.definition.markdown, fenced_code.block.language.markdown | #6cd3e8ff | — |
| string.other.link.title.markdown, markup.underline.link.markdown | #a5d7f0ff | — |
| punctuation.definition.quote.begin.markdown | #8ad699ff | — |
| punctuation.definition.list.begin.markdown | #d7adfcff | — |
| constant.language.json | #38dcc2ff | — |
| punctuation.support.type.property-name, punctuation.definition.string | #bdb7fcff | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #e8a8f2ff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #bdb7fcff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #60dba0ff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f2e68bff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #fbb076ff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #fba6aeff | — |
| support.type.property-name | #f2e68bff | — |
| support.type.property-name.table | #fbb076ff | — |
| string.unquoted.plain.out.yaml | #8ad699ff | — |
| entity.name.tag.yaml | #f2e68bff | — |
| punctuation.definition.block.sequence.item.yaml, punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml | #6cd3e8ff | — |
| constant.language.boolean.yaml | #38dcc2ff | — |
| keyword.operator.new, keyword.operator.expression.instanceof, keyword.operator.expression.keyof | #6cd3e8ff | — |
| keyword.operator.optional, keyword.operator.ternary | #fba6aeff | — |
| meta.object-literal.key, variable.object.property | #f2e68bff | — |
| storage.modifier.async | #94dfd0ff | — |
| constant.language.import-export-all | #f2e68bff | — |
| constant.language.undefined, constant.language.null, constant.language.unknown | #fba4baff | — |
| meta.tag support.class.component | #6cd3e8ff | — |
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}!`;
}