Monza Dark
Publisher: James GullandThemes in package: 1
Monza Dark is a minimal, high-octane VSCode theme that balances speed and focus. It fuses deep, modern tones with neon highlights, capturing the creativity of precision engineering.
Monza Dark is a minimal, high-octane VSCode theme that balances speed and focus. It fuses deep, modern tones with neon highlights, capturing the creativity of precision engineering.
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 | #9fb2e599 | italic |
| meta.parameters comment.block | #616D8A | italic |
| variable.other.constant.object, variable.other.readwrite.alias | #FFCC99 | — |
| variable.other, support.type.object | #E4F4F4 | — |
| variable.other.object.property, variable.other.property, support.variable.property, support.type.primitive | #E4F4F4 | — |
| .method, string.unquoted, meta.object.member | #9FB2E5 | — |
| variable - meta.import, variable.other.readwrite.alias, constant.other.placeholder, meta.object-literal.key-meta.object.member | #E4F4F4 | — |
| keyword.control.flow | #9FB2E5 | italic |
| keyword.operator.new, keyword.control.new, storage.modifier.async | #9FB2E5 | — |
| keyword.control.as | #ffcc99 | italic |
| variable.language.this, storage.modifier, variable.language.super | #88DBFD | — |
| support.class.error, keyword.control.trycatch, keyword.operator.expression.delete, keyword.operator.expression.void, keyword.operator.void, keyword.operator.delete, constant.language.null, constant.language.boolean.false, constant.language.undefined | #F07178 | — |
| variable.parameter, variable.object.property, variable.other.readwrite.js, meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite | #E4F4F4 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #F07178 | — |
| invalid.deprecated | #F07178 | — |
| keyword.control, keyword, storage.type | #88dbfd | — |
| keyword.operator.assignment, keyword.operator.type.annotation, keyword.operator.type | #88dbfd | — |
| keyword.operator | #88dbfd | — |
| keyword.control.module, keyword.control.export | — | italic |
| Keyword, Storage | — | italic |
| keyword-meta.export | #FFCC99 | — |
| meta.brace, keyword.operator.existential | #88DBFD | — |
| punctuation.separator, punctuation.definition.parameters, meta.brace.round | #F07178 | — |
| punctuation.separator.comma | #F07178 | — |
| punctuation.definition.string, punctuation.terminator | #F07178 | — |
| constant.other.color, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, meta.objectliteral, meta.jsx.children | #E4F4F4 | — |
| entity.name.tag, support.class.component, support.type.primitive, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #88dbfd | — |
| variable.function, source meta.function-call entity.name.function, source meta.method-call entity.name.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.class meta.field.declaration meta.function-call entity.name.function, variable.function.constructor, meta.block meta.var.expr meta.function-call entity.name.function, support.function.console, meta.function-call support.function, meta.property.class variable.other.class | #88DBFD | — |
| meta.block meta.var.expr meta.function-call entity.name.function | #9FB2E5 | — |
| source meta.function-call entity.name.function | #9FB2E5 | — |
| entity.name.function, meta.class entity.name.class, meta.class entity.name.type.class, meta.class meta.function-call variable.function, keyword.other.important, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css | #E4F4F4 | — |
| support.type.property-name.css, support.type.property-name.media.css, meta.at-rule.media.header.css | #9FB2E5 | — |
| meta.at-rule.keyframes.body.css entity.other.keyframe-offset.percentage.css | #F07178 | — |
| punctuation.definition.entity.css, constant.numeric.css, support.constant.property-value.css, support.function.misc.css, keyword.control.at-rule, punctuation.definition.keyword.css, support.function, meta.property-value.css, meta.at-rule.keyframes.body.css | #ffcc99 | — |
| variable.css, variable.argument.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #E4F4F4 | — |
| source.cpp meta.block variable.other | #FFCC99 | — |
| support.other.variable, string.other.link | #88DBFD | — |
| support.constant, string, string.quoted, constant.character, constant.escape, keyword.other.unit, keyword.other, constant.language, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, text.html.derivative | #F07178 | — |
| constant.numeric | #ffcc99 | — |
| entity.other.inherited-class | #FFCC99 | — |
| meta.type.declaration, support.type.primitive | #FFCC99 | italic |
| entity.name.type.alias | #FFCC99 | — |
| entity.name.type | #FFCC99 | italic |
| entity.name, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #88DBFD | — |
| support.class, variable.other.constant.object | #FFCC99 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #E4F4F4 | — |
| variable.language | #FFCC99 | italic |
| entity.name.method.js | #88DBFD | italic |
| meta.class-method.js .js, variable.function.constructor | #88DBFD | — |
| entity.other.attribute-name | #9FB2E5 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ffcc99 | italic |
| source.sass keyword.control | #FFCC99 | — |
| markup.inserted | #FFCC99 | — |
| markup.deleted | #506477 | — |
| markup.changed | #88DBFD | — |
| string.regexp | #FFCC99 | — |
| constant.character.escape | #FFCC99 | — |
| *url*, *link*, *uri* | #FFCC99 | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #FFCC99 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FFCC99 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #9FB2E5 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9FB2E5 | — |
| 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 | #88DBFD | — |
| 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 | #9FB2E5 | — |
| 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 | #E4F4F4 | — |
| 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 | #FFCC99 | — |
| 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 | #88DBFD | — |
| 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 | #9FB2E5 | — |
| 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 | #E4F4F4 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #E4F4F4 | — |
| text.html.markdown markup.inline.raw.markdown | #FFCC99 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #88DBFD | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #E4F4F4 | — |
| markup.italic | #9FB2E5 | italic |
| markup.bold, markup.bold string | #9FB2E5 | 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 | #9FB2E5 | bold |
| markup.underline | #9FB2E5 | underline |
| markup.strike | — | italic |
| markup.quote punctuation.definition.blockquote.markdown | #88DBFD | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #FFCC99 | — |
| string.other.link.description.title.markdown | #FFCC99 | — |
| constant.other.reference.link.markdown | #FFCC99 | — |
| markup.raw.block | #FFCC99 | — |
| markup.raw.block.fenced.markdown | #50647750 | — |
| punctuation.definition.fenced.markdown | #50647750 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #88DBFD | — |
| variable.language.fenced.markdown | #88DBFD | — |
| meta.separator | #9FB2E5 | bold |
| markup.table | #FFCC99 | — |
| token.info-token | #FFCC99 | — |
| token.warn-token | #ffcc99 | — |
| token.error-token | #F07178 | — |
| token.debug-token | #E4F4F4 | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #E4F4F4 | bold |
| meta.paragraph.markdown | #E4F4F4d0 | — |
| punctuation.definition.from-file.diff, meta.diff.header.from-file | #506477 | — |
| punctuation.section.embedded, punctuation.definition.tag.begin, punctuation.definition.tag.end | #88DBFD | — |
| markup.inline.raw.string.markdown | #9FB2E5 | — |
| meta.separator.markdown | #88DBFD | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown | #FFCC99 | — |
| string.other.link.description.title.markdown punctuation.definition.string.markdown, meta.link.inline.markdown string.other.link.description.title.markdown, string.other.link.description.title.markdown punctuation.definition.string.begin.markdown, string.other.link.description.title.markdown punctuation.definition.string.end.markdown, meta.image.inline.markdown string.other.link.description.title.markdown | #FFCC99 | |
| meta.link.inline.markdown string.other.link.title.markdown, meta.link.reference.markdown string.other.link.title.markdown, meta.link.reference.def.markdown markup.underline.link.markdown | #FFCC99 | underline |
| markup.underline.link.markdown, string.other.link.description.title.markdown | #88DBFD | — |
| fenced_code.block.language, markup.inline.raw.markdown | #FFCC99 | — |
| punctuation.definition.markdown, punctuation.definition.raw.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #FFCC99 | — |
| source.ignore, log.error, log.exception | #F07178 | — |
| log.verbose | #88DBFD | — |
| source.python constant.other | #FFCC99 | — |
| source.python constant | #FFCC99 | — |
| constant.character.format.placeholder.other.python storage | #88DBFD | — |
| support.variable.magic.python, source.python | #E4F4F4 | — |
| meta.function-call.generic.python | #ffcc99 | — |
| support.type.python | #FFCC99 | — |
| meta.function.parameters.python | #88DBFD | — |
| punctuation.separator.annotation.python | #E4F4F4 | — |
| punctuation.separator.parameters.python | #E4F4F4 | — |
| keyword.other.directive.using.cs, keyword.operator.expression.new.cs | #88DBFD | — |
| entity.name.variable.field.cs | #E4F4F4 | — |
| source.cs keyword.operator | #E4F4F4 | — |
| entity.name.function.cs | #ffcc99 | — |
| variable.other.readwrite.cs | #E4F4F4 | — |
| variable.other.object.cs, entity.name.variable.local.cs, entity.name.variable.parameter.cs | #E4F4F4 | — |
| variable.other.object.property.cs | #E4F4F4 | — |
| entity.name.variable.property.cs | #E4F4F4 | — |
| keyword.operator.expression.await.cs | #9FB2E5 | italic |
| storage.type.cs | #E5C07B | — |
| keyword.other.unsafe.rust | #C678DD | — |
| entity.name.type.rust | #FFCC99 | — |
| storage.modifier.lifetime.rust | #E4F4F4 | — |
| entity.name.lifetime.rust, keyword.other.rust | #88DBFD | — |
| keyword.other.fn.rust | #88DBFD | — |
| entity.name.function.macro.rust | #ffcc99 | — |
| entity.name.namespace.rust | #E4F4F4 | — |
| storage.type.core.rust | #ff7546 | — |
| meta.attribute.rust | #88DBFD | — |
| storage.class.std.rust | #ff7546 | — |
| source.rust | #E4F4F4 | — |
| punctuation.separator.variable.ruby | #E4F4F4 | — |
| variable.other.constant.ruby | #88DBFD | — |
| keyword.other.special-method.ruby | #88DBFD | — |
| punctuation.definition.variable.php | #E4F4F4 | — |
| meta.class.php | #E4F4F4 | — |
| keyword.other.namespace.php, keyword.other.use.php | #88DBFD | — |
| keyword.other.type.php | #FFCC99 | — |
| punctuation.definition.variable.php | #88DBFD | — |
| support.class.builtin.php | #E4F4F4 | — |
| keyword.control.return.php | #9FB2E5 | 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}!`;
}