Yukinord
Publisher: YukinaThemes in package: 1
Dark theme inspired by Nord and Nord Deep.
Dark theme inspired by Nord and Nord Deep.
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 |
|---|---|---|
| — | #d8dee9 | — |
| emphasis | — | italic |
| strong | — | bold |
| comment | #d8dee999 | — |
| constant.character | #ebcb8b | — |
| constant.character.escape | #ebcb8b | — |
| constant.language | #88c0d0 | — |
| constant.numeric | #ebcb8b | — |
| constant.regexp | #ebcb8b | — |
| entity.name.type | #a3be8c | — |
| entity.name.class, entity.name.type.class | #a3be8c | — |
| entity.name.enum, entity.name.type.enum | #a3be8c | — |
| entity.name.interface, entity.name.type.interface | #a3be8c | italic |
| entity.name.parameter, entity.name.type.parameter | #a3be8c | — |
| entity.name.struct, entity.name.type.struct | #a3be8c | — |
| entity.name.function | #ebcb8b | — |
| entity.name.function.preprocessor | #ebcb8b | — |
| entity.name.namespace | #a3be8c | — |
| entity.name.tag | #88c0d0 | — |
| entity.other.attribute-name | #d8dee9 | — |
| entity.other.inherited-class | #a3be8c | bold |
| invalid.deprecated | #d8dee9 | — |
| invalid.illegal | #bf616a | — |
| keyword | #88c0d0 | — |
| keyword.control | #b48ead | — |
| keyword.operator | #d8dee9 | — |
| keyword.operator.new, keyword.other.new | #88c0d0 | — |
| markup.bold | — | bold |
| markup.changed | #ebcb8b | — |
| markup.deleted | #bf616a | — |
| markup.inserted | #a3be8c | — |
| meta.preprocessor | #88c0d0 | — |
| punctuation | #d8dee9 | — |
| punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters | #d8dee9 | — |
| punctuation.definition.tag | #d8dee9 | — |
| punctuation.definition.comment, punctuation.end.definition.comment, punctuation.start.definition.comment | #d8dee999 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #d08770 | — |
| punctuation.section | #d8dee9 | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #d8dee9 | — |
| punctuation.terminator | #d8dee9 | — |
| punctuation.definition.variable | #d8dee9 | — |
| storage | #88c0d0 | — |
| string | #d08770 | — |
| string.regexp | #ebcb8b | — |
| support.class | #a3be8c | — |
| support.constant | #d8dee9 | — |
| support.function | #ebcb8b | — |
| support.function.construct | #ebcb8b | — |
| support.type | #a3be8c | — |
| support.type.exception | #a3be8c | — |
| token.debug-token | #b48ead | — |
| token.error-token | #bf616a | — |
| token.info-token | #88c0d0 | — |
| token.warn-token | #ebcb8b | — |
| variable.other | #d8dee9 | — |
| variable.other.constant | #d8dee9 | bold |
| variable.other.enummember | #a3be8c | bold |
| variable.language | #88c0d0 | — |
| variable.parameter | #d8dee9 | — |
| source.c keyword.control.directive.conditional.c, source.c punctuation.definition.directive.c, source.cpp keyword.control.directive.conditional.cpp, source.cpp punctuation.definition.directive.cpp | #b48ead | bold |
| source.cpp entity.name.scope-resolution.cpp | #a3be8c | — |
| source.c meta.preprocessor.include.c, source.c string.quoted.other.lt-gt.include.c | #d08770 | — |
| source.c punctuation.separator.pointer-access.c | #88c0d0 | — |
| source.c storage.type.built-in.primitive.c | #88c0d0 | — |
| source.cs variable.language.this.cs | #88c0d0 | — |
| source.css constant.other.color.rgb-value, source.css support.constant.color.w3c-extended-color-name, source.css support.constant.color.w3c-standard-color-name.css | #d08770 | — |
| support.constant.font-name.css | #d08770 | — |
| support.constant.property-value.css | #d08770 | — |
| source.css entity.other.attribute-name | #88c0d0 | — |
| source.css keyword.control.at-rule.media | #b48ead | — |
| source.css keyword.other.unit | #ebcb8b | — |
| source.css punctuation.definition.constant | #d08770 | — |
| source.css punctuation.definition.keyword | #b48ead | — |
| source.css support.type.property-name | #d8dee9 | — |
| source.dart meta.embedded.expression.dart | #d8dee9 | — |
| source.dart storage.modifier.dart | #88c0d0 | — |
| source.dart storage.type.annotation.dart | #d8dee9 | — |
| source.dart string.interpolated.expression.dart | #d8dee9 | — |
| source.go constant.other.placeholder.go | #ebcb8b | — |
| source.java meta.method-call meta.method | #88c0d0 | — |
| source.java storage.modifier | #88c0d0 | — |
| source.java storage.modifier.import | #d8dee9 | — |
| source.java storage.modifier.package | #d8dee9 | — |
| source.java storage.type.annotation | #a3be8c | — |
| source.java storage.type.generic | #a3be8c | italic |
| source.java storage.type.primitive | #a3be8c | — |
| source.java variable.language.wildcard.java | #d8dee9 | — |
| source.js keyword.operator.expression.instanceof | #88c0d0 | — |
| source.js meta.object-literal.key | #d8dee9 | — |
| source.js string.quoted.template punctuation.quasi.element.begin, source.js string.quoted.template punctuation.quasi.element.end, source.js string.template punctuation.definition.template-expression | #d08770 | — |
| source.js string.quoted.template meta.method-call.with-arguments | #d8dee9 | — |
| source.js string.template meta.template.expression support.variable.property, source.js string.template meta.template.expression variable.other.object | #d8dee9 | — |
| source.js support.type.primitive | #a3be8c | — |
| source.js variable.other.object | #d8dee9 | — |
| source.js variable.other.readwrite.alias | #d8dee9 | — |
| source.js meta.embedded.line meta.brace.square, source.js meta.embedded.line meta.brace.round, source.js string.quoted.template meta.brace.square, source.js string.quoted.template meta.brace.round | #d8dee9 | — |
| source.json punctuation.support.type.property-name.begin.json, source.json punctuation.support.type.property-name.end.json | #d8dee9 | — |
| source.json support.type.property-name.json | #d8dee9 | — |
| punctuation.definition.entity.html | #d08770 | — |
| text.log log.constant | #88c0d0 | — |
| text.log log.date | #a3be8c | — |
| text.log log.string | #d08770 | — |
| text.log log.error | #bf616a | — |
| text.log log.info | #81a1c1 | — |
| code.log invalid | #bf616a | — |
| text.log log.warning | #ebcb8b | — |
| text.html.markdown markup.bold | — | bold |
| markup.heading | #88c0d0 | — |
| text.html.markdown markup.inline.raw, text.html.markdown markup.inline.raw punctuation.definition.raw | #ebcb8b | — |
| text.html.markdown markup.italic | — | italic |
| text.html.markdown markup.underline.link | #d08770 | underline |
| text.html.markdown beginning.punctuation.definition.list | #88c0d0 | — |
| text.html.markdown markup.quote | #a3be8c | — |
| text.html.markdown punctuation.definition.function.math.tex | #88c0d0 | — |
| text.html.markdown meta.embedded.block.katex | #d8dee9 | — |
| text.html.markdown meta.paragraph | #d8dee9 | — |
| text.html.markdown punctuation.definition.bold | — | bold |
| text.html.markdown punctuation.definition.italic | — | italic |
| text.html.markdown punctuation.definition.heading | #88c0d0 | — |
| text.html.markdown punctuation.definition.list.begin.markdown | #88c0d0 | — |
| text.html.markdown punctuation.definition.math.display.markdown | #a3be8c | — |
| text.html.markdown punctuation.definition.quote.begin.markdown | #a3be8c | — |
| text.html.markdown constant.other.reference.link, text.html.markdown string.other.link.description, text.html.markdown string.other.link.title | #b48ead | — |
| source.rust meta.macro entity.name.function | #ebcb8b | bold |
| source.rust meta.attribute, source.rust meta.attribute punctuation, source.rust meta.attribute keyword.operator | #d8dee9 | — |
| source.rust meta.interpolation | #d8dee9 | — |
| source.rust entity.name.type.trait | #a3be8c | italic |
| source.rust punctuation.definition.interpolation | #d8dee9 | — |
| source.rust punctuation.definition.string | #d08770 | — |
| source.rust storage.modifier.mut | #88c0d0 | — |
| source.rust storage.type | #88c0d0 | — |
| source.shell constant.other.option | #88c0d0 | — |
| source.shell constant.other.option.dash.shell | #88c0d0 | — |
| text.xml meta.tag.preprocessor | #d8dee9 | — |
| text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string | #d08770 | italic |
| source.yaml entity.name.tag.yaml | #d8dee9 | — |
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}!`;
}