Hush Theme
Publisher: NobilissimumThemes in package: 3
Slick color theme without overwhelming colors
Slick color theme without overwhelming colors
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 |
|---|---|---|
| markup.underline.error | #CC6E8FFF | — |
| markup.underline.info | #74ADD2FF | — |
| markup.underline.hint, markup.underline.warning | #FFFAC2FF | — |
| entity.name.function, entity.name.section.group-title.ini, entity.name.type.js, entity.name.type.ts, entity.name.type.tsx, keyword.other.special-method.ruby, markup.quote.markdown, meta.function-call.generic.python, support.function, support.variable.property.dom.js, support.variable.property.dom.ts, support.variable.property.dom.tsx, variable.graphql, variable.other.object.property.js, variable.other.object.property.ts, variable.other.object.property.tsx, variable.other.property | #74ADD2FF | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown, meta.object-literal.key.js, meta.object-literal.key.ts, meta.object-literal.key.tsx, support.constant.parity.css | #74ADD2FF | — |
| token.info-token | #74ADD2FF | — |
| markup.quote.markdown | #74ADD2FF | italic |
| token.error-token | #F77172FF | — |
| constant.language.boolean.yaml, constant.language.json, constant.language.json.comments, constant.name.attribute.tag.jade, constant.other.database-name.sql, constant.other.table-name.sql, keyword.control, keyword.other.directive.using.cs, keyword.other.import.java, meta.definition.variable.name.java, storage.modifier.async.js, storage.modifier.async.ts, storage.modifier.async.tsx, storage.modifier.cs, storage.modifier.extends.java, storage.modifier.js, storage.modifier.perl, storage.modifier.ts, storage.modifier.tsx, support.class.component.html, support.class.component.js, support.class.component.ts, support.class.component.tsx, support.variable.property.js, support.variable.property.ts, support.variable.property.tsx | #F77172FF | — |
| entity.name.tag, keyword.const.go, keyword.function.go, keyword.import.go, keyword.operator, keyword.other.DML.sql, keyword.other.alias.sql, keyword.other.class.cs, keyword.other.default, keyword.other.definition.ini, keyword.other.important.css, keyword.package.go, keyword.type.bool.cs, keyword.type.byte.cs, keyword.type.char.cs, keyword.type.cs, keyword.type.decimal.cs, keyword.type.double.cs, keyword.type.float.cs, keyword.type.graphql, keyword.type.int.cs, keyword.type.long.cs, keyword.type.nint.cs, keyword.type.sbyte.cs, keyword.type.short.cs, keyword.type.uint.cs, keyword.type.ulong.cs, keyword.type.ushort.cs, keyword.type.void.cs, keyword.var.go, markup.italic.markdown, meta.tag.sgml.doctype.html, storage.modifier.const.cs, storage.modifier.file.cs, storage.modifier.internal.cs, storage.modifier.java, storage.modifier.private-protected.cs, storage.modifier.private.cs, storage.modifier.protected-internal.cs, storage.modifier.protected.cs, storage.modifier.public.cs, storage.type, storage.type.annotation.java, storage.type.java, support.constant.math, support.type.builtin.graphql, support.type.graphql, support.type.object.module.js, support.type.object.module.ts, support.type.object.module.tsx, support.type.primitive.js, support.type.primitive.ts, support.type.primitive.tsx, support.type.property-name, support.type.property-name.css, support.type.property-name.json, support.type.property-name.json.comments, support.type.property-name.media.css, support.type.python | #A980C4FF | — |
| token.debug-token | #A980C4FF | — |
| markup.italic.markdown, punctuation.definition.italic.markdown | #A980C4FF | italic |
| constant.numeric, constant.numeric.css, entity.name.type.class, entity.name.type.cs, entity.name.type.instance, entity.name.type.interface.ts, entity.name.type.module.js, entity.name.type.module.ts, entity.name.type.module.tsx, entity.other.attribute-name, entity.other.inherited-class, keyword.other.unit, support.class, support.constant.json.comments.js, support.constant.json.comments.ts, support.constant.json.comments.tsx, support.constant.json.js, support.constant.json.ts, support.constant.json.tsx, support.constant.property-value.css, support.constant.property-value.scss, support.constant.property.math, support.variable.dom.js, support.variable.dom.ts, support.variable.dom.tsx, support.variable.object.node.js, support.variable.object.node.ts, support.variable.object.node.tsx, support.variable.object.process.js, support.variable.object.process.ts, support.variable.object.process.tsx, support.variable.property.process.js, support.variable.property.process.ts, support.variable.property.process.tsx, variable.parameter.function | #CEC999FF | — |
| token.warn-token | #CEC999FF | — |
| variable.language.special.self.python, variable.language.super, variable.language.this.js, variable.language.this.ts, variable.language.this.tsx | #CEC999FF | — |
| entity.name.section.markdown, meta.object-literal.key, source.coffee.embedded.source, string.interpolated.jade, string.quoted, string.template.js, string.template.ts, string.template.tsx, string.unquoted.plain.out.yaml | #CEC999FF | — |
| markup.bold.markdown | #CEC999FF | bold |
| constant.language.import-export-all.js, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, constant.other.color, meta.paragraph.markdown, meta.parameters.js, meta.parameters.ts, meta.parameters.tsx, meta.property-name.css, meta.property-value.css, source, storage.modifier.import.java, string.other.link.description.title.markdown, support.constant.color, text.html.basic, text.html.markdown, text.jade, variable.assignment, variable.interpolation.scss, variable.other, variable.other.object | #FFFFFFEE | — |
| meta.brace, meta.group.regexp, source.js-ignored-vscode, string.regexp.js, string.regexp.ts, string.regexp.tsx, support.constant | #FFFFFFCC | — |
| punctuation, punctuation.definition.block.tag.jsdoc, punctuation.definition.bold.markdown, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, punctuation.definition.comment, punctuation.definition.constant.css, punctuation.definition.dictionary, punctuation.definition.directive, punctuation.definition.heading.markdown, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.italic.markdown, punctuation.definition.keyword, punctuation.definition.metadata.markdown, punctuation.definition.storage.type.objc, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.variable.less, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.media.end.bracket.curly.css, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.end.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.scss, punctuation.separator.comma.js, punctuation.separator.comma.ts, punctuation.separator.comma.tsx, punctuation.separator.dictionary.pair, punctuation.separator.key-value, punctuation.separator.list.comma.css, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.begin.json.comments, punctuation.support.type.property-name.end.json, punctuation.support.type.property-name.end.json.comments | #FFFFFFAA | — |
| comment, string.quoted.docstring.multi.python | #FFFFFF92 | 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}!`;
}