Mac Dark Pro
Publisher: Vinay_KumarThemes in package: 2
A beautifully balanced dark theme for Visual Studio Code. Inspired by Xcode Dark. Two variants: Mac Dark Pro (original) and Mac Dark Pro Max (XCode-inspired syntax).
A beautifully balanced dark theme for Visual Studio Code. Inspired by Xcode Dark. Two variants: Mac Dark Pro (original) and Mac Dark Pro Max (XCode-inspired syntax).
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.line, comment.block, punctuation.definition.comment | #7F8C98 | italic |
| comment.block.documentation, comment.line.documentation | #8FA8B8 | italic |
| keyword.codetag.notation, storage.type.class.todo | #D9C97C | bold italic |
| keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default, keyword.other.new, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.in | #FC5FA3 | italic |
| storage.type, storage.modifier | #FC5FA3 | italic |
| keyword.other, keyword | #FC5FA3 | italic |
| entity.name.class, entity.name.type, support.class | #5DD8FF | — |
| entity.name.type.interface, entity.name.interface | #7DD4E8 | italic |
| entity.name.type.alias, entity.name.type.parameter, meta.type.parameters entity.name.type, support.type.primitive, support.type.builtin | #6CCCE0 | italic |
| entity.name.type.enum | #5DD8FF | — |
| variable.other.enummember | #D9C260 | — |
| meta.type.annotation, meta.return.type | #6CCCE0 | — |
| entity.name.function, variable.function, support.function, meta.function-call entity.name.function | #67B7A4 | — |
| variable.parameter | #C8B8A2 | italic |
| support.function.builtin, support.function.construct | #4EB0CC | — |
| storage.type.function.arrow | #A8D0E0 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object | #D4D4D4 | — |
| variable.other.property, support.variable.property, variable.other.object.property | #A8C4D4 | — |
| variable.other.constant, support.constant | #D9C260 | — |
| variable.language | #FC5FA3 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double | #FC6A5D | — |
| string.template, string.quoted.template | #FF8170 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #A8D0E0 | — |
| constant.character.escape | #A8D0E0 | — |
| string.regexp | #D4A96A | — |
| constant.other.character-class.regexp, constant.other.character-class.set.regexp | #E8B86A | — |
| keyword.operator.quantifier.regexp, keyword.control.anchor.regexp | #A8D0E0 | — |
| punctuation.definition.group.regexp | #B281EB | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #D9C97C | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language | #FC5FA3 | italic |
| keyword.operator | #A8D0E0 | — |
| keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational | #A8D0E0 | — |
| punctuation, meta.brace, punctuation.definition.block | #7A8A94 | — |
| punctuation.terminator, punctuation.separator.comma | #7A8A94 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator, punctuation.definition.decorator | #B281EB | italic |
| storage.type.interface.ts, storage.type.interface.tsx | #FC5FA3 | italic |
| storage.type.type.ts, storage.type.type.tsx, keyword.other.type.ts | #FC5FA3 | italic |
| keyword.operator.expression.typeof.ts, keyword.operator.expression.keyof.ts, keyword.operator.expression.infer.ts, keyword.operator.expression.is.ts, keyword.operator.expression.satisfies.ts, keyword.operator.expression.as.ts | #FC5FA3 | italic |
| storage.modifier.ts, storage.modifier.tsx, keyword.other.public.ts, keyword.other.private.ts, keyword.other.protected.ts, keyword.other.readonly.ts, storage.modifier.abstract.ts | #FC5FA3 | italic |
| storage.type.namespace.ts, storage.type.module.ts | #FC5FA3 | italic |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts | #7A8A94 | — |
| keyword.operator.definiteassignment.ts, keyword.operator.notnull.ts | #FF3B30 | — |
| keyword.operator.optional.ts, keyword.operator.nullish.ts, keyword.operator.optional.js, keyword.operator.nullish.js | #A8D0E0 | — |
| keyword.control.flow.ts, keyword.control.trycatch.ts, keyword.control.flow.js, keyword.control.trycatch.js | #FC5FA3 | italic |
| meta.object-literal.key | #A8C4D4 | — |
| support.type.utility.ts, entity.name.type.ts | #6CCCE0 | italic |
| support.class.component.tsx, support.class.component.jsx, entity.name.tag.tsx, entity.name.tag.jsx | #5DD8FF | — |
| entity.name.tag.html | #FC5FA3 | — |
| entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #BFA7E0 | — |
| punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx | #A8D0E0 | — |
| meta.tag.sgml.doctype.html, keyword.other.doctype.html | #7A8A94 | italic |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html, text.html punctuation.definition.tag | #7A8A94 | — |
| entity.name.tag.html, entity.name.tag.block.any.html, entity.name.tag.inline.any.html | #FC5FA3 | — |
| entity.name.tag.script.html, entity.name.tag.style.html | #FC5FA3 | italic |
| entity.name.tag.heading.html | #5DD8FF | bold |
| entity.other.attribute-name.html, entity.other.attribute-name.id.html, entity.other.attribute-name.class.html | #BFA7E0 | — |
| entity.other.attribute-name.data.html | #A8B8E0 | — |
| entity.other.attribute-name.aria.html, entity.other.attribute-name.role.html | #7EC8C8 | — |
| entity.other.attribute-name.event.html | #B281EB | italic |
| string.quoted.double.html, string.quoted.single.html | #FC6A5D | — |
| constant.character.entity.html | #A8D0E0 | — |
| comment.block.html | #7F8C98 | italic |
| entity.name.tag.custom.html | #B281EB | — |
| entity.name.tag.css, entity.name.tag.scss | #FC5FA3 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #D9C97C | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #A8C4D4 | — |
| support.constant.property-value.css, support.constant.property-value.scss | #FC6A5D | — |
| keyword.control.at-rule, keyword.at-rule, punctuation.definition.keyword.css | #FC5FA3 | italic |
| keyword.other.unit.css, constant.numeric.css, keyword.other.unit.scss | #D9C97C | — |
| constant.other.color.rgb-value.css, constant.other.color | #D9C97C | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #B281EB | — |
| variable.other.custom-property.name.css, support.type.custom-property.name.css | #7EC8C8 | — |
| support.function.calc.css, support.function.var.css, support.function.css | #67B7A4 | — |
| keyword.other.important.css | #FF3B30 | italic |
| variable.scss, variable.sass, variable.other.less | #7EC8C8 | — |
| entity.name.function.scss, entity.name.function.sass | #67B7A4 | — |
| keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.extend.scss, keyword.control.at-rule.use.scss | #FC5FA3 | italic |
| punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss | #A8D0E0 | — |
| keyword.control.import.python, keyword.control.flow.python, keyword.control.python, storage.type.function.python, storage.type.class.python | #FC5FA3 | italic |
| support.function.builtin.python, support.type.python | #4EB0CC | — |
| entity.name.function.decorator.python, meta.function.decorator.python, punctuation.definition.decorator.python | #B281EB | italic |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #FC5FA3 | italic |
| support.function.magic.python | #7EC8C8 | — |
| constant.language.python | #FC5FA3 | italic |
| meta.fstring.python, constant.character.format.placeholder.other.python | #A8D0E0 | — |
| punctuation.separator.annotation.result.python | #A8D0E0 | — |
| support.type.exception.python, entity.name.exception.python | #FF3B30 | — |
| keyword.operator.logical.python, keyword.operator.comparison.python, keyword.operator.wordlike.python | #FC5FA3 | italic |
| keyword.operator.unpacking.arguments.python | #A8D0E0 | — |
| keyword.control.go, keyword.import.go, keyword.package.go, keyword.var.go, keyword.function.go, keyword.type.go, keyword.interface.go, keyword.struct.go, keyword.const.go, keyword.map.go, keyword.channel.go | #FC5FA3 | italic |
| support.function.builtin.go | #4EB0CC | — |
| entity.name.type.go, support.type.go | #5DD8FF | — |
| keyword.operator.assignment.go | #A8D0E0 | — |
| keyword.control.defer.go, keyword.control.panic.go, keyword.control.recover.go | #FF3B30 | italic |
| keyword.operator.channel.go | #A8D0E0 | — |
| storage.type.interface.go, entity.name.type.interface.go | #7DD4E8 | italic |
| keyword.control.rust, keyword.other.rust, storage.type.rust, storage.modifier.rust | #FC5FA3 | italic |
| entity.name.type.rust, entity.name.trait.rust, support.type.rust | #5DD8FF | — |
| support.macro.rust, entity.name.function.macro.rust | #B281EB | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust | #FF3B30 | italic |
| keyword.other.unsafe.rust | #FF3B30 | italic bold |
| meta.attribute.rust, punctuation.definition.attribute.rust | #B281EB | italic |
| variable.language.self.rust | #FC5FA3 | italic |
| keyword.other.crate.rust, storage.modifier.visibility.rust, keyword.other.use.rust | #FC5FA3 | italic |
| keyword.control.java, keyword.other.import.java, storage.modifier.java, storage.type.java | #FC5FA3 | italic |
| entity.name.type.class.java, entity.name.type.java | #5DD8FF | — |
| meta.declaration.annotation.java, storage.type.annotation.java, punctuation.definition.annotation.java | #B281EB | italic |
| variable.language.this.java, variable.language.super.java | #FC5FA3 | italic |
| storage.type.primitive.java | #6CCCE0 | italic |
| entity.name.type.interface.java | #7DD4E8 | italic |
| storage.type.function.arrow.java | #A8D0E0 | — |
| storage.type.generic.java | #6CCCE0 | italic |
| keyword.control.c, keyword.control.cpp, storage.type.c, storage.type.cpp | #FC5FA3 | italic |
| keyword.control.directive.include.c, keyword.control.directive.c, keyword.control.directive.cpp, meta.preprocessor.c, meta.preprocessor.cpp | #B281EB | — |
| entity.name.function.preprocessor.c, entity.name.function.preprocessor.cpp | #B281EB | italic |
| entity.name.type.c, entity.name.type.cpp, support.type.posix-reserved.c | #5DD8FF | — |
| keyword.operator.dereference.c, keyword.operator.dereference.cpp | #A8D0E0 | — |
| keyword.control.csharp, storage.modifier.csharp, storage.type.csharp | #FC5FA3 | italic |
| entity.name.type.class.csharp, entity.name.type.struct.csharp, entity.name.type.record.csharp | #5DD8FF | — |
| entity.name.type.interface.csharp | #7DD4E8 | italic |
| entity.name.type.attribute.csharp, meta.attribute.csharp | #B281EB | italic |
| entity.name.type.namespace.csharp, keyword.other.namespace.csharp | #7EC8C8 | — |
| keyword.control.php, storage.type.php, keyword.other.new.php | #FC5FA3 | italic |
| variable.other.php, variable.language.php | #7EC8C8 | — |
| variable.language.this.php, support.class.builtin.php | #FC5FA3 | italic |
| entity.name.type.class.php, support.class.php | #5DD8FF | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #A8D0E0 | — |
| keyword.other.namespace.php, entity.name.type.namespace.php | #7EC8C8 | — |
| keyword.control.swift, storage.type.swift, storage.modifier.swift | #FC5FA3 | italic |
| entity.name.type.class.swift, entity.name.type.struct.swift, entity.name.type.enum.swift | #5DD8FF | — |
| entity.name.type.protocol.swift | #7DD4E8 | italic |
| storage.modifier.attribute.swift, keyword.other.attribute.swift | #B281EB | italic |
| variable.language.self.swift, variable.language.super.swift | #FC5FA3 | italic |
| variable.other.enummember.swift | #D9C260 | — |
| keyword.control.flow.swift | #FC5FA3 | italic |
| keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin | #FC5FA3 | italic |
| entity.name.type.class.kotlin, entity.name.type.object.kotlin | #5DD8FF | — |
| entity.name.type.interface.kotlin | #7DD4E8 | italic |
| keyword.control.ruby, storage.type.ruby, keyword.other.special-method.ruby | #FC5FA3 | italic |
| entity.name.type.class.ruby, entity.name.type.module.ruby | #5DD8FF | — |
| constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby | #D9C260 | — |
| variable.other.readwrite.instance.ruby | #7EC8C8 | italic |
| keyword.control.dart, storage.type.dart, storage.modifier.dart | #FC5FA3 | italic |
| entity.name.type.class.dart | #5DD8FF | — |
| keyword.control.scala, storage.type.scala, keyword.declaration.scala | #FC5FA3 | italic |
| entity.name.class.scala, entity.name.type.scala | #5DD8FF | — |
| keyword.control.lua, storage.type.function.lua | #FC5FA3 | italic |
| support.function.lua | #4EB0CC | — |
| constant.language.lua | #FC5FA3 | italic |
| variable.language.self.lua | #FC5FA3 | italic |
| keyword.control.r, storage.type.r | #FC5FA3 | italic |
| support.function.r | #4EB0CC | — |
| keyword.control.zig, storage.type.zig, storage.modifier.zig | #FC5FA3 | italic |
| support.function.builtin.zig | #4EB0CC | — |
| support.function.builtin.shell, keyword.control.shell, storage.type.function.shell | #FC5FA3 | italic |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell, punctuation.definition.variable.shell | #7EC8C8 | — |
| string.quoted.double.shell, string.quoted.single.shell | #FC6A5D | — |
| string.unquoted.heredoc.shell | #FC6A5D | — |
| keyword.operator.pipe.shell, keyword.operator.redirect.shell | #A8D0E0 | — |
| comment.line.shebang.shell, meta.shebang.shell | #7A8A94 | italic |
| keyword.control.conditional.shell, keyword.control.loop.shell, keyword.control.case.shell | #FC5FA3 | italic |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql | #FC5FA3 | italic |
| support.function.aggregate.sql, entity.name.function.sql, support.function.sql | #67B7A4 | — |
| entity.name.sql, meta.toc-list.sql | #7EC8C8 | — |
| string.quoted.single.sql, string.quoted.double.sql | #FC6A5D | — |
| constant.numeric.sql | #D9C97C | — |
| keyword.operator.comparison.sql, keyword.operator.logical.sql, keyword.operator.sql | #A8D0E0 | — |
| support.type.property-name.json | #A8C4D4 | — |
| string.quoted.double.json | #FC6A5D | — |
| constant.numeric.json, constant.numeric.decimal.json | #D9C97C | — |
| constant.language.json, constant.language.boolean.json | #FC5FA3 | italic |
| entity.name.tag.yaml, string.unquoted.plain.out.yaml | #A8C4D4 | — |
| string.unquoted.plain.in.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #FC6A5D | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #B281EB | — |
| constant.language.boolean.yaml, constant.language.null.yaml | #FC5FA3 | italic |
| constant.numeric.yaml | #D9C97C | — |
| support.type.property-name.toml, keyword.key.toml | #A8C4D4 | — |
| support.type.property-name.table.toml, entity.name.section.group-title.ini | #5DD8FF | — |
| string.quoted.single.toml, string.quoted.double.toml | #FC6A5D | — |
| variable.other.env, variable.key.env, support.constant.env | #7EC8C8 | — |
| string.quoted.double.env, string.quoted.single.env, string.unquoted.env, constant.other.env | #FC6A5D | — |
| comment.line.number-sign.env | #7F8C98 | italic |
| keyword.other.special-method.dockerfile, entity.name.tag.dockerfile | #FC5FA3 | italic bold |
| string.unquoted.docker, string.other.tag.dockerfile | #FC6A5D | — |
| variable.other.dockerfile, punctuation.definition.variable.dockerfile | #7EC8C8 | — |
| constant.numeric.dockerfile | #D9C97C | — |
| comment.line.number-sign.dockerfile | #7F8C98 | italic |
| keyword.type.graphql, keyword.operation.graphql | #FC5FA3 | italic |
| entity.name.type.graphql, support.type.graphql | #5DD8FF | — |
| variable.graphql | #A8C4D4 | — |
| variable.parameter.graphql | #C8B8A2 | italic |
| entity.name.directive.graphql | #B281EB | italic |
| keyword.prisma | #FC5FA3 | italic |
| support.type.primitive.prisma, entity.name.type.prisma, entity.name.type.model.prisma | #5DD8FF | — |
| variable.other.property.prisma | #A8C4D4 | — |
| entity.name.function.attribute.prisma, support.function.attribute.prisma | #B281EB | italic |
| markup.heading, entity.name.section.markdown, markup.heading punctuation.definition | #5DD8FF | bold |
| markup.bold | #D9C97C | bold |
| markup.italic | #D4D4D4 | italic |
| markup.inline.raw, markup.fenced_code | #FC6A5D | — |
| markup.underline.link | #4EB0CC | — |
| markup.quote.markdown | #7F8C98 | italic |
| markup.list.unnumbered.markdown, punctuation.definition.list.begin.markdown | #A8D0E0 | — |
| markup.list.numbered.markdown | #D9C97C | — |
| punctuation.separator.table-cell.markdown | #7A8A94 | — |
| string.other.link.description.markdown | #7EC8C8 | — |
| markup.inserted.diff, markup.inserted.git_gutter | #57C785 | — |
| markup.deleted.diff, markup.deleted.git_gutter | #FF3B30 | — |
| markup.changed.diff, markup.changed.git_gutter | #D9C97C | — |
| meta.diff.header, meta.diff.range | #B281EB | italic |
| keyword.control.terraform, entity.name.type.terraform | #FC5FA3 | italic |
| entity.name.resource.terraform, entity.name.module.terraform | #5DD8FF | — |
| variable.declaration.terraform | #A8C4D4 | — |
| keyword.control.solidity, storage.type.solidity, keyword.other.solidity | #FC5FA3 | italic |
| entity.name.type.contract.solidity, entity.name.type.interface.solidity, entity.name.type.library.solidity | #5DD8FF | — |
| entity.name.tag.template.html.vue, entity.name.tag.script.html.vue, entity.name.tag.style.html.vue | #FC5FA3 | italic |
| entity.other.attribute-name.html.vue, meta.directive.vue | #B281EB | italic |
| punctuation.definition.interpolation.begin.html.vue, punctuation.definition.interpolation.end.html.vue | #A8D0E0 | — |
| support.class.component.vue | #5DD8FF | — |
| keyword.control.svelte | #FC5FA3 | italic |
| entity.other.attribute-name.event.svelte | #B281EB | italic |
| entity.other.attribute-name.bind.svelte | #7EC8C8 | — |
| keyword.operator.reactive.svelte | #B281EB | italic bold |
| support.class.component.svelte | #5DD8FF | — |
| entity.name.tag.mdx | #5DD8FF | — |
| entity.name.tag.component.astro | #5DD8FF | — |
| storage.modifier.glsl, keyword.qualifier.glsl, storage.type.wgsl | #FC5FA3 | italic |
| support.type.glsl, storage.type.builtin.wgsl | #5DD8FF | italic |
| support.function.glsl, support.function.builtin.wgsl | #4EB0CC | — |
| invalid, invalid.illegal | #FFFFFF | — |
| invalid.deprecated | #D9C97C | underline |
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}!`;
}