VS Code color theme family for Yamlink — dark and light variants built for linked notes, wikilinks, frontmatter, and knowledge-graph workflows. Night, Ghost, Dawn, and Daywalker. Serious syntax highlighting for everyday development too.
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, meta.var.expr storage.type, keyword.control.flow, keyword.control.return, storage.modifier, string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape | — | italic |
| keyword.control.flow.block-scalar.literal, keyword.control.flow.python | — | |
| comment, comment.block.documentation, punctuation.definition.comment, comment.block.documentation punctuation, string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape | #A0A0A0 | — |
| keyword.operator.assignment.jsdoc, comment.block.documentation variable, comment.block.documentation storage, comment.block.documentation keyword, comment.block.documentation support, comment.block.documentation markup, comment.block.documentation markup.inline.raw.string.markdown, meta.other.type.phpdoc.php keyword.other.type.php, meta.other.type.phpdoc.php support.other.namespace.php, meta.other.type.phpdoc.php punctuation.separator.inheritance.php, meta.other.type.phpdoc.php support.class, keyword.other.phpdoc.php, log.date | #A0A0A0 | — |
| comment.block.documentation storage.type, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation entity.name.type.instance | #8C8C8C | — |
| string, constant.other.symbol, constant.other.key, meta.attribute-selector, string constant.character | #666666 | |
| constant.numeric, constant.language, constant.other.caps, variable.other.constant, support.constant, punctuation.definition.constant | #7A5A28 | — |
| constant.other.color, constant.other.color.rgb-value.hex punctuation.definition.constant | #222222 | — |
| invalid, invalid.illegal | #C62828 | — |
| invalid.deprecated | #8C8C8C | — |
| storage.type | #666666 | — |
| meta.var.expr storage.type, storage.modifier | #666666 | — |
| keyword, keyword.control, keyword.other.important | #666666 | — |
| keyword.control.module.js, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, meta.import keyword.other | #666666 | — |
| keyword.other.DML | #666666 | — |
| keyword.operator.logical, storage.type.function, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.relational, keyword.operator.or.regexp | #666666 | — |
| keyword.operator, keyword.control.as, keyword.other, keyword.operator.bitwise.shift, punctuation, expression.embbeded.vue punctuation.definition.tag, meta.directive.vue punctuation.separator.key-value.html, punctuation.definition.constant.markdown, punctuation.definition.string, punctuation.support.type.property-name, punctuation.definition.keyword, punctuation.terminator.rule, punctuation.definition.entity, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, entity.name.operator, meta.property-list punctuation.separator.key-value, meta.at-rule.mixin punctuation.separator.key-value, meta.at-rule.function variable.parameter.url | #8C8C8C | — |
| keyword.other.sql, keyword.other.order.sql, keyword.other.DML.sql, keyword.other.DML | #666666 | — |
| keyword.operator.spread, keyword.operator.rest | #7A3030 | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line.tag.smarty, support.constant.handlebars | #748B88 | — |
| entity.name.tag | #898192 | — |
| entity.name.tag support.class.component, meta.tag.custom entity.name.tag, meta.tag.other.unrecognized.html.derivative entity.name.tag, meta.tag | #90737B | — |
| punctuation.definition.tag, text.html.php meta.embedded.block.html meta.tag.metadata.script.end.html punctuation.definition.tag.begin.html text.html.basic | #856B78 | — |
| entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #898192 | — |
| text.html constant.character.entity | #748B88 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.property-name.css, support.type.vendored.property-name, support.type.map.key | #748B88 | — |
| entity.other.attribute-name.class, meta.at-rule.mixin.scss entity.name.function.scss | #898192 | — |
| entity.other.attribute-name.id | #898192 | — |
| entity.name.tag.css | #748B88 | — |
| entity.other.attribute-name.pseudo-class punctuation.definition.entity, entity.other.attribute-name.pseudo-element punctuation.definition.entity, entity.other.attribute-name.class punctuation.definition.entity, entity.name.tag.reference | #748B88 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.placeholder, meta.property-list meta.property-value | #898192 | — |
| support.constant.property-value | #957E77 | — |
| support.constant.font-name, meta.definition.variable | #898192 | — |
| keyword.other.unit | #95777D | — |
| keyword.operator.css, keyword.operator.scss, keyword.operator.less | #8C8C8C | — |
| meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.include entity.name.function.scss, meta.at-rule.include keyword.control.at-rule.include | #817A8D | — |
| keyword.control.at-rule.include punctuation.definition.keyword, keyword.control.at-rule.mixin punctuation.definition.keyword, meta.at-rule.include keyword.control.at-rule.include, keyword.control.at-rule.extend punctuation.definition.keyword, meta.at-rule.extend keyword.control.at-rule.extend, entity.other.attribute-name.placeholder.css punctuation.definition.entity.css, meta.at-rule.media keyword.control.at-rule.media, meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.function keyword.control.at-rule.function, keyword.control punctuation.definition.keyword | #817A8D | — |
| variable, support.variable, string constant.other.placeholder, variable.parameter.handlebars, variable.other.object, meta.fstring, meta.function-call meta.function-call.arguments | #7a7a7a | — |
| meta.array.literal variable | #7a7a7a | — |
| meta.object-literal.key, entity.name.type.hcl, string.alias.graphql, string.unquoted.graphql, string.unquoted.alias.graphql, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.block entity.name.label | #956F81 | — |
| variable.other.property, support.variable.property, support.variable.property.dom, meta.function-call variable.other.object.property | #898192 | — |
| meta.field.declaration.ts variable.object.property, meta.definition.property.ts variable.object.property, meta.definition.property.ts variable.object.property.ts | #956F81 | — |
| variable.other.object.property | #898192 | — |
| variable.language | #95777D | — |
| meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite, variable.other.declaration | #898192 | — |
| entity.name.function, variable.other.enummember, meta.function-call, meta.function-call entity.name.function, variable.function, meta.definition.method entity.name.function, meta.object-literal entity.name.function | #898192 | — |
| variable.parameter.function.language.special, variable.parameter, meta.function.parameters punctuation.definition.variable, meta.function.parameter variable | #7a7a7a | — |
| meta.class-method.js entity.name.function.js, entity.name.method.js, variable.function.constructor, keyword.other.special-method | #898192 | — |
| support.function | #898192 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.name.namespace, variable.other.readwrite.alias, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types, support.type.object.module, support.constant.json, meta.import.qualifier, variable.other.constant.object | #898192 | — |
| support.type.primitive.ts, support.type.primitive.tsx | #898192 | — |
| entity.name | #7a7a7a | — |
| entity.other.inherited-class | #898192 | |
| constant.other.php, variable.other.global, variable.other.global.safer, constant.other | #898192 | — |
| keyword.other.type.php, storage.type.php, constant.character, constant.escape | #898192 | — |
| constant.character.escape | #748B88 | — |
| meta.block, meta.brace, punctuation.definition.block, punctuation.definition.use, punctuation.definition.class, punctuation.definition.begin.bracket, punctuation.definition.end.bracket, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.dictionary, punctuation.definition.array, punctuation.section | #606060 | — |
| string.regexp | #869290 | — |
| punctuation.definition.group | #90737B | — |
| constant.other.character-class.regexp | #5E4E8C | — |
| constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp | #666666 | — |
| keyword.operator.quantifier.regexp | #666666 | — |
| constant.character.escape.backslash | #8C8C8C | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #6C2B2B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7A3030 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7A3030 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7A3030 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7A3030 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7A3030 | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json, source.json meta.structure.array.json > value.json > string.quoted.json | #486C48 | — |
| source.json meta.structure.dictionary.json > constant.language.json, source.json meta.structure.array.json > constant.language.json | #7A5A28 | — |
| markup.heading.markdown, markup.heading.1.markdown, heading.1.markdown entity.name, heading.1.markdown entity.name.section.markdown, markup.heading.1.markdown entity.name.section.markdown, heading.1.markdown punctuation.definition.heading.markdown, markup.heading.setext.1.markdown | #222222 | bold |
| markup.heading.2.markdown, heading.2.markdown entity.name, heading.2.markdown entity.name.section.markdown, markup.heading.2.markdown entity.name.section.markdown, heading.2.markdown punctuation.definition.heading.markdown, markup.heading.setext.2.markdown | #333333 | bold |
| markup.heading.3.markdown, heading.3.markdown entity.name, heading.3.markdown entity.name.section.markdown, markup.heading.3.markdown entity.name.section.markdown, heading.3.markdown punctuation.definition.heading.markdown | #666666 | bold |
| markup.heading.4.markdown, heading.4.markdown entity.name, heading.4.markdown entity.name.section.markdown, markup.heading.4.markdown entity.name.section.markdown, heading.4.markdown punctuation.definition.heading.markdown | #666666 | bold |
| markup.heading.5.markdown, heading.5.markdown entity.name, heading.5.markdown entity.name.section.markdown, markup.heading.5.markdown entity.name.section.markdown, heading.5.markdown punctuation.definition.heading.markdown | #8C8C8C | bold |
| markup.heading.6.markdown, heading.6.markdown entity.name, heading.6.markdown entity.name.section.markdown, markup.heading.6.markdown entity.name.section.markdown, heading.6.markdown punctuation.definition.heading.markdown, punctuation.definition.heading.markdown | #8C8C8C | bold |
| markup.bold, markup.bold punctuation | #9c9c9c | bold |
| markup.italic, markup.italic punctuation | #9c9c9c | italic |
| markup.bold markup.italic, markup.bold markup.italic punctuation | #bfbfbf | bold italic |
| markup.underline | — | underline |
| markup.inline.raw.markdown, markup.inline.raw.string.markdown | #748B88 | — |
| markup.fenced_code.block.markdown, punctuation.definition.raw.markdown, markup.raw.block.markdown punctuation.definition.raw.markdown | #4a4a4a | — |
| variable.language.fenced.markdown, markup.fenced_code.block.markdown variable.language.fenced.markdown, fenced_code.block.language | #606060 | bold |
| string.other.link, markup.underline.link, constant.other.reference.link.markdown, string.other.link.description.title.markdown | #0A0A0A | bold underline |
| markup.quote punctuation.definition.blockquote.markdown | #B3B3B3 | — |
| markup.quote | #666666 | italic |
| punctuation.definition.list_item.markdown, beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown | #4a4a4a | — |
| markup.list.numbered.markdown punctuation.definition.list.begin.markdown, markup.list.numbered punctuation.definition.list.begin.markdown, markup.list.numbered.bullet.markdown | #4a4a4a | — |
| meta.separator | #8C8C8C | bold |
| markup.table | #222222 | — |
| markup.table.header.markdown, markup.table.header | #222222 | bold |
| punctuation.separator.table-cell.markdown | #B3B3B3 | — |
| markup.inserted, markup.inserted.diff | #899588 | — |
| markup.deleted, markup.deleted.diff | #956F81 | — |
| markup.changed | #898192 | — |
| meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff | #898192 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #666666 | — |
| meta.function.decorator.python, support.token.decorator.python, meta.function.decorator.identifier.python | #666666 | — |
| constant.character.format.placeholder.other.python | #A66A28 | — |
| meta.function-call.generic.python | #898192 | — |
| storage.modifier.lifetime.rust, keyword.operator.misc.rust | #7a7a7a | — |
| variable.language.rust | #666666 | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #666666 | — |
| token.info-token | #2E5A88 | — |
| token.warn-token | #A66A28 | — |
| token.error-token | #C62828 | — |
| token.debug-token | #5E4E8C | — |
| log.info | #2E5A88 | — |
| log.warning | #A66A28 | — |
| log.error | #C62828 | — |
| source.env | #666666 | — |
| meta.preprocessor | #666666 | — |
| support.type.property-name.toml, support.type.property-name.table.toml, support.type.property-name.array.toml | #7A3030 | — |
| punctuation.definition.block.sequence.item.yaml | #B3B3B3 | — |
| entity.name.tag.yaml, support.type.property-name.yaml, meta.mapping.key.yaml, meta.mapping.key string.unquoted.plain.out.yaml, entity.other.attribute-name.yaml | #7A3030 | — |
| string.unquoted.plain.out.yaml, string.quoted.single.yaml, string.quoted.double.yaml, source.yaml meta.mapping.value, source.yaml meta.mapping.value string.unquoted.plain.out.yaml, source.yaml meta.mapping.value string.quoted.single.yaml, source.yaml meta.mapping.value string.quoted.double.yaml, meta.embedded.block.markdown source.yaml meta.mapping.value, meta.embedded.block.markdown source.yaml meta.mapping.value string.unquoted.plain.out.yaml, meta.embedded.block.markdown source.yaml meta.mapping.value string.quoted.single.yaml, meta.embedded.block.markdown source.yaml meta.mapping.value string.quoted.double.yaml | #416447 | — |
| source.yaml string.other.link, source.yaml markup.underline.link, source.yaml constant.other.reference.link.markdown, source.yaml meta.mapping.value string.other.link, source.yaml meta.mapping.value markup.underline.link, source.yaml meta.mapping.value constant.other.reference.link.markdown, meta.embedded.block.markdown source.yaml string.other.link, meta.embedded.block.markdown source.yaml markup.underline.link, meta.embedded.block.markdown source.yaml constant.other.reference.link.markdown, meta.embedded.block.markdown source.yaml meta.mapping.value string.other.link, meta.embedded.block.markdown source.yaml meta.mapping.value markup.underline.link, meta.embedded.block.markdown source.yaml meta.mapping.value constant.other.reference.link.markdown | #0A0A0A | bold underline |
| constant.numeric.yaml, constant.language.boolean.yaml, constant.language.null.yaml, string.unquoted.date.yaml, constant.other.date.yaml, source.yaml meta.mapping.value constant.numeric.yaml, source.yaml meta.mapping.value constant.language.boolean.yaml, source.yaml meta.mapping.value constant.language.null.yaml, source.yaml meta.mapping.value string.unquoted.date.yaml, source.yaml meta.mapping.value constant.other.date.yaml, meta.embedded.block.markdown source.yaml meta.mapping.value constant.numeric.yaml, meta.embedded.block.markdown source.yaml meta.mapping.value constant.language.boolean.yaml, meta.embedded.block.markdown source.yaml meta.mapping.value constant.language.null.yaml, meta.embedded.block.markdown source.yaml meta.mapping.value string.unquoted.date.yaml, meta.embedded.block.markdown source.yaml meta.mapping.value constant.other.date.yaml | #75648C | bold |
| constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir, constant.language.symbol.ruby, constant.language.symbol.hashkey.ruby | #748B88 | — |
| meta.jsx.children, text.html, text.log | #606060 | — |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell, variable.other.readwrite.shell | #898192 | — |
| support.function.builtin.shell, keyword.other.shell, storage.type.function.shell | #748B88 | — |
| keyword.operator.pipe.shell, keyword.operator.redirect.shell, keyword.operator.logical.shell, keyword.operator.background.shell | #956F81 | — |
| keyword.other.special-method.dockerfile, keyword.other.definition.dockerfile, entity.name.image.dockerfile | #908374 | — |
| entity.name.tag.dockerfile, support.class.dockerfile | #898192 | — |
| markup.strikethrough, markup.strikethrough punctuation.definition.strikethrough | #4a4a4a | strikethrough |
| markup.checkbox.markdown, meta.checkbox.markdown, markup.list.unnumbered.task.markdown string.other.unchecked.checkbox.markdown, markup.list.unnumbered.task.markdown string.other.checked.checkbox.markdown | #606060 | — |
| markup.quote.callout string.other.callout-type, string.other.callout-type.markdown, markup.quote punctuation.definition.callout | #898192 | bold |
| entity.name.type.type-parameter.ts, entity.name.type.type-parameter.tsx, variable.parameter.type.ts, variable.parameter.type.tsx | #898192 | — |
| storage.modifier.abstract.ts, storage.modifier.abstract.tsx, storage.modifier.access.ts, storage.modifier.override.ts, storage.modifier.override.tsx, storage.modifier.readonly.ts, storage.modifier.readonly.tsx | #817A8D | italic |
| keyword.operator.optional, punctuation.accessor.optional, keyword.operator.nullish-coalescing, keyword.operator.assignment.compound.nullish, keyword.operator.existential.ts | #908374 | — |
| variable.other.custom-property.name.css, support.type.custom-property.css, variable.css, support.type.custom-property | #748B88 | — |
| keyword.control.at-rule.keyframes.css, keyword.control.at-rule.layer.css, keyword.control.at-rule.container.css, keyword.control.at-rule.supports.css, entity.name.keyframes.css | #898192 | — |
| entity.name.type.rust, entity.name.enum.rust, entity.name.struct.rust, entity.name.trait.rust, entity.name.impl.rust | #898192 | — |
| support.macro.rust, entity.name.function.macro.rust, meta.macro.rules.rust entity.name.function.rust, meta.attribute.rust | #748B88 | — |
| entity.name.section.group-title.ini, punctuation.definition.entity.ini, keyword.other.definition.ini | #956F81 | — |
| support.type.graphql, entity.name.type.graphql, entity.name.fragment.graphql, entity.name.operation.graphql | #898192 | — |
| variable.graphql, entity.other.attribute-name.graphql, variable.other.readwrite.alias.graphql | #898192 | — |
| entity.name.module.elixir, meta.module-reference.elixir, support.type.module.elixir | #898192 | — |
| keyword.operator.other.elixir, keyword.operator.match.elixir, keyword.operator.pipe.elixir | #908374 | — |
| meta.function.parameters.annotation.python, meta.return.type.annotation.python, meta.function.return-type | #898192 | — |
| support.function.builtin.go, entity.name.function.go, support.type.builtin.go | #898192 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.alias.yaml, punctuation.definition.anchor.yaml | #5E4E8C | — |
| punctuation.definition.metadata.markdown, comment.thematic-break | #333333AA | — |
| entity.name.table.toml, punctuation.definition.table.toml | #956F81 | — |
| meta.directive.vue entity.other.attribute-name, support.attribute.event.vue, keyword.control.directive.vue, meta.tag.block.svelte entity.other.attribute-name | #748B88 | — |
| meta.preprocessor.c, meta.preprocessor.cpp, keyword.control.directive, punctuation.definition.directive, entity.name.function.preprocessor | #748B88 | — |
| storage.modifier.access.control.public.cpp, storage.modifier.access.control.private.cpp, storage.modifier.access.control.protected.cpp, keyword.other.accessibility, storage.modifier.static | #817A8D | italic |
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}!`;
}