Skeletor Syntax
Publisher: dieghernanThemes in package: 1
Theme based on Skeletor Syntax by Ramón M. Cros
Theme based on Skeletor Syntax by Ramón M. Cros
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 |
|---|---|---|
| — | #DCE7FD | — |
| comment | #655E7F | — |
| meta.tag.metadata.doctype, meta.tag.sgml.doctype.html, meta.tag.sgml.html | #655E7F | — |
| punctuation.definition.tag, punctuation.separator | #DCE7FD | — |
| entity.name.type.namespace, storage.modifier.import | #6A6872 | — |
| string | #93B4FF | — |
| string.quoted.double.html, string.quoted.single.html | #93B4FF | — |
| meta.property-list, support.type.property-name, support.type.property-name.css, support.type.vendored.property-name, variable.other.property | #93B4FF | — |
| constant.language, variable.other.constant.php | #93B4FF | — |
| constant.language.symbol | #93B4FF | — |
| entity.other.attribute-name.html | #BD93F9 | — |
| constant.language.boolean | #FF8ADB | — |
| constant.numeric | #FF8ADB | — |
| keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.class, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, keyword.other, punctuation.separator.dictionary.key-value | #F3E4A2 | — |
| meta.document.yaml, meta.tag, storage.type.tag | #F3E4A2 | — |
| entity.name.tag.yaml, keyword.control.at-rule, meta.at-rule, support.constant.media.css | #F3E4A2 | — |
| variable.other.object | #DCE7FD | — |
| meta.selector, source.css entity.name.tag, source.css entity.other.attribute-name | #BD93F9 | — |
| entity.name.function, support.function | #BD93F9 | — |
| constant.language.null, constant.language.undefined, keyword, markup.inline.raw, markup.raw, storage | #BD93F9 | — |
| string.regexp | #84FBA2 | — |
| constant.numeric.yaml-version, entity.other.document, keyword.other.directive, keyword.other.important, markup.heading, meta.directives, punctuation.definition.alias, punctuation.definition.anchor, punctuation.section.embedded, variable.other.alias, variable.other.anchor | #FF8ADB | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| keyword.other.unit | #DCE7FD | — |
| constant.other.color | #DCE7FD | — |
| source.js constant.language, source.js constant.language.null, source.js constant.language.undefined, source.js keyword, source.js storage | #F3E4A2 | — |
| source.js entity.name.type.class, source.js support.class | #93B4FF | — |
| source.css support | #DCE7FD | — |
| source.css.scss string | #DCE7FD | — |
| source.css.scss constant.language, source.css.scss constant.language.null, source.css.scss constant.language.undefined, source.css.scss keyword, source.css.scss storage | #F3E4A2 | — |
| source.css.scss variable, source.css.scss variable.other.object | #84FBA2 | — |
| source.php constant.language.null, source.php constant.language.undefined, source.php keyword, source.php storage, source.php variable.language | #84FBA2 | — |
| source.php constant.language, source.php variable.other.constant.php | #FF8ADB | — |
| source.php punctuation.section.embedded, text.html.php punctuation.section.embedded | #7B94A5 | — |
| source.yaml string, text.yaml string | #DCE7FD | — |
| source.yaml string.unquoted.block, text.yaml string.unquoted.block | #93B4FF | — |
| text.yaml entity.name.tag.yaml | #BD93F9 | — |
| text.yaml constant.numeric.yaml-version, text.yaml entity.other.document, text.yaml keyword.other.directive, text.yaml keyword.other.important, text.yaml markup.heading, text.yaml meta.directives, text.yaml punctuation.definition.alias, text.yaml punctuation.definition.anchor, text.yaml punctuation.section.embedded, text.yaml variable.other.alias, text.yaml variable.other.anchor | #84FBA2 | — |
| text.html.markdown markup.heading, text.html.markdown punctuation.definition.heading | #DCE7FD | — |
| markup.heading.markdown | #BD93F9 | — |
| text.html.markdown markup.inline.raw, text.html.markdown markup.raw | #84FBA2 | — |
| text.html.markdown punctuation.definition.list | #93B4FF | — |
| markup.underline.link | #93B4FF | — |
| text.html.markdown constant.other.reference.link | #F3E4A2 | — |
| invalid | #F36A66 | — |
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}!`;
}