Intrepid Darkness
Publisher: KeineAhnungThemes in package: 2
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 |
|---|---|---|
| support.type.primitive.ts | #00aeff | — |
| keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.rem.css, keyword.other.unit.cm.css, keyword.other.unit.mm.css, keyword.other.unit.in.css, keyword.other.unit.pt.css, keyword.other.unit.pc.css, keyword.other.unit.ex.css, keyword.other.unit.ch.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.vmin.css, keyword.other.unit.vmax.css, keyword.other.unit.deg.css, keyword.other.unit.s.css, keyword.other.unit.ms.css | #00af58 | — |
| comment.block.html, punctuation.definition.comment.scss, comment.line.sass, comment.line.scss, comment.block.sass, comment.block.scss, comment.line.number-sign.yaml, punctuation.definition.comment.less, punctuation.definition.comment.begin.css, punctuation.definition.comment.end.css, comment.line.double-slash.less, comment.block.css, comment.block.svelte | #0ead0eaf | italic |
| meta.tag.sgml.doctype.html | #e98604 | — |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml, string.quoted.svelte | #00e0bb | — |
| text.html.derivative meta.attribute.class.html entity.other.attribute-name.html, text.html.php meta.attribute.class.html entity.other.attribute-name.html, meta.tag.start.svelte meta.attribute.class.svelte entity.other.attribute-name.svelte, meta.tag.void.svelte meta.attribute.class.svelte entity.other.attribute-name.svelte | #ffba3b | — |
| entity.other.attribute-name.localname.xml | #00a2ff | — |
| text.html.derivative meta.attribute.id.html entity.other.attribute-name.html, text.html.php meta.attribute.id.html entity.other.attribute-name.html, meta.tag.start.svelte meta.attribute.id.svelte entity.other.attribute-name.svelte, meta.tag.void.svelte meta.attribute.id.svelte entity.other.attribute-name.svelte | #00a2ff | — |
| entity.other.attribute-name.class.css | #ffba3b | — |
| support.type.property-name.css, meta.property-list.css, meta.at-rule.keyframes.scss entity.other.attribute-name.scss | #69f3f8 | — |
| meta.toc-list.id.html | #00a2ff | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id | #00a2ff | — |
| entity.name.tag.inline.any.html, entity.name.tag.script.html, entity.name.tag.structure.any.html, entity.name.tag.other.html, entity.name.tag.block.any.html, entity.name.tag.html, entity.name.tag.css, entity.name.tag.svelte | #fc5252 | — |
| variable.other.less | #89DDFF | — |
| entity.other.attribute-name.class | #89DDFF | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #fc5252 | — |
| variable.other.readwrite.js, variable.other.object.property.js, variable.other.property.js, variable.parameter.js, variable.other.constant.js, variable.other.readwrite.ts, variable.other.object.property.ts, variable.other.property.ts, variable.parameter.ts, variable.other.constant.ts, variable.other.php, source.js meta.function-call.js variable.other.object.js | #fc5252 | — |
| source.python | #7079fc | — |
| variable.other.global.safer.php, variable.other.global.php | #d37676 | — |
| keyword.control.import.python, keyword.other.python, keyword.control.import.from.python | #52fce5 | — |
| string.template.js, string.template.ts | #34B465 | — |
| storage.type.function.js, storage.type.js, keyword.operator.new.js, keyword.operator.assignment.js, meta.var-single-variable.expr.js, keyword.operator.arithmetic.js, punctuation.terminator.statement.js, keyword.operator.comparison.js, keyword.operator.logical.js, storage.type.function.arrow.js, keyword.operator.relational.js, keyword.operator.increment.js, keyword.operator.decrement.js, keyword.operator.assignment.compound.js, keyword.operator.expression.in.js, keyword.operator.expression.of.js, storage.type.function.ts, storage.type.ts, keyword.operator.new.ts, keyword.operator.assignment.ts, keyword.operator.arithmetic.ts, punctuation.terminator.statement.ts, keyword.operator.comparison.ts, keyword.operator.logical.ts, storage.type.function.arrow.ts, keyword.operator.relational.ts, keyword.operator.increment.ts, keyword.operator.decrement.ts, keyword.operator.assignment.compound.ts, keyword.operator.expression.in.ts, keyword.operator.expression.of.ts, keyword.operator.assignment.php, keyword.operator.comparison.php, keyword.operator.increment-decrement.php, keyword.operator.regexp.php, keyword.operator.key.php, punctuation.definition.arguments.begin.bracket.round.php, punctuation.definition.arguments.end.bracket.round.php, punctuation.definition.begin.bracket.curly.php, punctuation.definition.end.bracket.curly.php, keyword.operator.string.php, punctuation.section.array.begin.php, punctuation.section.array.end.php, keyword.operator.arithmetic.php, keyword.operator.class.php, keyword.operator.comparison.sql, keyword.operator.star.sql, entity.other.attribute-name.xml, meta.tag.xml, keyword.operator.less, storage.type.primitive.dart, keyword.declaration.dart, storage.modifier.dart, keyword.operator.ternary.dart, storage.type.annotation.dart, keyword.operator.closure.dart, storage.type.primitive.dart, keyword.operator.assignment.dart, entity.other.attribute-name.namespace.xml, entity.other.attribute-name.html, entity.other.attribute-name.svelte | #b30bf5 | — |
| meta.var-single-variable.expr.ts | #00D4DB | — |
| keyword.operator.assignment.python, keyword.operator.logical.python, keyword.operator.arithmetic.python, keyword.operator.assignment.augmented.python, keyword.operator.comparison.python, storage.type.class.python, storage.type.function.python, storage.type.string.python | #b30bf5 | — |
| storage.type.function.php | #46e3ff | — |
| support.type.python | #ffee00 | — |
| keyword.control.flow.python | #00d4db | — |
| entity.other.attribute-name.js, entity.other.attribute-name.ts | #e66464 | — |
| source.js variable.other.object.js, variable.other.object.ts | #dadada | — |
| entity.name.function.js, entity.name.function.ts, keyword.control.flow.ts, meta.function-call.python, variable.parameter.function.python, variable.language.python, entity.name.function.dart | #46e3ff | — |
| storage.modifier.async.js, keyword.control.flow.js | #00BBFF | — |
| support.class.builtin.js, support.class.builtin.ts | #ffee00 | — |
| meta.block.js, keyword.control.trycatch.js, keyword.control.conditional.js, keyword.control.loop.js, meta.block.ts, keyword.control.trycatch.ts, keyword.control.conditional.ts, keyword.control.loop.ts, keyword.control.if.php, keyword.control.else.php, keyword.control.while.php, keyword.control.for.php | #00d4db | — |
| variable.other.link.underline.jsdoc, string.regexp.js, variable.other.link.underline.tsdoc, string.regexp.ts | #00f7ff | — |
| variable.other.jsdoc, comment.block.documentation.js, variable.other.tsdoc, comment.block.documentation.ts | #00ff0d | — |
| meta.brace.round.css | #F2740E | — |
| comment.block.documentation.js, comment.block.js, punctuation.definition.comment.js, comment.line.double-slash.js, comment.block.documentation.ts, comment.block.ts, punctuation.definition.comment.ts, comment.line.double-slash.ts, comment.line.double-slash.php, comment.block.php, punctuation.definition.comment.yaml, comment.line.number-sign.python, comment.line.double-slash.dart, comment.block.dart | #1ac785 | — |
| punctuation.definition.comment.js, punctuation.definition.comment.ts, punctuation.definition.comment.php, punctuation.definition.comment.python | #14885c | — |
| string.quoted.double.js, string.quoted.single.js, string.quoted.double.ts, string.quoted.single.ts, string.quoted.double.json, constant.numeric.json, string.quoted.double.php, string.regexp.double-quoted.php, string.quoted.single.php, string.regexp.single-quoted.php, string.quoted.single.sql, punctuation.definition.string.end.sql, string.quoted.single.single-line.python, string.quoted.double.single-line.python, string.quoted.double.single-line.raw-regex.python, string.quoted.single.block.raw-regex.python, string.quoted.double.block.raw-regex.python, string.quoted.single.single-line.raw-regex.python, string.quoted.single.block.python, string.quoted.double.block.python, constant.character.escape.linefeed.python | #49FF8C | — |
| constant.other.php | #1fe76b | — |
| punctuation.definition.array.begin.json, punctuation.support.type.property-name.end.json, punctuation.support.type.property-name.begin.json, punctuation.separator.dictionary.key-value.json | #02f7ff | — |
| punctuation.definition.dictionary.begin.json | #2fa0cc | — |
| #688afa | — | |
| #1b2124 | — | |
| support.type.property-name.json, support.type.property-name.json punctuation, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #81d6f8 | — |
| text.html.markdown, entity.name.section.markdown, string.other.link.description.markdown | #46ff55 | — |
| punctuation.definition.heading.markdown | #ffff00 | — |
| punctuation.definition.list.begin.markdown | #00A8BE | — |
| punctuation.definition.block.sequence.item.yaml | #ffee00 | — |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown | #06e2ff | — |
| source.ignore | #06e2ff | — |
| markup.italic.markdown, markup.bold.markdown, entity.name.section.markdown | #06E2CD | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #46FF55 | — |
| fenced_code.block.language.markdown, markup.underline.link.markdown | #00a8be | — |
| variable.other.value, variable.scss, variable.other.name | #40cee0 | — |
| keyword.control.unit.css.sass | #00ff15 | — |
| entity.other.inherited-class.placeholder-selector.css.sass | #ffee00 | — |
| string.quoted.double.css.sass | #00ffff | — |
| entity.other.attribute-selector.sass | #00a2ff | — |
| keyword.operator.sass | #b30bf5 | — |
| constant.language.color.rgb-value.css.sass, constant.other.color.rgb-value.hex.css, punctuation.definition.constant.css, constant.other.rgb-value.css | #ff00f2 | — |
| source.sql | #ff00f2 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #ff00f2 | — |
| string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml, string.quoted.single.yaml, string.unquoted.block.yaml, string.quoted.double.yaml, string.quoted.single.yaml | #f1f1f1 | — |
| keyword.other.DML.sql, keyword.other.order.sql | #46e3ff | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #C792EA | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, text.html.derivative comment.block.html punctuation.definition.comment.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #89DDFF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f07178 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #82AAFF | — |
| meta.block variable.other, meta.structure.dictionary.json | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other, entity.name.function.scss, meta.property-value.scss | #2fff97 | — |
| 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, meta.group.braces.curly constant.other.object.key.ts string.unquoted.label.ts | #C3E88D | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #B2CCD6 | — |
| 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 | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #C792EA | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json | #C792EA | — |
| 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 | #6DA8F7 | — |
| 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 | #FF5370 | — |
| 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 | #C17E70 | — |
| 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 | #82AAFF | — |
| 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 | #f07178 | — |
| 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 | #C792EA | — |
| 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 | #C3E88D | — |
| punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | 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 | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown, string.other.link.description.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block, text.html.markdown markup.list.unnumbered.markdown markup.list.unnumbered.markdown meta.paragraph.markdown | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
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}!`;
}