Yellowed
Publisher: Gaël Lopes Da SilvaThemes in package: 2
A yellow theme for vscode
A yellow theme for vscode
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, emphasis, unused.comment, wildcard.comment | #6b6b6b | |
| fenced_code.block.language.markdown, markup.inline.raw.string.markdown, punctuation.definition.char.begin.cs, punctuation.definition.char.end.cs, punctuation.definition.char.rust, punctuation.definition.comment, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.rust, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.end.js, punctuation.definition.string.template.end.ts | #6b6b6b | bold |
| entity.name.section.group-title.ini, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, string.template, string | #378b1d | |
| constant.character, constant.language, constant.regexp, keyword.constant.bool.zig, keyword.constant.default.zig, punctuation.definition.evaluation.parens.begin.shell, punctuation.definition.evaluation.parens.end.shell, punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs, punctuation.definition.interpolation.rust, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.end.ts, punctuation.section.embedded.begin.ruby, punctuation.definition.variable.shell, punctuation.section.embedded.end.ruby | #ff80f4 | |
| constant.other, support.constant.core.php | #ff80f4 | bold |
| constant.numeric, entity.name.tag, entity.name.type.numeric.rust, keyword.other.type.php, keyword, punctuation.definition.annotation.java, punctuation.definition.block.tag.ldoc, punctuation.separator.key-value.editorconfig, punctuation.separator.key-value.html, punctuation.separator.key-value.ini, storage.modifier.mut.rust, storage.type, support.type.primitive.js.jsx, support.type.primitive.ts, support.type.primitive.tsx, support.class.builtin | #ffd900 | |
| entity.name.function.decorator.python, keyword.const.go, keyword.control, keyword.declaration.dart, keyword.function.go, keyword.import.go, keyword.operator.constructor, keyword.other, keyword.package.go, keyword.storage.zig, keyword.type.go, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown, meta.separator.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown, punctuation.definition.italic.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.raw.markdown, punctuation.definition.strikethrough.markdown, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, storage.modifier, storage.type.alias.shell, storage.type.class.php, storage.type.class.python, storage.type.enum.c, storage.type.function.js, storage.type.function.php, storage.type.function.python, storage.type.function.shell, storage.type.function.zig, storage.type.struct.c | #ffd900 | bold |
| constant.language.symbol.hashkey.ruby, keyword.other.definition.ini, markup.underline.link.image.markdown, meta.brace.round.js, meta.embedded.block.php, meta.embedded.line.js, meta.embedded.line.php, meta.embedded.line.ts, meta.interpolation.cs, meta.interpolation.rust, meta.section.editorconfig, punctuation.definition.metadata.markdown, storage.modifier.array.bracket.square.c, storage.modifier.import, storage.modifier.package, string.interpolated.expression.dart, string.unquoted.argument.shell, support.type.property-name.json, variable.other.normal.shell, constant.other.option, constant.other.option.dash.shell, keyword.operator.pattern.case.shell, variable.other.php | #FFFFFF | |
| constant.other.option, entity.name.function-call, entity.name.function, entity.name.package.go, entity.name.section.markdown, entity.name.tag.yaml, entity.name.type.zig, entity.other.attribute-name.html, entity.other.attribute-name, invalid.deprecated.entity.other.attribute-name.html, meta.function-call.generic.python, meta.property-value.css, punctuation.brackets.attribute.rust, punctuation.definition.attribute.rust, punctuation.definition.constant.markdown, punctuation.definition.entity.ini, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, support.constant.property-value.css, support.function.any-method.lua, support.function.builtin.go, support.function.builtin.python, support.function.builtin.zig, support.function.go, support.function.kernel.ruby, support.function.magic.python, support.function | #FFFFFF | bold |
| constant.other.symbol.hashkey.parameter.function.ruby, entity.name.variable.parameter, support.type.property-name.media.css, variable.parameter | #FFFFFF | italic |
| entity.other.inherited-class | #FFFFFF | underline |
| markup.bold.markdown | — | bold |
| markup.italic.markdown, markup.italic | — | italic |
| markup.strikethrough.markdown | — | strikethrough |
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, emphasis, unused.comment, wildcard.comment | #6b6b6b | |
| fenced_code.block.language.markdown, markup.inline.raw.string.markdown, punctuation.definition.char.begin.cs, punctuation.definition.char.end.cs, punctuation.definition.char.rust, punctuation.definition.comment, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.rust, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.end.js, punctuation.definition.string.template.end.ts | #6b6b6b | bold |
| entity.name.section.group-title.ini, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, string.template, string | #378b1d | |
| constant.character, constant.language, constant.regexp, keyword.constant.bool.zig, keyword.constant.default.zig, punctuation.definition.evaluation.parens.begin.shell, punctuation.definition.evaluation.parens.end.shell, punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs, punctuation.definition.interpolation.rust, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.end.ts, punctuation.section.embedded.begin.ruby, punctuation.definition.variable.shell, punctuation.section.embedded.end.ruby | #ff80f4 | |
| constant.other, support.constant.core.php | #ff80f4 | bold |
| constant.numeric, entity.name.tag, entity.name.type.numeric.rust, keyword.other.type.php, keyword, punctuation.definition.annotation.java, punctuation.definition.block.tag.ldoc, punctuation.separator.key-value.editorconfig, punctuation.separator.key-value.html, punctuation.separator.key-value.ini, storage.modifier.mut.rust, storage.type, support.class.builtin, support.type.primitive.js.jsx, support.type.primitive.ts, support.type.primitive.tsx | #ffd900 | |
| entity.name.function.decorator.python, keyword.const.go, keyword.control, keyword.declaration.dart, keyword.function.go, keyword.import.go, keyword.operator.constructor, keyword.other, keyword.package.go, keyword.storage.zig, keyword.type.go, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown, meta.separator.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown, punctuation.definition.italic.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.raw.markdown, punctuation.definition.strikethrough.markdown, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, storage.modifier, storage.type.alias.shell, storage.type.class.php, storage.type.class.python, storage.type.enum.c, storage.type.function.js, storage.type.function.php, storage.type.function.python, storage.type.function.shell, storage.type.function.zig, storage.type.struct.c | #ffd900 | bold |
| constant.other.option, entity.name.function-call, entity.name.function, entity.name.tag.yaml, entity.name.type.zig, entity.other.attribute-name.html, entity.other.attribute-name, invalid.deprecated.entity.other.attribute-name.html, meta.function-call.generic.python, meta.property-value.css, punctuation.brackets.attribute.rust, punctuation.definition.attribute.rust, punctuation.definition.entity.ini, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, support.constant.property-value.css, support.function.any-method.lua, support.function.builtin.go, support.function.builtin.python, support.function.builtin.zig, support.function.go, support.function.kernel.ruby, support.function.magic.python, support.function | #9b9b9b | bold |
| constant.language.symbol.hashkey.ruby, keyword.other.definition.ini, markup.underline.link.image.markdown, meta.brace.round.js, meta.embedded.block.php, meta.embedded.line.js, meta.embedded.line.php, meta.embedded.line.ts, meta.interpolation.cs, meta.interpolation.rust, meta.section.editorconfig, punctuation.definition.metadata.markdown, storage.modifier.array.bracket.square.c, storage.modifier.import, storage.modifier.package, string.interpolated.expression.dart, string.unquoted.argument.shell, support.type.property-name.json, variable.other.normal.shell, constant.other.option, constant.other.option.dash.shell, keyword.operator.pattern.case.shell, variable.other.php | #FFFFFF | |
| entity.name.package.go, entity.name.section.markdown, punctuation.definition.constant.markdown | #FFFFFF | bold |
| constant.other.symbol.hashkey.parameter.function.ruby, entity.name.variable.parameter, support.type.property-name.media.css, variable.parameter | #FFFFFF | italic |
| entity.other.inherited-class | #FFFFFF | underline |
| markup.bold.markdown | — | bold |
| markup.italic.markdown, markup.italic | — | italic |
| markup.strikethrough.markdown | — | 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}!`;
}
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}!`;
}