Cat Dark
Publisher: cqb13Themes in package: 1
Cool theme based on the default pycharm theme.
Cool theme based on the default pycharm theme.
Full workbench mockup using this variant's colors and tokenColors.
Workbench UI color keys from the theme JSON colors map.
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis, markup.italic | — | italic |
| strong | — | bold |
| constant.regexp | #646695 | — |
| entity.name.tag, entity.name.type, text.xml keyword.other, text.html.django meta.tag, punctuation.definition.tag, support.function.powershell, entity.name.function.powershell, text.xml entity.name.tag.localname, text.html meta.tag entity.name.tag, text.xml punctuation.definition.tag, text.html entity.name.tag.block.any, meta.function meta.function-call.js, text.html entity.name.tag.inline.any, keyword.other.special-method.batchfile, text.html punctuation.definition.tag.end, text.html punctuation.definition.tag.begin, meta.function.expression.js entity.name.function.js, meta.function meta.definition.function.js entity.name.function.js, text.html meta.attribute.style.html meta.embedded.line.css source.css, text.html meta.tag.metadata.style.end punctuation.definition.tag.begin source, text.html meta.tag.metadata.script.end punctuation.definition.tag.begin source |
TypeScript sample highlighted with this variant's colors and tokenColors.
| #FFC66D |
| — |
| meta.selector, entity.name.tag.css, entity.name.tag.less, entity.name.tag.scss, entity.name.tag.sass, entity.other.attribute-name.scss, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.pseudo-class.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.parent-selector.css, support.constant.property-value.scss,support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss, source.css.scss entity.other.attribute-name, source.css.scss keyword.control.flow.scss, source.sass keyword.control.flow.sass, source.sass entity.other.attribute-name, source.scss entity.other.attribute-name, source.scss keyword.control.import.scss | #D7BA7D | — |
| source, markup.bold, support.type, support.class, source.python, markup.heading, markup.changed, storage.type.cs, support.variable, meta.return-type, keyword.operator, entity.name.type, storage.type.java, support.class.dom, entity.name.class, variable.parameter, meta.function-call, storage.type.groovy, constant.other.caps, variable.other.object, meta.class.inheritance, entity.name.type.module, storage.type.token.java, storage.type.generic.cs, variable.other.readwrite, storage.type.variable.cs, storage.type.modifier.cs, storage.type.generic.java, entity.other.attribute-name, storage.type.generic.groovy, storage.type.function.arrow, storage.type.primitive.java, storage.type.annotation.java, storage.type.primitive.groovy, meta.definition.variable.name, variable.other.object.property, storage.type.parameters.groovy, storage.type.annotation.groovy, variable.other.readwrite.alias, storage.type.object.array.java, storage.type.object.array.groovy, storage.type.primitive.array.java, storage.type.primitive.array.groovy, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.begin.js, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.continuation.json, punctuation.separator.parameters.json, punctuation.separator.arguments.json, punctuation.separator.element.json, punctuation.separator.array.json, punctuation.separator.comma.js, punctuation.terminator.statement.js, punctuation.terminator.statement.ts, punctuation.terminator.rule.css, source.sass, source.scss | #A9B7C6 | — |
| invalid, token.error-token | #F44747 | — |
| markup.underline | — | underline |
| markup.inserted, keyword.other.unit, constant.sha.git-rebase, meta.preprocessor.numeric | #B5CEA8 | — |
| markup.deleted, markup.inline.raw, support.constant.color, support.constant.media, meta.preprocessor.string, constant.other.rgb-value, support.constant.font-name, support.constant.media-type, constant.other.color.rgb-value, support.constant.property-value | #CE9178 | — |
| beginning.punctuation.definition.quote.markdown, text.html.markdown beginning.punctuation.definition.quote | #608B4E | — |
| token.info-token, beginning.punctuation.definition.list.markdown, text.html.markdown beginning.punctuation.definition.list | #6796E6 | — |
| keyword, storage.type, keyword.shell, storage.type.ts, constant.keyword, meta.diff.header, keyword.key.toml, storage.modifier, constant.language, meta.preprocessor, entity.other.toml, variable.language, keyword.control.ts, storage.modifier.ts, entity.tag.tagbraces, storage.type.function, meta.var storage.type, keyword.other.DML.sql, constant.language.json, storage.type.powershell, entity.name.section.ini, keyword.operator.new.ts, keyword.command.batchfile, keyword.control.powershell, keyword.operator.at.batchfile, support.function.builtin.shell, punctuation.separator.comma.ts, keyword.operator.expression.ts, keyword.control.repeat.batchfile, entity.name.tag.restructuredtext, constant.character.escape.js.json, support.directive.restructuredtext, keyword.operator.logical.batchfile, keyword.control.statement.batchfile, string.unquoted entity.name.tag.yaml, string.quoted.single.basic.line.toml, keyword.operator.arithmetic.batchfile, keyword.operator.assignment.batchfile, markup.other.command.restructuredtext, keyword.operator.comparison.batchfile, support.variable.automatic.powershell, keyword.control.conditional.batchfile, keyword.operator.redirection.batchfile, keyword.other.special-method.batchfile, string.quoted punctuation.definition.shell, punctuation.section.embedded.end.metatag.php, punctuation.section.embedded.begin.metatag.php, text.html.markdown punctuation.definition.bold, text.html.markdown punctuation.definition.italic, text.html.jinja entity.other.jinja.delimiter.tag, punctuation.separator.key-value.restructuredtext, string.interpolated punctuation.definition.shell, text.html.django entity.other.django.delimiter.tag, entity.name.function.section.add entity.section.reg, text.html.jinja entity.other.jinja.delimiter.variable, text.html.django entity.other.django.delimiter.variable, text.html.markdown meta.link.reference constant.other.reference, entity.name.function.section.add punctuation.definition.section.reg, meta.link.footnote.def.restructuredtext constant.other.footnote.link.restructuredtext | #CC7832 | — |
| variable, keyword.ini, variable.css, variable.scss, variable.other.less, variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.property.js, keyword.control.import.reg, support.function.git-rebase, support.variable.property.dom, punctuation.definition.equals.reg, variable.other.object.property.js, text.xml entity.name.tag.namespace, support.type.vendored.property-name, meta.structure.dictionary.key.python, meta.object-literal.key entity.name.function, meta.object.member variable.other.property.js, text.xml entity.other.attribute-name.namespace, meta.structure.dictionary support.type.property-name.json, support.variable.automatic variable.other.member.powershell, source.sass, source.scss | #9876AA | — |
| storage | #CE1919 | — |
| constant.character.escape | #CC682E | — |
| punctuation.decorator.js, punctuation.decorator.ts, entity.name.function.decorator, keyword.operator.arithmetic.minus.reg, entity.name.function.decorator.python, meta.decorator entity.name.function.js, meta.decorator entity.name.function.ts, punctuation.definition.decorator.python, meta.function.decorator support.type.python, entity.name.function.decorator support.type.python, source.python meta.function.decorator support.type, entity.name.function.section.delete entity.section.reg, meta.function.decorator entity.name.function.decorator .python, source.python meta.function.decorator entity.name.function.decorator, entity.name.function.section.delete punctuation.definition.section.reg | #BBB529 | — |
| variable.parameter.function.language.special, variable.parameter.function.language.special.cls.python, variable.parameter.function.language.special.self.python | #94558D |
| variable.parameter.class.python, variable.parameter.function-call.python, meta.class.inheritance support.type.metaclass.python, meta.function-call.arguments variable.parameter.function-call.python | #AA4926 | — |
| keyword.control, keyword.other.sql, keyword.other.plsql, keyword.operator.new, storage.type.class.js, keyword.operator.cast, support.type.primitive, storage.modifier.python, keyword.operator.sizeof, constant.language.python, storage.type.interface.js, keyword.operator.new.js.js, storage.type.format.python, keyword.operator.cast.js.js, keyword.control.flow.python, keyword.operator.expression, keyword.operator.sizeof.js.js, keyword.control.import.python, string.regexp keyword.operator, keyword.operator.logical.python, constant.character.escape.python, keyword.operator.expression.js.js, text.html constant.character.escape, punctuation.separator.element.python, meta.class storage.type.class.python, string.quoted string.interpolated.env, punctuation.separator.arguments.python, keyword.other.special-method.dockerfile, punctuation.separator.parameters.python, meta.function storage.type.function .python, constant.character.format.placeholder.other.python | #CC7832 |
| support.function.magic, support.function.magic.python, support.variable.magic.python | #B200B2 | — |
| support.type.python, support.function.builtin, source.python support.type, support.type.exception.python, entity.other.inherited-class.python, meta.function-call.arguments support.type.python, meta.function-call support.function.builtin.python, meta.class.inheritance support.type.exception.python, source.python meta.function-call.arguments support.type, source.python meta.function-call support.function.builtin, meta.item-access meta.item-access.arguments support.type.python, source.python meta.item-access meta.item-access.arguments support.type | #8888C6 | — |
| storage.modifier.import.java, storage.modifier.package.java | #D4D4D4 | — |
| variable.language.special | #94558D | — |
| support.function, entity.name.function, entity.name.function.python, support.constant.handlebars, string.quoted.binary.single.python, meta.function entity.name.function.ts, meta.function-call entity.name.function.ts, meta.definition.method entity.name.function.ts, meta.definition.variable entity.name.function.ts, meta.definition.function entity.name.function.ts, string.quoted.binary.single storage.type.string.python, string.quoted.binary.single punctuation.definition.string.end.python, string.quoted.binary.single punctuation.definition.string.begin.python | #FFC66D |
| meta.type.new.expr, meta.type.cast.expr, support.constant.dom, support.constant.math, support.constant.json | #4EC9B0 | — |
| token.warn-token | #CD9731 | — |
| token.debug-token | #B267E6 | — |
| comment.block.documentation, string.quoted.docstring.multi, string.quoted.docstring.python, string.quoted.docstring.multi.python, string.quoted.docstring punctuation.definition.string.end.python, string.quoted.docstring punctuation.definition.string.begin.python | #629755 | italic |
| text.html.markdown markup.heading, text.html.markdown markup.heading.setext | #599DF6 | bold |
| text.html.markdown meta.link.inline string, text.html.markdown meta.reference.link.inline, text.html.markdown meta.link.inet punctuation, text.html.markdown meta.reference.link constant.other, text.html.markdown meta.link.reference string.other.link.title, text.html.markdown meta.link.inline punctuation.definition.string, text.html.markdown meta.paragraph meta.link.inet markup.underline.link, text.html.markdown meta.paragraph meta.link.reference punctuation.definition.string | #9876AA | bold |
| text.html.jinja keyword.control, text.html.django keyword.control, text.html.django storage.type.templatetag keyword.operator.django, text.html.django storage.type.templatetag keyword.control.tag-name, text.html.markdown meta.link.reference punctuation.definition.constant, text.html.django storage.type.customtemplatetag constant.other.tag.name | #CC7832 | bold |
| text.html.markdown meta.link.inline punctuation.definition.metadata | #CC7832 | italic bold |
| text.html.markdown meta.link.inline markup.underline.link, text.html.markdown meta.link.reference markup.underline.link | #E8BF6A | italic |
| text.html.markdown meta.link.reference string.other.link.description.title | #808080 | italic |
| comment, comment.block.json, keyword.command.rem.batchfile, comment.block.documentation.json, text.html.markdown markup.raw.block, text.html.markdown markup.inline.raw | #808080 | — |
| string.quoted.python, text.html.markdown markup.quote, text.html.markdown markup.quote heading, text.html.markdown markup.quote meta.paragraph | #6A8759 |
| string.quoted, text.xml string, source.groovy.embedded, string.quoted.single.js, string.quoted.double.js, string.quoted.double.json, punctuation.definition.string.end.python, punctuation.definition.string.begin.python, string.quoted constant.character.escape.env | #6A8759 | — |
| keyword.codetag.notation | #A8C023 | — |
| entity.name.tag.sphinx, punctuation.definition.interpreted.start.sphinx | #629755 | italic bold underline |
| constant.numeric, constant.other.color.rgb-value.hex.css, string.regexp keyword.operator.quantifier | #6287b0 |
| string.url, variable.parameter.url, text.html.markdown meta.link.inline string, text.html.markdown meta.reference.link.inline, text.html.markdown meta.link.inet punctuation, text.html.markdown meta.reference.link constant.other, text.html.markdown meta.link.reference string.other.link.title, text.html.markdown meta.link.inline punctuation.definition.string, text.html.markdown meta.paragraph meta.link.inet markup.underline.link, text.html.markdown meta.paragraph meta.link.reference punctuation.definition.string | #287BDE | — |
| text.html constant | #6D9CBE | — |
| constant.css, markup.heading.restructuredtext | #6897BB | — |
| entity.name.tag.css, meta.at-rule.import.css, punctuation.separator.css, meta.at-rule.font-face.css, punctuation.separator.list.comma.css | #B87800 | — |
| meta.selector.css, support.function.url.css, constant.other.unicode-range.css, punctuation.section.function.css, string.regexp punctuation.character.set, string.regexp support.other.parenthesis | #E8BF6A |
| meta.property-value.css | #A5C261 |
| variable.other.less, punctuation.definition.variable.less | #D0D0FF | — |
| source.css.less constant.other.unicode-range.css, source.css.less entity.other.attribute-name.class.mixin.css, source.css.less meta.property-list.css meta.property-value.css entity.name.tag.css, source.css.less meta.property-list.css meta.property-value.css entity.other.attribute-name.class.mixin.css, source.css.less meta.property-list.css meta.property-value.css constant.numeric.css | #A5C261 | — |
| string.regexp.js, meta.class variable.other.property.ts, meta.class variable.object.property.ts, meta.class variable.other.object.property.ts | #9876AA |
| entity.name.yaml, variable.other.yaml | #E8BF6A | — |
| comment.line.yaml | #629755 | — |
| string.regexp, string.regexp constant.character, string.regexp storage.type.string, string.regexp punctuation.definition.string.end, string.regexp punctuation.definition.string.begin | #D16969 |
| string.regexp entity.name.tag | #F23B7A |
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}!`;
}