ThemeDatabase All Themes
Publisher: enes ozturkThemes in package: 21943
One theme database to rule them all. All 22,037 ThemeDatabase themes in one VSIX package.
One theme database to rule them all. All 22,037 ThemeDatabase themes in one VSIX package.
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 |
|---|---|---|
| meta.template.expression variable.other.readwrite, variable.other.jsdoc, variable.other.php, variable.other.normal.shell | #c5c5c5 | — |
| source.sql text.variable | #c5c5c5 | italic |
| string.quoted.double.oracle_sql | #c5c5c5 | underline |
| support.constant.core.php, constant.other.php, constant.other.class.php | #c5c5c5 | bold |
| keyword.operator, entity.name.operator, punctuation.separator, punctuation.section, punctuation.definition, punctuation.accessor, punctuation.destructuring, meta.brace, punctuation.bracket, storage.type.function.arrow, constant.character.entity.xml, punctuation.curlybrace, punctuation.parenthesis, punctuation.squarebracket, entity.name.namespace, storage.modifier.import, storage.modifier.package, entity.name.tag.namespace, entity.other.attribute-name.namespace, entity.name.scope-resolution, entity.name.scope-resolution.namespace.using, support.other.namespace.php, entity.name.type.namespace.php, meta.link.email.lt-gt.markdown, punctuation.other.colon.go, punctuation.other.period.go, punctuation.other.comma.go, punctuation.eq.toml | #9e9e9e | |
| support.function.magic.python | #9e9e9e | italic |
| comment, punctuation.definition.comment, punctuation.definition.group.no-capture.regexp | #6a6a6a | — |
| fenced_code.block.language.markdown | #6a6a6a | bold |
| comment.block.documentation, comment.block.documentation punctuation.definition.comment, string.quoted.docstring, string.quoted.docstring punctuation.definition.string, comment.block.javadoc, comment.block.javadoc punctuation.definition.comment | #798768 | — |
| markup.fenced_code.block.markdown punctuation.definition.markdown, punctuation.definition.raw.markdown, meta.link.reference.def.markdown markup.underline.link.markdown | #798768 | |
| invalid.deprecated.line-too-long.git-commit | #968103 | — |
| keyword, punctuation.terminator, punctuation.section.function.begin.python, punctuation.separator.colon.python, keyword.operator.ternary, keyword.operator.conditional.question-mark.cs, keyword.operator.conditional.colon.cs, punctuation.definition.constant.xml, keyword.operator.new, keyword.operator.delete, keyword.operator.expression.typeof, keyword.operator.expression.instanceof, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.noexcept, keyword.operator.expression.keyof, constant.language, support.type.primitive, support.type.builtin, variable.language.this, variable.language.super, storage, storage.type.primitive.groovy, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-element punctuation.definition.entity, support.constant.media, punctuation.separator.colon.access.control, keyword.operator.or.regexp, keyword.operator.negation.regexp, keyword.operator.logical.python, keyword.operator.logical.python | #968103 | bold |
| entity.other.keyframe-offset, keyword.blade | #968103 | italic bold |
| entity.name.function, support.function, punctuation.definition.group.regexp, markup.changed.git-commit, meta.method.groovy | #ba693a | — |
| constant.other.timestamp.yaml, constant.other.time.time.toml, constant.other.time.date.toml, constant.other.time.datetime.local.toml, constant.other.time.datetime.offset.toml | #ba693a | |
| entity.name.function.blade | #ba693a | italic bold |
| punctuation.definition.tag, keyword.control.anchor.regexp, support.function.aggregate.sql | #aa7603 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.shell, support.function.builtin.shell | #aa7603 | bold |
| entity.name.tag, support.function.builtin.zig, support.function.builtin.go, support.function.builtin.python | #aa7603 | italic bold |
| markup.changed.git-commit | #269294 | — |
| string, punctuation.definition.string, meta.property-value.css, punctuation.section.embedded | #269294 | bold |
| markup.inserted.git-commit | #4c954e | — |
| constant.numeric, keyword.other.unit.exponent, constant.numeric storage, keyword.other.unit.hexadecimal.cpp, keyword.other.unit.octal.cpp, keyword.other.unit.binary.cpp, keyword.operator.quantifier.regexp, punctuation.section.arithmetic.double.shell, punctuation.definition.logical-expression.shell | #4c954e | bold |
| variable.css, variable.argument.css, constant.character.escape | #608b8b | bold |
| meta.enum variable, constant.other.enum.java, constant.enum.php | #608b8b | bold underline |
| storage.type.format.python, constant.other.placeholder, keyword.operator.expansion.shell, storage.type.groovy | #4a85c5 | |
| entity.name.type, storage.type.java, storage.type.tag-handle.yaml, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-class punctuation.definition.entity.css, entity.name.tag support.class.component, constant.other.character-class.regexp, punctuation.definition.character-class.regexp, support.class.php, entity.other.inherited-class.php, meta.use.php entity.other.alias.php, meta.other.type.phpdoc.php, support.class.builtin.php, text.html.php.blade meta.tag.custom entity.name.tag.html, text.html.php.blade invalid.illegal.unrecognized-tag | #4a85c5 | — |
| meta.attribute.class string, entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity, entity.name.type.trait.php, entity.name.type.interface.php | #4a85c5 | italic |
| markup.heading.markdown, punctuation.definition.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown, punctuation.separator.statement.background.shell | #4a85c5 | bold |
| entity.name.type.record, entity.name.type.struct | #4a85c5 | italic bold |
| entity.name.type.enum.java, entity.name.type.enum.php | #4a85c5 | bold underline |
| storage.type.generic.java, entity.name.type.template, keyword.other.unit, constant.other.color punctuation.definition.constant, storage.type.string.python, keyword.operator.spread, keyword.operator.rest, punctuation.definition.parameters.varargs, punctuation.vararg-ellipses, keyword.operator.unpacking, keyword.operator.variadic.php | #767eab | — |
| variable.object.property, variable.other.object.property, variable.other.property, variable.other.constant.property, entity.name.tag.yaml, support.type.property-name, meta.object-literal.key, meta.object-literal.key string.quoted.double, keyword.other.definition.ini, keyword.other.back-reference.regexp, punctuation.definition.group.regexp variable.other.regexp, variable.other.makefile, punctuation.definition.list.begin.markdown | #a065b9 | |
| support.type.vendored.property-name | #a065b9 | italic |
| punctuation.definition.variable.php | #a065b9 | bold |
| meta.preprocessor, punctuation.definition.directive, keyword.control.directive | #d3447e | bold italic |
| keyword.control.at-rule, keyword.control.at-rule punctuation.definition, storage.type.class.jsdoc, storage.type.class.doxygen, punctuation.definition.block.tag, keyword.other.documentation.javadoc, keyword.other.phpdoc.php, meta.decorator, entity.name.function.decorator, entity.name.function.decorator punctuation.definition.decorator, storage.type.annotation, punctuation.definition.annotation, support.other.attribute.cpp, support.other.attribute.cpp punctuation.section, meta.attribute.php, entity.other.document, support.other.directive, punctuation.definition.directive, support.type.property-name.table.toml, punctuation.definition.entity.ini, entity.name.section.group-title.ini, meta.tag.preprocessor entity.name.tag, meta.tag.preprocessor.xml punctuation.definition.tag.xml, meta.assertion.look-ahead.regexp, string.other.link.description.markdown, meta.separator.markdown, docstring.variable.identifier.sphinx.python, docstring.variable.begin.sphinx.python, docstring.variable.end.sphinx.python, support.variable.magic.python | #d3447e | — |
| meta.assertion.negative-look-ahead.regexp | #d3447e | underline |
| entity.name.function.preprocessor, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, keyword.begin.blade, keyword.end.blade | #d3447e | bold |
| variable.parameter, entity.name.variable.parameter.php, meta.function.parameter.typehinted.php variable.other.php, meta.function.parameter.default.php variable.other.php, meta.function.parameter.no-default.php variable.other.php, constant.other.option | #997780 | bold |
| entity.other.attribute-name, entity.name.type.anchor.yaml, punctuation.definition.anchor.yaml, variable.other.alias.yaml, punctuation.definition.alias.yaml, markup.quote.markdown, punctuation.definition.quote.begin.markdown | #997780 | |
| punctuation.definition.ng-binding-name | #997780 | italic bold |
| entity.other.ng-binding-name | #997780 | italic |
| entity.name.label, punctuation.separator.label, punctuation.definition.template-expression, constant.character.format.placeholder, punctuation.section.embedded, punctuation.definition.interpolation, punctuation.definition.variable.shell, punctuation.definition.variable.shell variable.other.normal.shell, punctuation.definition.subshell, punctuation.definition.group.shell, punctuation.section.parenthese.shell, string.interpolated.process-substitution.shell, string.interpolated.process-substitution.shell punctuation.definition.string, support.function.construct.begin.blade, support.function.construct.end.blade, storage.type.generic.wildcard.java, meta.assertion.look-behind.regexp, string.other.link.title.markdown, comment.line.shebang, meta.shebang.shell | #b854af | |
| meta.assertion.negative-look-behind.regexp, meta.link.reference.markdown string.other.link.title.markdown, constant.other.reference.link.markdown | #b854af | underline |
| meta.attribute.id string, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition | #b854af | italic |
| invalid.illegal, invalid.illegal.line-too-long.git-commit | #e82c38 | — |
| constant.other.caps.python, markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.italic.markdown markup.bold.markdown | — | italic bold |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #65a0fe | underline |
| rainbow1 | #a065b9 | bold |
| keyword.rainbow2 | #4a85c5 | italic bold |
| entity.name.function.rainbow3 | #4c954e | bold |
| comment.rainbow4 | #968103 | italic bold |
| string.rainbow5 | #ba693a | bold |
| variable.parameter.rainbow6 | #d3447e | italic bold |
| constant.numeric.rainbow7 | #269294 | bold |
| entity.name.type.rainbow8 | #9e9e9e | italic bold |
| markup.bold.rainbow9 | #997780 | bold |
| invalid.rainbow10 | #aa7603 | italic bold |
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}!`;
}