Jellybeans Extended
Publisher: YoonhoLeeThemes in package: 1
Jellybeans theme with extended UI coverage and markdown support
Jellybeans theme with extended UI coverage and markdown support
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 | #888888 | italic |
| comment.block.preprocessor | #888888 | — |
| comment.documentation, comment.block.documentation | #888888 | italic |
| keyword.operator, punctuation.separator.pointer-access.c, punctuation.separator.pointer-access.cpp | #ffe2a9 | — |
| keyword, storage, keyword.operator.logical.python, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.typeof, keyword.operator.expression.instanceof, keyword.operator.new | #8197BF | — |
| keyword.operator.new | #8197BF | bold |
| storage.type, support.type | #8197BF | — |
| constant.language, support.constant, variable.language | #8197BF | — |
| variable, support.variable | #ddddc1 | — |
| entity.name.function, meta.function-call.generic.python, support.function | #fad07a | — |
| meta.object-literal.key | #fad07a | — |
| variable.parameter.function.language.python, meta.function-call.arguments.python, variable.parameter.function-call.python | #ddddc1 | — |
| punctuation.definition.decorator.python | #fad07a | — |
| entity.name.function.decorator.python, meta.decorator entity.name.function.python | #fad07a | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python, variable.language.special.cls.python | #8197BF | italic |
| string.quoted.docstring.multi.python, string.quoted.docstring.single.python | #888888 | italic |
| support.function.magic.python | #8fbfdc | italic |
| support.variable.magic.python | #cf6a4c | — |
| support.function.builtin.python | #fabb6e | — |
| support.type.exception.python | #cf6a4c | — |
| storage.type.string.python | #99ad6a | italic |
| punctuation.definition.template-expression.begin.python, punctuation.definition.template-expression.end.python | #cf6a4c | — |
| meta.return-type, support.class, entity.other.inherited-class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #fabb6e | — |
| constant.numeric, constant.character | #cf6a4c | — |
| constant.other | #8197BF | — |
| string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, constant.character.format.placeholder.other.python | #99ad6a | — |
| string.regexp | #cf6a4c | — |
| punctuation | #e8e8d3 | — |
| punctuation.definition.directive.c, punctuation.definition.directive.cpp | #8197BF | — |
| support.type.property-name.json, support.type.property-name.json.comments | #fad07a | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #fabb6e | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #888888 | — |
| entity.name.tag, support.class.component.js | #fabb6e | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #8197BF | italic |
| constant.character.entity, punctuation.definition.entity | #cf6a4c | — |
| meta.jsx.children.js.jsx | #ddddc1 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, punctuation.definition.entity.css, entity.name.tag.css | #fabb6e | — |
| meta.property-name, support.type.property-name | #ddddc1 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value, punctuation.definition.constant.css | #cf6a4c | — |
| keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.deg.css, keyword.other.unit.percentage.css | #cf6a4c | — |
| keyword.other.important | — | bold |
| support.constant.property-value.css | #8197BF | — |
| punctuation.definition.block.tag.jsdoc, punctuation.definition.inline.tag.jsdoc | #8197BF | — |
| punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc | #fabb6e | — |
| variable.other.jsdoc, comment.block.documentation variable.other | #ddddc1 | italic |
| constant.keyword.clojure | #ffe2a9 | — |
| markup.heading.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown | #fad07a | bold |
| markup.heading.1.markdown, heading.1.markdown entity.name.section.markdown, heading.1.markdown punctuation.definition.heading.markdown | #ffe08a | bold |
| markup.heading.2.markdown, heading.2.markdown entity.name.section.markdown, heading.2.markdown punctuation.definition.heading.markdown | #fad07a | bold |
| markup.heading.3.markdown, markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown, heading.3.markdown entity.name.section.markdown, heading.4.markdown entity.name.section.markdown, heading.5.markdown entity.name.section.markdown, heading.6.markdown entity.name.section.markdown | #d4b86a | bold |
| meta.link.inline.markdown, markup.underline.link.markdown, punctuation.definition.metadata.markdown, markup.underline.link.image.markdown, meta.link.email.lt-gt.markdown | #8197BF | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #99ad6a | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.markdown | #888888 | — |
| punctuation.definition.quote.begin.markdown | #fad07a | |
| markup.quote.markdown | #a89070 | italic |
| markup.fenced_code.block.markdown, markup.raw.block.markdown | #c8c8b8 | — |
| markup.inline.raw.string.markdown, markup.raw.inline.markdown | #8fbfdc | — |
| fenced_code.block.language.markdown | #888888 | — |
| punctuation.definition.markdown, punctuation.definition.raw.markdown | #555555 | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | — | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | — | italic |
| markup.strikethrough.markdown, punctuation.definition.strikethrough.markdown | #888888 | strikethrough |
| punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown | #fad07a | — |
| meta.separator.markdown | #555555 | — |
| markup.list.unnumbered.markdown meta.link.inline.markdown, punctuation.definition.list.begin.markdown.checkbox | #8197BF | — |
| markup.list.unnumbered.markdown meta.link.inline.markdown string.other.link.title.markdown | #99ad6a | — |
| punctuation.definition.arguments.begin.math.tex, punctuation.definition.arguments.end.math.tex, punctuation.math.end.bracket.curly, punctuation.math.begin.bracket.curly | #8197BF | — |
| punctuation.definition.function.tex, punctuation.definition.function.math.tex, punctuation.definition.function.latex, keyword.control.preamble.latex | #fad07a | — |
| punctuation.definition.math.begin.markdown, punctuation.definition.math.end.markdown | #99ad6a | — |
| punctuation.definition.constant.math.tex | #cf6a4c | — |
| entity.name.tag.yaml | #fad07a | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.alias.yaml | #b267e6 | — |
| keyword.key.toml, support.type.property-name.toml | #fad07a | — |
| entity.other.attribute-name.table.toml, support.type.property-name.table.toml | #fabb6e | — |
| variable.other.normal.shell, variable.other.special.shell | #ddddc1 | — |
| support.function.builtin.shell | #fad07a | — |
| entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust | #b267e6 | — |
| entity.name.function.macro.rust, support.macro.rust | #6796e6 | — |
| entity.name.package.go | #fabb6e | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #8197BF | — |
| variable.language.this, variable.language.super | #8197BF | italic |
| markup.inserted, markup.inserted.diff | #99ad6a | — |
| markup.deleted, markup.deleted.diff | #cf6a4c | — |
| markup.changed, markup.changed.diff | #8197BF | — |
| meta.diff.header, meta.diff.header.from-file, meta.diff.header.to-file | #fabb6e | — |
| meta.diff.range, punctuation.definition.range.diff | #b267e6 | — |
| invalid | #cf6a4c | underline |
| invalid.deprecated | #888888 | strikethrough |
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}!`;
}