Demo Theme
Publisher: MaiDonThemes in package: 3
A beautifully warm dual theme for Visual Studio Code
A beautifully warm dual theme for Visual Studio Code
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, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts comment.line.double-slash.ts punctuation.definition.comment.ts | #6A9955 | — |
| source.cs meta.preprocessor.cs punctuation.separator.hash.cs, source.cs meta.preprocessor.cs keyword.preprocessor | #6A9955 | italic |
| source.cs meta.preprocessor.cs string.unquoted.preprocessor.message.cs, source.cs meta.preprocessor.cs | #fcb08ae6 | — |
| #cccccc | — | |
| entity.name.tag.html | #F92672 | — |
| html-template.ng meta.ng-binding.two-way.html entity.other.attribute-name.html entity.other.ng-binding-name, html-template.ng meta.ng-binding.event.html entity.other.attribute-name.html, html-template.ng meta.ng-binding.property.html entity.other.attribute-name.html entity.other.ng-binding-name.property.html, html-template.ng meta.tag.structure meta.attribute entity.other.attribute-name.html, html-template.ng meta.tag meta.attribute entity.other.attribute-name.html, html-template.ng meta.tag meta.ng-binding entity.other.attribute-name.html, html-template.ng meta.attribute entity.other.attribute-name.html html-template.ng.attributes.generic, html-template.ng meta.ng-binding.template.sugar.html entity.other.attribute-name.html html-template.ng.attributes, html-template.ng meta.element meta.ng-binding.template entity.other.attribute-name.html html-template.ng.attributes.template, html-template.ng meta.attribute.event-handler entity.other.attribute-name.html html-template.ng.attributes.events, html-template.ng meta.attribute entity.other.attribute-name.html, html-template.ng meta.ng-binding.template.sugar.boolean.html entity.other.attribute-name.html html-template.ng.attributes, html-template.ng meta.ng-binding.template.variable.html entity.other.attribute-name.html html-template.ng.attributes.template | #83df55 | — |
| html-template.ng string.quoted, html-template.ng meta.attribute.class.html string.quoted, html-template.ng expression.ng html-template.ng.interpolation.expression expression.ng punctuation.definition.block.ts html-template.ng.interpolation, html-template.ng expression.ng html-template.ng.interpolation.expression string.quoted, html-template.ng meta.element.custom.html | #fcb08ae6 | — |
| html-template.ng punctuation.definition.tag.begin.html, html-template.ng punctuation.definition.tag.end.html | #797979 | bold |
| html-template.ng meta.element.custom.html constant.language.boolean.false.ts, html-template.ng meta.element.custom.html constant.language.boolean.true.ts, html-template.ng keyword.control, html-template.ng storage.type.ts, html-template.ng keyword.operator.expression.of.ts, html-template.ng constant.language.boolean, html-template.ng constant.character.entity.named.nbsp.html, html-template.ng keyword.other.important.scss, html-template.ng meta.ng-binding.event.html variable.other.property.ts, html-template.ng meta.element.custom.html string.quoted.double.html | #569CD6 | — |
| html-template.ng variable.other.property.ts, html-template.ng variable.other.object.ts, html-template.ng constant.numeric.decimal.ts, html-template.ng entity.name.function.ts, html-template.ng meta.element.inline.html constant.character.other, html-template.ng meta.element.structure.html expression.ng html-template.ng.interpolation.expression constant.character.other, html-template.ng meta.element.custom.html meta.ng-binding.event.html variable.other.property.ts, html-template.ng meta.element.structure.html meta.ng-binding.event.html keyword.operator.expression, html-template.ng meta.tag meta.ng-binding expression.ng variable.other, html-template.ng expression.ng html-template.ng.interpolation.expression constant.character.other | #ffed91 | — |
| html-template.ng meta.property-list.scss meta.embeded.line.css meta.property-name.scss support.type.property-name.css, html-template.ng expression.ng html-template.ng.interpolation.expression entity.name.function.pipe.ng | #8AD7FF | — |
| html-template.ng meta.property-list.scss meta.property-value.scss constant.numeric.css, html-template.ng meta.property-list.scss meta.property-value.scss support.constant.color.w3c-standard-color-name.css, html-template.ng meta.property-list.scss meta.property-value.scss support.constant.property-value.css | #B5CEA8 | — |
| — | — | — |
| source.css.scss | #8AD7FF | — |
| source.css.scss meta.property-list.scss meta.property-value.scss keyword.other.important.scss | #569CD6 | — |
| source.css.scss meta.property-list.scss meta.property-value.scss constant.numeric.css, source.css.scss meta.property-list.scss meta.property-value.scss support.constant.color.w3c-standard-color-name.css | #B5CEA8 | — |
| source.css.scss meta.property-list.scss meta.property-value.scss support.constant.property-value.css, source.css.scss meta.property-list.scss meta.property-value.scss constant.other.color.rgb-value.hex.css, source.css.scss meta.property-list.scss meta.property-value.scss string.quoted, source.css.scss meta.at-rule.import.scss string.quoted | #fcb08ae6 | — |
| source.css.scss entity.other.attribute-name.class.css, source.css.scss entity.name.tag.css | #ffed91 | — |
| source.css.scss meta.property-list.scss punctuation.terminator.rule.scss, source.css.scss meta.property-list.scss entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, source.css.scss meta.property-list.scss punctuation.separator.key-value.scss, source.css.scss punctuation.terminator.rule.css | #D4D4D4 | — |
| source.css.scss meta.at-rule.import.scss keyword.control.at-rule.import.scss | #C74DED | — |
| source.css.scss entity.name.tag.custom.scss, source.css.scss meta.property-list.scss meta.property-value.scss variable.scss | #4EC9B0 | — |
| — | — | — |
| source.ts, source.ts meta.class.ts meta.field.declaration.ts variable.other.constant.property.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.arrow.ts meta.var.expr.ts meta.embedded.line.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts string.template.ts meta.template.expression.ts meta.embedded.line.ts variable.other | #8AD7FF | — |
| source.ts meta keyword.control, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts keyword.operator.expression.delete.ts, source.ts meta.class.ts meta.method.declaration.ts storage.modifier.async.ts | #C74DED | — |
| source.ts meta.decorator.ts meta.function-call.ts entity.name.function.ts, source.ts meta.class.ts entity.name.type.class.ts, source.ts meta.class.ts entity.other.inherited-class.ts, source.ts meta.class.ts meta.field.declaration.ts meta.type.annotation.ts support.type.primitive.ts, source.ts meta.class.ts meta.field.declaration.ts meta.type.annotation.ts entity.name.type.ts, source.ts meta.class.ts meta.field.declaration.ts new.expr.ts meta.function-call.ts entity.name.function.ts, source.ts meta.class.ts meta.field.declaration.ts cast.expr.ts entity.name.type.ts, source.ts meta.class.ts meta.method.declaration.ts meta.parameters.ts meta.type.annotation.ts entity.name.type.ts, source.ts entity.name.type.class, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.arrow.ts meta.block.ts cast.expr.ts entity.name.type.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.block.ts variable.other.object.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts variable.other.object.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts cast.expr.ts entity.name.type.ts, source.ts meta.class.ts meta.method.declaration.ts meta.parameters.ts meta.type.annotation.ts support.type.primitive.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts entity.name.type.ts, source.ts meta.class.ts meta.method.declaration.ts meta.return.type.ts entity.name.type.ts, source.ts meta.var.expr.ts meta.var-single-variable.expr.ts meta.type.annotation.ts entity.name.type.ts, source.ts meta.interface.ts entity.name.type.interface.ts, source.ts meta.interface.ts meta.field.declaration.ts meta.type.annotation.ts support.type.primitive.ts, source.ts meta.namespace.declaration.ts meta.type.annotation.ts support.type.primitive.ts, source.ts meta.var.expr.ts meta.var-single-variable.expr.ts meta.type.annotation.ts support.type.primitive.ts, source.ts meta.var.expr.ts meta.array.literal.ts meta.objectliteral.ts meta.object.member.ts variable.other.property.ts, source.ts meta.decorator.ts meta.objectliteral.ts meta.object.member.ts meta.array.literal.ts meta.function-call.ts variable.other.object.ts, source.ts meta.function.ts meta.parameters.ts meta.type.annotation.ts entity.name.type.ts, source.ts meta.enum.declaration.ts entity.name.type.enum.ts, source.ts meta.function.ts meta.parameters.ts meta.type.annotation.ts support.type.primitive.ts, source.ts meta.function.ts meta.return.type.ts support.type.primitive.ts, source.ts meta.function.ts meta.block.ts meta.var.expr.ts support.type.primitive.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts variable.other.object.property.ts | #4EC9B0 | — |
| source.ts meta.import.ts meta.block.ts variable.other.readwrite.alias.ts | #8AD7FF | — |
| source.ts meta.import.ts string.quoted, source.ts meta.decorator.ts meta.objectliteral.ts meta.object.member.ts string.quoted, source.ts meta.class.ts meta.field.declaration.ts meta.objectliteral.ts meta.object.member.ts string.quoted, source.ts meta.class.ts meta.field.declaration.ts string.quoted, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.array.literal.ts string.quoted, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.block.ts string.quoted, source.ts meta.namespace.declaration.ts string.quoted, source.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts string.template.ts, source.ts meta.var.expr.ts meta.array.literal.ts meta.objectliteral.ts meta.object.member.ts string.quoted, source.ts meta.function.ts meta.block.ts new.expr.ts string.quoted, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.var.expr.ts string.quoted, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts string.regexp.ts constant.other.character-class.set.regexp, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts punctuation.definition, source.ts meta.var.expr.ts meta.objectliteral.ts meta.object.member.ts string.quoted, source.ts meta.enum.declaration.ts string.quoted, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts string.quoted, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts string.template.ts, source.ts meta.class.ts meta.decorator.ts string.quoted, source.ts meta.class.ts meta.field.declaration.ts new.expr.ts string.regexp.ts, source.ts meta.class.ts meta.field.declaration.ts new.expr.ts string.regexp.ts keyword.operator, source.ts meta.class.ts meta.field.declaration.ts new.expr.ts string.regexp.ts keyword.control, source.ts meta.function.ts meta.parameters.ts string.quoted, source.ts meta.function.ts meta.block.ts meta.var.expr.ts string.quoted, source.ts meta.export.ts string.quoted.single.ts, source.ts switch-statement.expr.ts switch-block.expr.ts string.quoted, source.ts meta.var.expr.ts string.quoted, source.ts switch-statement.expr.ts switch-block.expr.ts string.template.ts, source.ts string.template.ts | #fcb08ae6 | — |
| source.ts meta.class.ts storage.type, source.ts meta.class.ts storage.modifier, source.ts meta.class.ts meta.field.declaration.ts new.expr.ts keyword.operator.new.ts, source.ts meta.class.ts meta.objectliteral.ts meta.object.member.ts constant.language.boolean, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts constant.language.boolean, source.ts meta.class.ts meta.field.declaration.ts constant.language.boolean, source.ts meta.objectliteral.ts meta.object.member.ts constant.language.boolean, source.ts meta.class.ts meta.field.declaration.ts meta.type.annotation.ts keyword.operator.expression.typeof.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.function-call.ts variable.language, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts variable.language, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.var.expr.ts storage.type.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts constant.language.null.ts, source.ts meta.var.expr.ts storage, source.ts meta.interface.ts storage, source.ts meta.namespace.declaration.ts storage, source.ts meta.var.expr.ts meta.array.literal.ts meta.objectliteral.ts keyword.operator.expression.import.ts, source.ts keyword.operator.expression.instanceof.ts, source.ts meta.enum.declaration.ts storage.type.enum.ts | #569CD6 | — |
| source.ts meta.class.ts meta.method.declaration.ts storage.type.ts, source.ts meta.class.ts meta.method.declaration.ts meta.definition.method.ts entity.name.function.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.function-call.ts entity.name.function.ts, source.ts meta.class.ts meta.method.declaration.ts meta.block.ts meta.block.ts entity.name.function.ts, source.ts meta.function-call.ts entity.name.function.ts, source.ts meta.var.expr.ts meta.array.literal.ts meta.objectliteral.ts meta.object-literal.key.ts entity.name.function.ts, source.ts meta.decorator.ts meta.objectliteral.ts meta.object.member.ts meta.array.literal.ts meta.function-call.ts entity.name.function.ts, source.ts meta.block.ts meta.interface.ts meta.method.declaration.ts meta.definition.method.ts entity.name.function.ts, source.ts entity.name.function.ts | #ffed91 | — |
| source.ts meta.class.ts meta.method.declaration.ts meta.block.ts constant.numeric.decimal.ts | #B5CEA8 | — |
| variable.other.constant, variable.other.enummember, source.ts switch-statement.expr.ts switch-block.expr.ts string.template.ts meta.template.expression.ts meta.embedded.line.ts variable.other.readwrite.ts | #4FC1FF | — |
| source.ts keyword.operator, source.ts punctuation.terminator.statement.ts | #D4D4D4 | — |
| — | — | — |
| source.cs, source.cs string.quoted meta.interpolation.cs variable.other.readwrite.cs, source.cs string.quoted meta.interpolation.cs variable.other.object.property.cs, text.xml meta.tag.xml entity.other.attribute-name.localname.xml | #8AD7FF | — |
| source.cs punctuation.accessor.cs, source.cs punctuation.terminator.statement.cs, source.cs punctuation.separator, source.cs punctuation.definition.typeparameters, source.cs keyword.operator | #D4D4D4 | — |
| source.cs keyword.other.directive.using.cs, source.cs keyword.control.context.using.cs, source.cs storage.type.namespace.cs, source.cs storage.type.class.cs, source.cs storage.modifier, source.cs variable.language.base.cs, source.cs keyword.type, source.cs storage.type, source.cs keyword.operator.expression, source.cs constant.language, text.xml meta.tag.xml entity.name.tag.localname.xml | #569CD6 | — |
| source.cs string.quoted, text.xml meta.tag.xml string.quoted | #fcb08ae6 | — |
| source.cs entity.name.function.cs | #ffed91 | — |
| source.cs entity.name.type.namespace.cs, source.cs entity.name.type.cs, source.cs variable.other.object.cs, source.cs entity.name.type.interface.cs, entity.name.type | #4EC9B0 | — |
| source.cs keyword.control.conditional, source.cs keyword.control.loop, source.cs keyword.control.exception, source.cs keyword.control.flow.return.cs | #C74DED | — |
| — | — | — |
| source.json, source.json punctuation.support.type.property-name | #8AD7FF | — |
| source.json string.quoted, source.json punctuation.definition.string | #fcb08ae6 | — |
| source.json constant.language.json | #569CD6 | — |
| source.json constant.numeric.json | #B5CEA8 | — |
| source.json punctuation | #D4D4D4 | — |
| — | — | — |
| text.html.markdown, source.js string.quoted, text.gitignore, source.editorconfig | #fcb08ae6 | — |
| source.js | #8AD7FF | — |
| source.js meta.var.expr.js storage.type.js, source.js constant.language.boolean, source.js storage.type.function.js, markup.heading | #569CD6 | — |
| source.js meta.function-call.js entity.name.function.js, source.js meta.objectliteral.js meta.method.declaration.js meta.definition.method.js entity.name.function.js | #ffed91 | — |
| source.js constant.numeric.decimal.js | #B5CEA8 | — |
| source.js support.type.object.module.js, source.js variable.other.object.js | #4EC9B0 | — |
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}!`;
}