Deepslime
Publisher: Katherine AureliaThemes in package: 1
A very dark VS Code theme built around desaturated neons and deep magenta-tinted backgrounds.
A very dark VS Code theme built around desaturated neons and deep magenta-tinted backgrounds.
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 | #9370DB | italic |
| string, string.quoted, string.template, string.regexp | #C0A0E0 | — |
| constant.character.escape, constant.other.placeholder | #CC99BB | — |
| constant.numeric, constant.language.numeric | #CC99BB | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #CC99BB | — |
| constant.character, constant.other | #7DCDCD | — |
| variable, variable.other | #F0A060 | — |
| variable.other.property, variable.other.object.property | #F0A060 | — |
| variable.language | #B060FF | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #B060FF | bold |
| keyword.operator, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.arithmetic | #7DCDCD | — |
| storage, storage.type, storage.modifier | #B060FF | bold |
| entity.name.class, entity.name.type.class, support.class | #D850C0 | bold |
| entity.other.inherited-class | #C98FC9 | italic |
| entity.name.function, support.function | #80E0C0 | — |
| variable.parameter, meta.function.parameters | #A0B0E0 | — |
| entity.name.tag, meta.tag | #D97FD9 | — |
| entity.other.attribute-name | #7DCDCD | — |
| support.function, support.function.builtin | #80E0C0 | — |
| support.constant | #CC99BB | — |
| support.type, support.class, entity.name.type | #D97FD9 | — |
| support.variable | #F0A060 | — |
| invalid, invalid.illegal | #D97FC2 | bold underline |
| invalid.deprecated | #9370DB | bold underline |
| support.type.property-name.json, meta.object-literal.key | #7DCDCD | — |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #D97FD9 | — |
| markup.inserted, meta.diff.header.to-file | #8FD98F | — |
| markup.deleted, meta.diff.header.from-file | #D97FC2 | — |
| markup.changed | #B8A4CC | — |
| meta.diff.header | #7DCDCD | — |
| entity.other.attribute-name.class.css | #D97FD9 | — |
| entity.other.attribute-name.id.css | #7DCDCD | — |
| support.type.property-name.css, meta.property-name.css | #F0A060 | — |
| support.constant.property-value.css, meta.property-value.css | #B8A4CC | — |
| entity.name.tag.css | #D97FD9 | — |
| entity.other.attribute-name.pseudo-class.css | #C98FC9 | — |
| entity.other.attribute-name.pseudo-element.css | #CC99BB | — |
| variable.scss, variable.sass | #7DCDCD | — |
| entity.name.function.python, meta.function-call.python | #80E0C0 | — |
| entity.name.function.decorator.python | #C98FC9 | — |
| variable.language.special.self.python | #D97FD9 | italic |
| support.function.magic.python | #C98FC9 | — |
| entity.name.function.js, entity.name.function.ts, meta.function-call.js, meta.function-call.ts | #80E0C0 | — |
| entity.name.type.class.js, entity.name.type.class.ts | #D97FD9 | — |
| entity.name.type.interface.ts | #C98FC9 | — |
| entity.name.type.ts, support.type.primitive.ts | #CC99BB | — |
| meta.type.parameters.ts | #CC99BB | — |
| entity.name.type.class.java | #D97FD9 | — |
| storage.type.annotation.java | #C98FC9 | — |
| entity.name.tag.jsp, punctuation.definition.tag.begin.jsp, punctuation.definition.tag.end.jsp, keyword.control.directive.jsp | #D97FD9 | bold |
| entity.name.tag.taglib.jsp | #D97FD9 | — |
| entity.other.attribute-name.jsp | #7DCDCD | — |
| variable.other.jsp, variable.parameter.jsp | #F0A060 | — |
| punctuation.definition.expression.begin.jsp, punctuation.definition.expression.end.jsp | #D97FD9 | — |
| support.function.jsp, entity.name.function.jsp | #8FD98F | — |
| support.class.jsp, variable.language.jsp | #D97FD9 | — |
| meta.embedded.block.jsp | #E0E0E0 | — |
| entity.name.function.kotlin | #8FD98F | — |
| entity.name.type.class.kotlin | #D97FD9 | — |
| entity.name.function.swift | #8FD98F | — |
| entity.name.type.class.swift | #D97FD9 | — |
| constant.other.symbol.ruby | #7DCDCD | — |
| entity.name.type.class.ruby | #D97FD9 | — |
| entity.name.function.ruby | #8FD98F | — |
| punctuation.section.embedded.ruby | #D97FD9 | — |
| entity.name.type.class.dart | #D97FD9 | — |
| entity.name.function.dart | #80E0C0 | — |
| entity.name.function.c, entity.name.function.cpp | #8FD98F | — |
| keyword.control.directive.c, keyword.control.directive.cpp | #C98FC9 | — |
| entity.name.type.class.objc | #D97FD9 | — |
| entity.name.function.objc | #8FD98F | — |
| entity.name.type.class.cs | #D97FD9 | — |
| entity.name.function.cs | #8FD98F | — |
| entity.name.function.php | #8FD98F | — |
| variable.other.php | #F0A060 | — |
| variable.other.normal.shell | #F0A060 | — |
| support.function.builtin.shell | #8FD98F | — |
| support.function.powershell | #8FD98F | — |
| variable.other.readwrite.powershell | #F0A060 | — |
| variable.other.readwrite.batch | #F0A060 | — |
| entity.name.tag.xml, entity.name.tag.localname.xml | #D97FD9 | — |
| entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml | #7DCDCD | — |
| entity.name.tag.svg, entity.name.tag.localname.svg | #D97FD9 | — |
| entity.other.attribute-name.svg, entity.other.attribute-name.localname.svg | #7DCDCD | — |
| entity.other.attribute-name.id.svg | #8FD98F | — |
| entity.other.attribute-name.class.svg | #D97FD9 | — |
| entity.other.attribute-name.style.svg | #C98FC9 | — |
| meta.attribute.d.svg string.quoted | #B8A4CC | — |
| meta.attribute.transform.svg | #CC99BB | — |
| entity.name.tag.html | #D97FD9 | — |
| entity.other.attribute-name.html | #7DCDCD | — |
| entity.name.tag.yaml | #7DCDCD | — |
| keyword.key.toml | #7DCDCD | — |
| entity.name.section.group-title.ini | #D97FD9 | — |
| keyword.other.definition.ini | #7DCDCD | — |
| keyword.other.definition.properties | #7DCDCD | — |
| markup.heading, entity.name.section.markdown | #D97FD9 | bold |
| markup.bold | #CC99BB | bold |
| markup.italic | #C98FC9 | italic |
| markup.underline.link.markdown | #7DCDCD | — |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown | #8FD98F | — |
| markup.quote | #9370DB | italic |
| entity.name.type.terraform | #D97FD9 | — |
| entity.name.section.terraform | #D97FD9 | — |
| entity.name.function.haskell | #8FD98F | — |
| entity.name.type.haskell | #D97FD9 | — |
| entity.name.function.erlang | #8FD98F | — |
| entity.name.function.lisp | #8FD98F | — |
| entity.name.function.ocaml | #8FD98F | — |
| entity.name.function.perl, support.function.perl | #8FD98F | — |
| variable.other.readwrite.global.perl, variable.other.predefined.perl, punctuation.definition.variable.perl | #F0A060 | — |
| variable.other.predefined.perl | #D97FD9 | italic |
| string.regexp.perl | #C98FC9 | — |
| entity.name.type.class.perl, support.class.perl | #D97FD9 | — |
| keyword.control.perl | #D97FD9 | bold |
| keyword.operator.comparison.perl, keyword.operator.logical.perl | #7DCDCD | — |
| entity.name.function.fortran | #8FD98F | — |
| entity.name.function.pascal | #8FD98F | — |
| entity.name.function.label.asm | #7DCDCD | — |
| constant.language.register.asm | #CC99BB | — |
| keyword.mnemonic.asm | #D97FD9 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #60D0C0 | bold |
| punctuation.definition.tag.begin.jinja, punctuation.definition.tag.end.jinja, punctuation.definition.comment.begin.jinja, punctuation.definition.comment.end.jinja, punctuation.definition.variable.begin.jinja, punctuation.definition.variable.end.jinja | #D97FD9 | bold |
| keyword.control.jinja, keyword.operator.jinja | #D97FD9 | — |
| support.function.jinja, entity.name.function.jinja | #8FD98F | — |
| variable.other.jinja, variable.parameter.jinja | #F0A060 | — |
| support.function.filter.jinja | #C98FC9 | — |
| support.function.test.jinja | #7DCDCD | — |
| punctuation.definition.tag.begin.handlebars, punctuation.definition.tag.end.handlebars, punctuation.definition.block.begin.handlebars, punctuation.definition.block.end.handlebars, punctuation.definition.tag.mustache, punctuation.definition.block.mustache | #D97FD9 | bold |
| support.function.handlebars, entity.name.function.handlebars, support.function.helper.handlebars | #8FD98F | — |
| variable.parameter.handlebars, variable.other.handlebars, variable.parameter.mustache, variable.other.mustache | #F0A060 | — |
| entity.name.tag.reference.handlebars | #7DCDCD | — |
| keyword.control.velocity, punctuation.definition.variable.velocity | #D97FD9 | bold |
| variable.other.velocity, variable.parameter.velocity | #F0A060 | — |
| entity.name.function.velocity | #8FD98F | — |
| keyword.control.freemarker, entity.name.tag.freemarker, punctuation.definition.tag.begin.freemarker, punctuation.definition.tag.end.freemarker | #D97FD9 | bold |
| variable.other.freemarker, variable.parameter.freemarker | #F0A060 | — |
| support.function.builtin.freemarker | #8FD98F | — |
| punctuation.definition.variable.begin.freemarker, punctuation.definition.variable.end.freemarker | #D97FD9 | — |
| variable.other.template | #F0A060 | — |
| keyword.control.group.regexp | #D97FD9 | — |
| constant.other.character-class.regexp | #7DCDCD | — |
| keyword.operator.quantifier.regexp | #CC99BB | — |
| punctuation | #C0C0C0 | — |
| punctuation.definition.bracket, punctuation.definition.brace, meta.brace | #A0A0C0 | — |
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}!`;
}