Exa - Theme Pack
Publisher: Andrew StoneThemes in package: 4
Get your own theme
Get your own 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 |
|---|---|---|
| string.quoted, punctuation.definition.string, string.quoted.single.shell, string.quoted.double.shell, punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell, string.source.cmake | #7FB685 | — |
| string.quoted.double.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json, string.quoted.single.literal.line.toml, string.quoted.single.basic.line.toml | #c7bbad | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #D8DEE9b0 | — |
| support.type.property-name, support.type.vendored.property-name.css | #81A1C1 | — |
| punctuation.definition.table.toml, punctuation.definition.array.table.toml | #CEA646 | — |
| keyword.local.lua, storage.modifier.c, keyword.declaration.trait.rust, storage.type.rust, storage.type.function.python, keyword.operator.new.cpp, storage.type.ts | #E5C880 | — |
| storage.modifier.declaration.python | #DD7758e0 | — |
| entity.name.function.c, entity.name.function.python, support.function.misc.scss, entity.name.command.shell, keyword.cmake | #91BEEA | — |
| constant.numeric, constant.language, keyword.operator.quantifier.regexp | #b48ead | — |
| storage.type.class, storage.type.struct.declare.cpp, storage.type.js | #DA4167 | — |
| keyword.control, keyword.operator.logical.python | #7AC2D1 | — |
| comment, punctuation.definition.comment | #d8dee990 | italic |
| comment.block | — | |
| punctuation.definition.heading, punctuation.definition.quote, meta.separator.markdown, punctuation.section.embedded.begin.hugo, punctuation.section.embedded.end.hugo, entity.name.tag.css, entity.other.attribute-name, punctuation.definition.evaluation.parens.begin.shell, punctuation.definition.evaluation.parens.end.shell, punctuation.section.bracket.curly.variable.begin.shell, punctuation.section.bracket.curly.variable.end.shell, entity.name.tag.yaml | #F2D488 | — |
| entity.name.section.markdown | #81A1C1 | bold |
| string.other.link.title.markdown | #B48EAD | — |
| markup.underline.link | #64ACAB | — |
| markup.list.unnumbered.markdown | #8CB1BC | — |
| markup.bold.markdown | #D9E5FFd0 | bold |
| markup.italic.markdown | — | italic |
| markup.strikethrough.markdown | #f45b58b0 | — |
| markup.fenced_code.block.markdown | #d8dee9d0 | — |
| punctuation.definition.markdown, fenced_code.block.language | #D8DEE9 | bold |
| markup.raw.block.markdown | #EFB294 | italic |
| markup.inline.raw, punctuation.definition.raw.markdown | #EFB294 | — |
| string.regexp | #FB767E | — |
| entity.name.tag.html | #C6B8AD | — |
| entity.other.attribute-name.html | #b48ead | — |
| variable.scss | #EFB294 | — |
| punctuation.definition.entity.css, punctuation.definition.constant.css, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.end.bracket.curly.scss, meta.property-value.scss, meta.property-name.scss, meta.paragraph.markdown, punctuation.definition.link, punctuation.definition.metadata, punctuation.section.keyframes.begin.scss, punctuation.section.keyframes.end.scss, punctuation.brackets, punctuation.comma, punctuation.semi, punctuation.terminator.statement.c, punctuation.section.parameters.begin.bracket.round.c, punctuation.section.parameters.end.bracket.round.c, punctuation.section.block.begin.bracket.curly.c, punctuation.section.block.end.bracket.curly.c, punctuation.definition.logical-expression.shell, punctuation.section.arguments.begin.bracket.round.c, punctuation.section.arguments.end.bracket.round.c, keyword.operator.arrow, keyword.operator.access, keyword.operator.key-value, keyword.operator.namespace, keyword.operator.bitwise.shift.cpp, keyword.operator.assignment.cpp, keyword.other.unit, keyword.operator.redirect.shell, storage.type.built-in.primitive.c, storage.type.primitive.cpp, punctuation.definition.directive.c, keyword.control.directive.include.c | #D8DEE9d0 | — |
| meta.attribute.python | #EF8160 | — |
| entity.name.function.macro.rust, entity.name.function.preprocessor.cpp, meta.preprocessor.macro.cpp | #F37458 | — |
| storage.source.cmake | #F37458 | italic |
| entity.name.type.trait.rust | #09C473 | — |
| entity.name.module.rust, entity.name.namespace.rust | #B48EAD | — |
| support.function.builtin.shell | #25BA58 | — |
| keyword.other.shell, punctuation.definition.list | #E5C880 | — |
| constant.other.option.dash.shell, constant.other.option | #D9E5FF | — |
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}!`;
}