Pastel Evening Theme
Publisher: Kaius LoosThemes in package: 2
Dark theme with pastel colors and a slight blue hint to the editor.
Dark theme with pastel colors and a slight blue hint to the editor.
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 |
|---|---|---|
| #f0f | ||
| token.info-token | #83cafbff | |
| token.warn-token | #f9a988ff | |
| token.error-token | #fe7577ff | |
| token.debug-token | #f9b0e1ff | |
| comment, string.quoted.docstring, string.quoted.docstring storage.type.string.python, string.quoted.docstring punctuation.definition.string, punctuation.definition.comment, markup.underline.link, markup.link, source.ini comment punctuation | #7c8393ff | |
| entity.name.namespace, entity.name.module, entity.name.package, storage.modifier.package, storage.modifier.import, entity.name.type.namespace, entity.name.section.fsharp, string.quoted.double.include.cpp, source.cpp string.quoted.other.lt-gt.include, source.cpp string.quoted.other.lt-gt.include punctuation.definition.string, source.cpp meta.preprocessor.include punctuation.definition.string, entity.name.tag.namespace, punctuation.separator.namespace, source.go punctuation.definition.string, source.go entity.name.import | #a6aebeff | |
| variable, support.variable, meta.interpolation.rust, meta.preprocessor.cs, string.unquoted.preprocessor.message.cs, text.html.php, text.html.markdown, text.html source | #a6aebeff | |
| variable.other.constant, support.constant, constant.other, variable.other.readwrite.class.ruby, source.ruby variable.other.readwrite.global | #d3dbecff | |
| variable.other.global, entity.name.variable.global | #d3dbecff | |
| variable.other.property, variable.other.field, variable.other.object.property, variable.other.object.field, variable.object.property, variable.object.field, entity.name.variable.property, entity.name.variable.field, entity.name.variable.event, variable.other.event, meta.objectliteral meta.object.member meta.object-literal.key, entity.name.record.field.elm, variable.other.readwrite.instance.ruby, meta.var.expr meta.tag meta.tag.attributes entity.other.attribute-name, text.xml entity.other.attribute-name, text.html entity.other.attribute-name, source.css support.type.property-name, entity.other.attribute-name.css | #d3dbecff | |
| comment variable.parameter, comment variable.other.jsdoc, entity.other.attribute-name.localname.cs, comment.documentation.attribute.name.cs | #abb2c0ff | |
| variable.other.metavariable.name.rust, keyword.operator.macro.dollar.rust | #d3dbecff | |
| keyword.other.definition.ini, support.type.property-name.json, support.type.property-name.toml, entity.name.tag.yaml, entity.name.tag.ron, punctuation.support.type.property-name.json, variable.other.makefile, source.hcl variable, keyword.other.cabal, variable.name.pestfile | #d3dbecff | |
| keyword, keyword.other, storage.modifier, storage.type, variable.language, constant.language, entity.name.function.macro.rules.rust, storage.type.template.argument.class.cpp, storage.type.template.argument.unsigned.cpp, storage.type.template.argument.signed.cpp, storage.type.template.argument.typename.cpp, storage.type.template.argument.struct.cpp, storage.type.template.argument.enum.cpp, storage.type.template.argument.union.cpp, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, keyword.type.go, entity.name.function.asciidoc, entity.name.section.cabal | #faa2a0ff | |
| keyword.other.documentation, source.cs comment entity.name.tag, comment.documentation.name.cs, storage.type.class.doxygen, comment storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, keyword.other.phpdoc | #ca8483ff | |
| keyword.operator, source.cpp storage.modifier.reference, source.cpp storage.modifier.pointer, entity.name.function.operator, source.cpp punctuation.separator.scope-resolution, source.cpp punctuation.separator.pointer-access, source.cpp punctuation.separator.dot-access, entity.name.function.member.overload.cs, source.fsharp keyword.symbol, keyword.symbol.fsharp, keyword.control.ternary.java, keyword.control.ternary.kotlin, variable.language.wildcard.java, variable.language.wildcard.kotlin, meta.import constant.language.import-export-all, punctuation.accessor, entity.name.tag.wildcard, entity.other.document.begin.yaml, meta.separator.markdown, source.yaml keyword.control, source.python punctuation.separator.period, source.ruby punctuation.separator.method, source.java punctuation.separator.period, text.html punctuation.separator.key-value | #a6aebeff | |
| punctuation, source.rust meta.use punctuation, meta.attribute.rust punctuation, punctuation.definition.decorator, punctuation.separator.inheritance.ruby, storage.type.function.arrow.java, punctuation.definition.directive.cpp, source.cpp support.other.attribute punctuation, source.fsharp support.function.attribute, meta.var.expr meta.arrow storage.type.function.arrow, source meta.arrow storage.type.function.arrow, source meta.brace, meta.selector.css punctuation, meta.property-value.css punctuation, source.css keyword punctuation, keyword.other.elm, keyword.other.colon.elm, keyword.other.period.elm, text.html meta.tag, text.xml meta.tag, source.yaml punctuation, text.asciidoc punctuation, text.asciidoc markup.heading.block-attribute, text.asciidoc markup.code markup.heading, source.ini punctuation | #a6aebeff | |
| keyword.operator.new, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.operator.noexcept | #faa2a0ff | |
| entity.name.type.trait, entity.name.type.interface | #efc785ff | |
| entity.other.attribute-name, entity.name.type.annotation, meta.attribute.rust, entity.name.function.decorator.python, source.python meta.function.decorator support.type, storage.type.annotation.java, storage.type.annotation.kotlin, source.cs keyword.preprocessor, keyword.preprocessor.cs, source.cpp keyword.control.directive, keyword.other.attribute-specifier.cs, source.cpp keyword.operator.alignas, source.cpp support.other.attribute, text.asciidoc support.constant.attribute-name, text.asciidoc markup.meta.attribute-list, text.asciidoc markup.meta.attribute-list entity.name.function.asciidoc | #efc785ff | |
| string, constant.other.rune.go, storage.type.string.python, keyword.interpolation.scala, meta.jsx.children, punctuation.definition.string, punctuation.definition.char, text.html, text.xml, source.cabal, keyword.operator.cabal, source.ini, source.ini punctuation.definition.string, source.yaml punctuation.definition.string, meta.property-value.css support.constant, source.css string punctuation, source.cpp entity.name.operator.custom-literal | #e0b490ff | |
| constant.character.escape, constant.character.string.escape, keyword.format.specifier.fsharp, constant.character.format.placeholder.other.python, storage.type.format.python, punctuation.definition.interpolation, meta.var.expr string.template meta.template.expression punctuation.definition.template-expression, meta.var.expr meta.tag meta.jsx.children punctuation.section.embedded, source.kotlin variable.string-escape, source.kotlin meta.template.expression, source.kotlin entity.string.template, source.scala punctuation.definition.template-expression, text.xml constant.character.entity, text.html constant.character.entity, source.ruby punctuation.section.embedded, source.hcl keyword.other.interpolation | #f9a988ff | |
| comment string | #b59276ff | |
| comment constant.character.escape | #ca8970ff | |
| constant.numeric, storage.type.number.python, source.rust constant.numeric entity.name.type, source.cpp keyword.other.unit, keyword.other.unit, meta.var.expr constant.numeric storage.type.numeric | #e0b490ff | |
| meta.property-value.css, constant.other.time.datetime.offset.toml, constant.other.time.datetime.local.toml, constant.other.time.date.toml, constant.other.time.time.toml, constant.other.timestamp.yaml | #e0b490ff | |
| entity.name.label, entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust, storage.modifier.lifetime.rust, variable.parameter.definition.label.latex, entity.other.attribute-name.id.css, source.ruby constant.language.symbol | #f9a988ff | |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.tag, support.type, support.class, support.struct, support.enum, entity.other.inherited-class, variable.other.metavariable.specifier.rust, source.java storage.type, source.haskell storage.type, source.haskell constant.other, source.go storage.type, source.cpp storage.type.integral, source.cpp storage.type.built-in, source.cpp meta.template storage.type.template.argument, source.elm storage.type, keyword.type, entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, meta.selector.css, meta.var.expr new.expr meta.function-call entity.name.function | #8edca9ff | |
| comment.block entity.name.type, comment keyword.other.type.php, comment support.class.php, comment support.class.builtin.php | #74b28aff | |
| variable.other.enummember, entity.name.variable.enum-member.cs, constant.type-constructor.elm, constant.other.enum.java | #d3dbecff | |
| entity.name.function, support.function, meta.function-call.generic.python, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, entity.name.function.operator.member.cpp | #83cafbff | |
| support.type.property-name.table.toml, support.type.property-name.array.toml, entity.name.section.group-title.ini | #8edca9ff | |
| text.html.markdown string.other.link, text.html.markdown meta.link.reference.def constant.other, text.asciidoc markup.reference string, text.asciidoc markup.other.url string, meta.link.email.lt-gt.markdown markup.underline.link, markup.link.email | #83cafbff | |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #83cafbff | |
| markup.heading, text.tex meta.function.section.part entity.name, text.tex meta.function.section.chapter entity.name, text.tex meta.function.section.section entity.name | #8edca9ff | |
| markup heading.2, markup.heading.heading-1, markup.heading.heading-1 markup.heading, text.tex meta.function.section.subsection entity.name | #86cf9fff | |
| markup heading.3, markup.heading.heading-2, markup.heading.heading-2 markup.heading, text.tex meta.function.section.subsubsection entity.name | #7dc195ff | |
| markup heading.4, markup.heading.heading-3, markup.heading.heading-3 markup.heading, text.tex meta.function.section.paragraph entity.name, source.rust heading.4.markdown entity.name.section.markdown | #74b28aff | |
| markup heading.5, markup.heading.heading-4, markup.heading.heading-4 markup.heading, text.tex meta.function.section.subparagraph entity.name | #69a27eff | |
| markup heading.6, markup.heading.heading-5, markup.heading.heading-5 markup.heading | #5d8e6fff | |
| markup.inline.raw.string, text.asciidoc markup.raw | #e0b490ff | |
| comment markup.inline.raw.string | #b59276ff | |
| text.asciidoc markup.macro string | #a6aebeff | |
| markup.quote, markup.italic.quotes | #a6aebeff | italic |
| markup.bold | #d3dbecff | bold |
| markup.italic | #d3dbecff | italic |
| markup.list punctuation, markup.quote punctuation, markup.fenced_code.block punctuation.definition.markdown, markup.fenced_code.block fenced_code.block.language, meta.separator.markdown, markup.list.bullet | #d3dbecff | |
| callout.source.code.asciidoc, callout.source.code.asciidoc constant.other, callout.source.code.asciidoc constant.numeric | #7c8393ff | |
| text.tex support.function, text.tex storage.type.function, text.tex constant.other, text.tex constant | #faa2a0ff | |
| text.tex support.function.be, text.tex support.function.section | #83cafbff | |
| text.tex support.class.math | #e0b490ff | |
| text.tex meta.function variable.parameter | #d3dbecff | |
| text.tex meta.preamble support.class | #a6aebeff |
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}!`;
}