A dark theme based on VS Code's built-in Dark Modern, redesigned to give every distinct syntax element its own color — making code structure visible at a glance. Optimized especially for C#, with dedicated colors for classes, structs, interfaces, enums, methods, properties, modifiers, 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 |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #CCCCCC | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #798090 | — |
| constant.language.null.cs, constant.language.boolean.true.cs, constant.language.boolean.false.cs | #609fd2 | — |
| constant.language | #deb684 | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #deb684 | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #56c9a2 | — |
| entity.name.tag.css, entity.name.tag.less | #56c9a2 | — |
| entity.other.attribute-name | #abd8f3 | — |
| entity.other.attribute.cs | #CCCCCC | — |
| entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #a7bc61 | — |
| invalid | #f44747 | — |
| markup.underline | — | underline |
| markup.bold | #569cd6 | bold |
| markup.heading | #56c9a2 | — |
| markup.italic | #C586C0 | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #b5cea8 | — |
| markup.deleted | #ce9178 | — |
| markup.changed | #569cd6 | — |
| punctuation.definition.quote.begin.markdown | #a7bc61 | — |
| punctuation.definition.list.begin.markdown | #a7bc61 | — |
| markup.inline.raw | #c7988b | — |
| punctuation.definition.tag | #808080 | — |
| meta.preprocessor | #d48aad | — |
| string.unquoted.preprocessor.message.cs | #CCCCCC | — |
| entity.name.function.preprocessor | #CCCCCC | — |
| meta.preprocessor.string | #c7988b | — |
| meta.preprocessor.numeric | #deb684 | — |
| meta.structure.dictionary.key.python | #9cdcfe | — |
| meta.diff.header | #569cd6 | — |
| storage | #609fd2 | — |
| storage.type | #609fd2 | — |
| storage.modifier, keyword.operator.noexcept | #609fd2 | — |
| string, meta.embedded.assembly | #c7988b | — |
| string.tag | #c7988b | — |
| string.value | #c7988b | — |
| string.regexp | #c7988b | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #569cd6 | — |
| meta.template.expression | #CCCCCC | — |
| support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded | #abd8f3 | — |
| punctuation.separator.hash.cs, keyword.preprocessor.if.cs, keyword.preprocessor.elif.cs, keyword.preprocessor.else.cs, keyword.preprocessor.endif.cs, keyword.preprocessor.define.cs, keyword.preprocessor.undef.cs, keyword.preprocessor.warning.cs, keyword.preprocessor.error.cs, keyword.preprocessor.line.cs, keyword.preprocessor.pragma.cs, keyword.preprocessor.region.cs, keyword.preprocessor.endregion.cs, keyword.preprocessor.nullable.cs | #d48aad | — |
| meta.preprocessor.cs | #CCCCCC | — |
| keyword.control.context | #609fd2 | — |
| keyword | #609fd2 | — |
| keyword.control | #d48aad | — |
| keyword.operator | #CCCCCC | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #569cd6 | — |
| keyword.operator.expression.default.cs | #609fd2 | — |
| keyword.operator.expression.pattern.is.cs, keyword.operator.expression.pattern.combinator.not.cs, keyword.operator.expression.pattern.combinator.and.cs, keyword.operator.expression.pattern.combinator.or.cs, keyword.operator.expression.as.cs, keyword.operator.expression.with.cs, keyword.operator.expression.new.cs, keyword.operator.expression.typeof.cs, keyword.operator.expression.sizeof.cs, keyword.operator.expression.nameof.cs, keyword.other.constraint.notnull.cs | #609fd2 | — |
| keyword.operator.expression.await.cs | #d48aad | — |
| keyword.other.unit | #b5cea8 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #569cd6 | — |
| support.function.git-rebase | #9cdcfe | — |
| constant.sha.git-rebase | #b5cea8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #CCCCCC | — |
| variable.language | #569cd6 | — |
| variable.language.this.cs, variable.language.base.cs | #609fd2 | — |
| entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #dcd2a5 | — |
| support.class, support.type, entity.name.type, entity.name.scope-resolution, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #56c9a2 | — |
| storage.modifier.cs, storage.type.class.cs, storage.type.struct.cs, storage.type.interface.cs, storage.type.enum.cs, storage.type.delegate.cs | #609fd2 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby | #56c9a2 | — |
| entity.name.type.type-parameter, entity.name.type.type-parameter.cs | #3cc4e1 | — |
| entity.name.type.interface, entity.name.type.interface.cs | #33c9c5 | — |
| entity.name.type.class, entity.name.type.class.cs | #56c9a2 | — |
| entity.name.type.struct, entity.name.type.struct.cs | #80c57f | — |
| entity.name.type.enum, entity.name.type.enum.cs | #a7bc61 | — |
| entity.name.type.delegate, entity.name.type.delegate.cs | #56c9a2 | — |
| entity.name.type.cs, entity.name.type.alias.cs | #CCCCCC | — |
| entity.name.type.namespace.cs | #CCCCCC | — |
| entity.name.function.cs | #CCCCCC | — |
| keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator | #d48aad | — |
| keyword.cs, keyword.other.cs, keyword.other.using.cs, keyword.other.directive.using.cs, keyword.other.static.cs, keyword.other.lock.cs | #609fd2 | — |
| keyword.type.cs, keyword.type.bool.cs, keyword.type.byte.cs, keyword.type.sbyte.cs, keyword.type.short.cs, keyword.type.ushort.cs, keyword.type.int.cs, keyword.type.uint.cs, keyword.type.long.cs, keyword.type.ulong.cs, keyword.type.float.cs, keyword.type.double.cs, keyword.type.decimal.cs, keyword.type.char.cs, keyword.type.string.cs, keyword.type.object.cs, keyword.type.void.cs, keyword.type.dynamic.cs, keyword.other.var.cs, storage.type.var.cs | #609fd2 | — |
| keyword.control.cs, keyword.control.conditional.cs, keyword.control.conditional.if.cs, keyword.control.conditional.else.cs, keyword.control.loop.cs, keyword.control.loop.for.cs, keyword.control.loop.foreach.cs, keyword.control.loop.in.cs, keyword.control.loop.do.cs, keyword.control.loop.while.cs, keyword.control.switch.cs, keyword.control.try.cs, keyword.control.try.catch.cs, keyword.control.try.finally.cs | #d48aad | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder | #CCCCCC | — |
| variable.other.constant, variable.other.enummember, entity.name.variable.enum-member.cs | #deb684 | — |
| variable.other.object.cs | #CCCCCC | — |
| variable.other.property, variable.other.property.cs, entity.name.variable.property, entity.name.variable.property.cs, entity.name.variable.field, entity.name.variable.field.cs, support.variable.property, variable.other.event, variable.other.event.cs, entity.name.variable.event, entity.name.variable.event.cs | #abd8f3 | — |
| entity.name.variable.parameter.cs | #b2ddc1 | — |
| entity.name.variable.local.cs | #cccccc | — |
| meta.object-literal.key | #9CDCFE | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #CE9178 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #CCCCCC | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #CCCCCC | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #CCCCCC | — |
| keyword.operator.quantifier.regexp | #CCCCCC | — |
| constant.character, constant.other.option | #c7988b | — |
| constant.character.escape | #deb684 | — |
| comment.documentation, comment.line.documentation, comment.block.documentation, comment.line.documentation.cs, comment.block.documentation.cs, comment.documentation.cs | #8177ac | — |
| source.cs comment.block.documentation.cs punctuation.definition.tag.cs, source.cs comment.block.documentation.cs comment.documentation.delimiter.cs, comment.documentation.delimiter, comment.documentation.delimiter.cs | #8177ac | — |
| source.cs comment.block.documentation.cs entity.name.tag.cs, source.cs comment.block.documentation.cs entity.name.tag.localname.cs, source.cs comment.block.documentation.cs entity.name.tag.namespace.cs, comment.documentation.name, comment.documentation.name.cs | #609fd2 | — |
| source.cs comment.block.documentation.cs entity.other.attribute-name.cs, source.cs comment.block.documentation.cs entity.other.attribute-name.localname.cs, source.cs comment.block.documentation.cs entity.other.attribute-name.namespace.cs, comment.documentation.attribute, comment.documentation.attribute.name, comment.documentation.attribute.name.cs | #abd8f3 | — |
| source.cs comment.block.documentation.cs string.quoted.single.cs, source.cs comment.block.documentation.cs string.quoted.double.cs, source.cs comment.block.documentation.cs string.unquoted.cdata.cs, source.cs comment.block.documentation.cs constant.character.entity.cs, comment.documentation.attribute.value, comment.documentation.attribute.value.cs, comment.documentation.cdata, comment.documentation.cdata.cs, comment.documentation.entityReference, comment.documentation.entityReference.cs | #deb684 | — |
| punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs, punctuation.curlybrace.open, punctuation.curlybrace.close, meta.brace.curly, punctuation.section.block.begin, punctuation.section.block.end, punctuation.definition.block.begin, punctuation.definition.block.end, punctuation.section.property-list.begin.css, punctuation.section.property-list.end.css, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.section.dictionary.begin, punctuation.section.dictionary.end | #dcba5c | — |
| punctuation.parenthesis.open.cs, punctuation.parenthesis.close.cs, punctuation.parenthesis.open, punctuation.parenthesis.close, meta.brace.round, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.group.begin, punctuation.definition.group.end | #69c9ff | — |
| punctuation.squarebracket.open.cs, punctuation.squarebracket.close.cs, punctuation.squarebracket.open, punctuation.squarebracket.close, meta.brace.square, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.section.array.begin, punctuation.section.array.end, punctuation.definition.index.begin, punctuation.definition.index.end | #eea0dc | — |
| keyword.other.jsdoc, storage.type.class.jsdoc | #609fd2 | — |
| entity.name.type.instance.jsdoc, entity.name.type.jsdoc | #56c9a2 | — |
| variable.other.jsdoc | #abd8f3 | — |
| support.type.property-name.json | #abd8f3 | — |
| punctuation.definition.link.begin.markdown, punctuation.definition.link.end.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown | #eea0dc | — |
| punctuation.definition.metadata.markdown, punctuation.section.image.begin.markdown, punctuation.section.image.end.markdown | #69c9ff | — |
| entity.name.label | #CCCCCC | — |
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}!`;
}