NightF0rge
Publisher: Rabial HosenThemes in package: 1
NightForge — a premium handcrafted dark VS Code theme. Optimized for Next.js, Nuxt.js, Vue, TypeScript, JavaScript, Node.js, Python, Docker, CI/CD, Cloud, Prisma ORM and more.
NightForge — a premium handcrafted dark VS Code theme. Optimized for Next.js, Nuxt.js, Vue, TypeScript, JavaScript, Node.js, Python, Docker, CI/CD, Cloud, Prisma ORM and more.
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, comment.block, comment.line, comment.block.documentation | #5b858b | italic |
| comment.todo, comment.note, comment.fixme, comment.XXX, comment.hack, keyword.other.todo, keyword.other.note, keyword.other.fixme, keyword.other.XXX, keyword.other.hack | #df769b | bold italic |
| comment.block.documentation keyword, comment.block.documentation storage.type | #49d6e9 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other | #9ABA88 | — |
| string.template, string.template.js, string.template.ts, template-expression, template-expression.embedded | #16b673 | — |
| punctuation.definition.template-expression, punctuation.template-expression | #49d6e9 | — |
| constant.character.escape, constant.character.string.escape | #49d6e9 | — |
| string.regexp, keyword.other.regexp | #9ABA88 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #7060eb | — |
| constant.language.boolean, constant.language.boolean.true, constant.language.boolean.false | #7060eb | — |
| constant.language.null, constant.language.undefined, constant.language.nil, constant.language.none | #7060eb | — |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.switch, keyword.control.trycatch, keyword.control.export, keyword.control.import, keyword.control.from, keyword.control.as, keyword.control.default, keyword.control.module | #df769b | — |
| keyword.declaration, keyword.declaration.var, keyword.declaration.const, keyword.declaration.let, keyword.declaration.function, keyword.declaration.class | #df769b | — |
| keyword.other, keyword.other.this, keyword.other.super, keyword.other.new, keyword.other.delete, keyword.other.void, keyword.other.throw, keyword.other.return, keyword.other.yield, keyword.other.await, keyword.other.typeof, keyword.other.instanceof | #df769b | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.increment, keyword.operator.decrement | #df769b | — |
| storage.type, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.namespace | #df769b | — |
| storage.modifier, storage.modifier.static, storage.modifier.readonly, storage.modifier.abstract, storage.modifier.virtual, storage.modifier.override, storage.modifier.public, storage.modifier.private, storage.modifier.protected, storage.modifier.async | #df769b | — |
| entity.name.function, entity.name.function.constructor, entity.name.function.method | #16a3b6 | — |
| entity.name.method | #16a3b6 | — |
| support.function, support.function.console, support.function.array, support.function.math, support.function.dom | #49d6e9 | — |
| support.class, support.class.builtin, support.class.error, support.class.promise | #49d6e9 | — |
| support.type, support.type.builtin, support.type.primitive | #d67e5c | — |
| support.constant, support.constant.builtin, support.constant.math | #d5971a | — |
| entity.name.type.class, entity.name.class | #49d6e9 | — |
| entity.name.type, entity.name.type.interface, entity.name.type.enum, entity.name.type.type-alias | #d67e5c | — |
| entity.name.interface, entity.name.type.interface | #49ace9 | — |
| entity.name.enum, entity.name.type.enum | #49ace9 | — |
| entity.name.namespace, entity.name.module | #49d6e9 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.jsx, entity.name.tag.tsx | #e66533 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #d5971a | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.property | #D4A070 | — |
| variable.language, variable.language.this, variable.language.super, variable.language.self | #e66533 | — |
| variable.parameter, variable.parameter.function, variable.parameter.method | #D4B080 | — |
| constant.other, constant.other.color, constant.other.key, constant.other.symbol | #d5971a | — |
| variable.other.property, variable.other.object.property, support.variable.property, variable.other.member | #C8B098 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #5b858b | — |
| punctuation.bracket, punctuation.definition.bracket, punctuation.section.bracket, punctuation.definition.block, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.parameters | #8D9E8A | — |
| punctuation.parentheses, punctuation.definition.parentheses, punctuation.section.parentheses | #8D9E8A | — |
| meta.delimiter, punctuation.delimiter, meta.delimiter.comma | #5b858b | — |
| invalid, invalid.illegal | #e3541c | underline |
| invalid.deprecated | #d67e5c | underline wavy |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, meta.property-name.css | #5DB0D0 | — |
| support.constant.property-value.css, support.constant.color.w3c-standard-color.css, meta.property-value.css, support.constant.font-name.css | #9ABA88 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.class.less | #CCA860 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss, entity.other.attribute-name.id.less | #C07050 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #df769b | — |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less | #e66533 | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss, keyword.control.at-rule.less, meta.at-rule.css keyword | #df769b | — |
| keyword.other.unit.css, keyword.other.unit.scss, keyword.other.unit.less | #7060eb | — |
| keyword.other.important.css | #df769b | bold |
| support.type.property-name.json, meta.key.json | #C8B098 | — |
| string.quoted.double.json, constant.language.json, constant.numeric.json | #9ABA88 | — |
| punctuation.separator.json, punctuation.definition.structure.json | #5b858b | — |
| entity.name.tag.yaml, meta.key.yaml, string.unquoted.yaml | #C8A888 | — |
| string.quoted.double.yaml, string.quoted.single.yaml, constant.language.yaml, constant.numeric.yaml | #9ABA88 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #16a3b6 | — |
| keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.alter.sql, keyword.other.drop.sql, keyword.other.table.sql, keyword.other.index.sql, keyword.other.view.sql, keyword.other.trigger.sql | #df769b | — |
| keyword.other.DML.sql, keyword.other.select.sql, keyword.other.insert.sql, keyword.other.update.sql, keyword.other.delete.sql, keyword.other.from.sql, keyword.other.where.sql, keyword.other.join.sql, keyword.other.having.sql, keyword.other.group.sql, keyword.other.order.sql, keyword.other.by.sql, keyword.other.limit.sql, keyword.other.into.sql, keyword.other.values.sql, keyword.other.set.sql | #df769b | — |
| support.function.sql, support.function.aggregate.sql, support.function.scalar.sql, support.function.window.sql | #5CC0D8 | — |
| support.type.sql, storage.type.sql | #d67e5c | — |
| variable.other.sql | #D4A070 | — |
| meta.tag.sgml.html, entity.name.tag.doctype.html | #5b858b | — |
| meta.tag.html, meta.tag.jade, meta.tag.pug, meta.jsx.js, meta.jsx.tsx | #e66533 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.jade, entity.other.attribute-name.pug | #C8A060 | — |
| string.quoted.double.html, string.quoted.single.html | #9ABA88 | — |
| punctuation.separator.key-value.html | #5b858b | — |
| markup.heading, markup.heading marker, entity.name.section.markdown | #df769b | bold |
| punutation.definition.heading.markdown | #5b858b | — |
| markup.bold, punctuation.definition.bold.markdown | #C8B098 | bold |
| markup.italic, punctuation.definition.italic.markdown | #C8B098 | italic |
| markup.list, markup.list punctuation | #d5971a | — |
| markup.underline.link, markup.underline.link.markdown, string.other.link.title.markdown | #16a3b6 | — |
| markup.inline.raw, markup.fenced_code.block, fenced_code.block.language | #9ABA88 | — |
| markup.quote, markup.quote.markdown | #5b858b | italic |
| meta.separator.markdown | #5b858b | — |
| markup.table, markup.table.header | #C8B098 | — |
| markup.inserted, markup.inserted.diff | #9ABA88 | — |
| markup.deleted, markup.deleted.diff | #e66533 | — |
| markup.changed, markup.changed.diff | #d5971a | — |
| source.embedded, meta.embedded.block | #C8B098 | — |
| template.expression, template.expression.js, template.expression.ts | #C8B098 | — |
| decorator, annotation, entity.other.decorator, meta.decorator, punctuation.decorator | #CC8060 | — |
| meta.class, meta.class.body | #C8B098 | — |
| meta.function, meta.function.body, meta.function-call | #C8B098 | — |
| meta.block | #C8B098 | — |
| meta.brace, meta.brace.round, meta.brace.square, meta.brace.curly | #8D9E8A | — |
| meta.object.key, meta.object-literal.key | #C8B098 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.module | #df769b | — |
| variable.other.import, variable.other.export | #C8A890 | — |
| support.type.primitive.ts, support.type.primitive.js, support.type.builtin.ts, support.type.builtin.js, entity.name.type.alias.ts, entity.name.type.alias.js | #d67e5c | — |
| entity.name.type.generic.ts, entity.name.type.generic.js, meta.type.parameters.ts | #d67e5c | — |
| variable.other.enummember.ts, variable.other.enummember.js | #49ace9 | — |
| storage.modifier.readonly.ts, storage.modifier.readonly.js | #df769b | — |
| storage.modifier.accessibility.ts, storage.modifier.accessibility.js | #df769b | — |
| keyword.control.python, keyword.control.import.python, keyword.control.from.python, keyword.control.as.python, keyword.control.def.python, keyword.control.class.python, keyword.control.return.python, keyword.control.yield.python, keyword.control.raise.python, keyword.control.pass.python, keyword.control.break.python, keyword.control.continue.python, keyword.control.lambda.python, keyword.control.with.python, keyword.control.if.python, keyword.control.else.python, keyword.control.elif.python, keyword.control.for.python, keyword.control.while.python, keyword.control.try.python, keyword.control.except.python, keyword.control.finally.python, keyword.control.in.python, keyword.control.is.python, keyword.control.not.python, keyword.control.and.python, keyword.control.or.python | #df769b | — |
| entity.name.function.decorator.python, meta.decorator.python, punctuation.definition.decorator.python | #d67e5c | — |
| support.function.builtin.python, support.type.python | #49d6e9 | — |
| variable.language.self.python, variable.language.cls.python | #e66533 | — |
| storage.modifier.async.python, keyword.control.async.python, keyword.control.await.python | #df769b | — |
| string.quoted.double.interpolated.python, string.quoted.single.interpolated.python, string.interpolated.python | #16b673 | — |
| constant.character.format.placeholder.other.python | #49d6e9 | — |
| support.function.magic.python, entity.name.function.magic.python | #16a3b6 | — |
| variable.other.normal.shell, variable.other.brace.shell, variable.other.special.shell | #D4A070 | — |
| comment.line.number-sign.shell | #5b858b | italic |
| keyword.control.shell, keyword.control.command.shell | #df769b | — |
| entity.name.function.shell | #16a3b6 | — |
| keyword.other.dockerfile, keyword.control.dockerfile | #df769b | — |
| entity.name.keyword.dockerfile | #16a3b6 | — |
| variable.other.env | #D4A070 | — |
| string.quoted.env, string.unquoted.env | #9ABA88 | — |
| punctuation.separator.key-value.env | #5b858b | — |
| support.type.property-name.config, support.type.property-name.toml, support.type.property-name.ini | #B8A890 | — |
| string.quoted.config, string.unquoted.config, constant.numeric.config, constant.language.config | #9ABA88 | — |
| support.type.property-name.gitconfig, meta.key.gitconfig | #B8A890 | — |
| entity.name.section.gitconfig | #16a3b6 | — |
| meta.tag.xml, entity.name.tag.xml | #e66533 | — |
| entity.other.attribute-name.xml | #d5971a | — |
| comment.block.xml | #5b858b | italic |
| string.quoted.double.xml, string.quoted.single.xml | #9ABA88 | — |
| text.csv | #C8B098 | — |
| keyword.other.proto | #df769b | — |
| variable.other.field.proto | #D4A070 | — |
| support.type.proto, support.type.scalar.proto | #d67e5c | — |
| keyword.control.coffee | #df769b | — |
| entity.name.function.coffee | #16a3b6 | — |
| keyword.control.mustache, keyword.control.hogan, variable.other.mustache, variable.other.hogan | #D4A070 | — |
| punctuation.definition.tag.mustache, punctuation.definition.tag.hogan | #df769b | — |
| markup.invalid.json, markup.invalid.yaml | #E86A6A | underline |
| punctuation.definition.string.begin, punctuation.definition.string.end | #7A8672 | — |
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}!`;
}