nuuvo
Publisher: jacksonhardyThemes in package: 7
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 |
|---|---|---|
| variable.parameter, variable.parameter.function | #C9AFE0 | — |
| comment, punctuation.definition.comment | #D9C8C8 | italic |
| punctuation, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, meta.brace | #E2D1D1 | — |
| punctuation.definition.template-expression, punctuation.definition.interpolation, variable.interpolation | #E4BCBF | — |
| punctuation.separator | #E4BCBF | — |
| punctuation.separator.key-value, punctuation.accessor | #E4BCBF | — |
| keyword.operator | #DA8FBD | — |
| keyword.operator.expression | #DA8FBD | — |
| keyword | #958AC5 | — |
| keyword.control, punctuation.definition.keyword | #4A4543D2 | |
| variable | #B4ADDF | — |
| variable.language.this | #E4BCBF | — |
| storage | #C9AFE0 | — |
| meta.class, support.class, entity.name.class, entity.name.type.class, entity.other.attribute-name.class, entity.other.attribute-name.class.css, punctuation.definition.entity.css | #C08BCED5 | — |
| support.class.console, support.function.console | #B8BAC9AA | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #EEAABE | — |
| entity.name.type, storage.type | #958AC5 | — |
| storage.type.function | #4A4543D2 | italic |
| entity.name.function, support.function, support.function.any-method, storage.function, storage.type.function.arrow, keyword.other.special-method | #87B6B6 | — |
| meta.function-call | #87B6B6 | italic |
| storage.type.function.arrow, support.function | #87B6B6 | — |
| string, constant.other.symbol, entity.other.inherited-class, punctuation.definition.string | #91B8DD | — |
| punctuation.definition.string | #82B4E3 | italic |
| constant.numeric | #82B4E3 | — |
| none | #82B4E3 | — |
| none | #82B4E3 | — |
| constant | #82B4E3 | — |
| entity.name.tag, punctuation.definition.tag, support.class.component.js, punctuation.definition.block.tag, punctuation.definition.inline.tag | #A19597 | — |
| meta.jsx.children | #BA989C | — |
| entity.other.attribute-name, support.type.property-name, support.variable.property | #6F557388 | — |
| entity.other.attribute-name.id, punctuation.definition.entity, constant.character.entity.named | #E4BCBF | — |
| meta.selector | #DB90A7 | — |
| none | #82B4E3 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #87B6B6 | |
| keyword.other.unit | #EEAABE | — |
| markup.bold, punctuation.definition.bold | #9F8298 | bold |
| markup.italic, punctuation.definition.italic | #9F8298 | italic |
| markup.raw.inline, markup.inline.raw.string.markdown, punctuation.definition.raw.markdown | #6F557388 | — |
| markup.fenced_code.block.markdown, punctuation.definition.markdown, markup.raw.block.markdown | #6F557388 | — |
| string.other.link | #82B4E3 | — |
| meta.link, markup.underline.link.image.markdown, meta.image.inline.markdown, meta.image.inline.markdown, punctuation.definition.metadata.markdown | #EEAABE | — |
| markup.list, punctuation.definition.list.begin.markdown | #B4ADDF | — |
| markup.quote | #EEAABE | — |
| meta.separator | #4A4543D2 | — |
| markup.inserted | #98C4BA | — |
| markup.deleted | #DD698C | — |
| markup.changed | #CABF9A | — |
| constant.other.color | #4A4543D2 | — |
| string.regexp | #82B4E3 | — |
| constant.character.escape | #E4BCBF | — |
| punctuation.section.embedded | #E4BCBF | — |
| invalid.illegal | #DD698CCC | — |
| comment, punctuation.definition.comment | #E2DADA | italic |
| punctuation, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, meta.brace | #CF94AD | — |
| punctuation.separator | #FDA8AF | — |
| punctuation.separator.key-value, punctuation.accessor | #E6A3BD | — |
| keyword.operator | #E6A3BD | — |
| keyword.control, punctuation.definition.keyword | #76BEA6 | — |
| variable | #98A1D3 | — |
| variable.language.this | #5654BD | — |
| entity.name.function, support.function, support.function.any-method, storage.function, storage.type.function.arrow, keyword.other.special-method, meta.function-call | #8BA6FF | — |
| entity.name.tag, punctuation.definition.tag, support.class.component.js, punctuation.definition.block.tag, punctuation.definition.inline.tag | #E7A3BF | — |
| entity.other.attribute-name.jsx | #A9B8FA | — |
| support.class | #ADA2D3 | bold italic underline |
| support.type.property-name | #ADBFDF | italic |
| entity.other.attribute-name | #EBB7E1 | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |
| entity.name.type | #DECBE8 | bold |
| punctuation.definition.tag, punctuation.section.embedded, meta.brace | #DECBE8 |
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 | #2AA1AE | — |
| string | #2D9574 | — |
| constant.numeric | #A45BAD | — |
| constant.language | #A45BAD | — |
| constant.character, constant.other | #A45BAD | — |
| variable | #7590DB | |
| keyword | #4F97D7 | — |
| storage | #4F97D7 | |
| storage.type | #CE537A | italic |
| entity.name.class, entity.name.type | #4F97D7 | bold |
| entity.other.inherited-class | #BC6EC5 | italic underline |
| entity.name.function | #BC6EC5 | |
| variable.parameter | #7590DB | |
| entity.name.tag | #4F97D7 | |
| entity.other.attribute-name | #BC6EC5 | |
| support.function | #BC6EC5 | bold |
| support.constant | #A45BAD | |
| support.type, support.class | #CE537A | italic |
| invalid | #E0211D | — |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #DC322F | — |
| markup.changed | #CB4B16 | — |
| markup.inserted | #219186 | — |
| markup.quote | #22AA44 | — |
| markup.bold, markup.italic | #22AA44 | — |
| markup.inline.raw | #9966B8 | — |
| markup.heading.setext | #DDBB88 | — |
| source.java storage.modifier.import, source.java storage.modifier.package, source.java entity.name.type.class, source.java storage.type, source.java meta.definition.class.implemented.interfaces, source.java entity.other.inherited-class | #CE537A | |
| meta.method.body.java, meta.function-call.java | #CBC1D5 | — |
| source.java keyword.operator.assignment, source.java keyword.operator.arithmetic, source.java storage.type.function.arrow.java, source.java punctuation.definition.parameters.begin.bracket.round, source.java punctuation.definition.parameters.end.bracket.round | #CBC1D5 | — |
| source.java begin.bracket.curly, source.java end.bracket.curly | #4F97D7 | — |
| source.java entity.name.function meta | #CE537A | — |
| source.java keyword.other.documentation.javadoc.java | #9966B8 | — |
| source.cpp keyword.control.directive | #9966B8 | — |
| source.cpp storage.type, source.cpp storage.modifier | #4F97D7 | — |
| source.clojure meta.symbol | #CBC1D5 | — |
| source.clojure entity.global, source.clojure meta.definition.global | #CE537A | — |
| source.clojure constant.keyword | #9966B8 | — |
| source.clojure meta.symbol meta.expression, source.clojure meta.vector | #CE537A | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| comment | #807B96 | — |
| punctuation.definition.comment | #807B96 | — |
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 | #CDB184 | — |
| variable, string constant.other.placeholder | #D9D7CA | — |
| constant.other.color | #FF9E7A | — |
| invalid, invalid.illegal | #F33939 | — |
| storage.type | #AE90DE | — |
| storage.modifier | #AE90DE | — |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #AE90DE | bold |
| keyword.control, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution, keyword.other | #AE90DE | — |
| keyword.other.definition.ini | #FF9E7A | — |
| keyword.control.trycatch | #FF4A65 | bold |
| keyword.other.unit, keyword.operator | #EFBA4F | — |
| punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, meta.brace, keyword.operator.type.annotation, keyword.operator.namespace | #99A0E3 | — |
| entity.name.tag, meta.tag.sgml | #FFD78E | — |
| entity.name.tag.html | #AE90DE | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #84A9F4 | — |
| entity.name.function.macro | #FF9E7A | — |
| meta.block variable.other | #D9D7CA | — |
| support.other.variable | #D9D7CA | — |
| string.other.link | #FF9E7A | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape | #5BA7C8 | — |
| constant.language.boolean | #FF9E7A | — |
| constant.numeric | #D27E99 | — |
| string, punctuation.definition.string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, markup.inline.raw.string | #BADBB5 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types | #94DCB0 | — |
| entity.name.type.module, entity.name.namespace | #D9D7CA | — |
| entity.name.import.go | #BADBB5 | — |
| variable.other.property | #FFD78E | — |
| keyword.control.import, keyword.import, meta.import | #FF9E7A | — |
| 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 | #94DCB0 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF4A65 | — |
| variable.language | #FF4A65 | — |
| entity.name.method.js | #84A9F4 | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #84A9F4 | — |
| entity.other.attribute-name | #AE90DE | — |
| entity.other.attribute-name.html, entity.other.attribute-name, invalid.deprecated.entity.other.attribute-name.html | #FFD78E | — |
| entity.other.attribute-name.class | #FFD78E | — |
| source.sass keyword.control | #5BA7C8 | — |
| markup.inserted | #3B834B | — |
| markup.deleted | #B3393B | — |
| markup.changed | #EFA64C | — |
| string.regexp | #5BA7C8 | — |
| constant.character.escape | #5BA7C8 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #AE90DE | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF4A65 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #D27E99 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFD78E | — |
| 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 | #FF9E7A | — |
| 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 | #FF4A65 | — |
| 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 | #FF9E7A | — |
| 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 | #84A9F4 | — |
| 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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #D27E99 | — |
| 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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #AE90DE | — |
| 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 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 | #BADBB5 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #D9D7CA | — |
| text.html.markdown markup.inline.raw.markdown | #AE90DE | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #AE90DE | — |
| markdown.heading, entity.name.section.markdown, markup.heading.markdown | #84A9F4 | — |
| markup.italic | #E77582 | italic |
| markup.bold, markup.bold string | — | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #E77582 | bold |
| markup.underline | #5BA7C8 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #CDB184 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #FF9E7A | — |
| string.other.link.description.title.markdown | #AE90DE | — |
| constant.other.reference.link.markdown | #FFD78E | — |
| markup.raw.block | #AE90DE | — |
| markup.raw.block.fenced.markdown | #CDB184 | — |
| punctuation.definition.fenced.markdown | #CDB184 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #D9D7CA | — |
| variable.language.fenced.markdown | #CDB184 | — |
| meta.separator | #99A0E3 | bold |
| markup.table | #D9D7CA | — |
| token.info-token | #81A1DA | — |
| token.warn-token | #F5B745 | — |
| token.error-token | #DB3A3A | — |
| token.debug-token | #BF78F1 | — |
| comment | #878C8A | — |
| punctuation.definition.comment | #878C8A | — |
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}!`;
}
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}!`;
}