DevMedia Theme
Publisher: João M J BragaThemes in package: 3
Tema inspirado na DevMedia - Plataforma para Programadores
Tema inspirado na DevMedia - Plataforma para Programadores
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.line.double-slash, comment.line.double-dash, comment.line.number-sign, comment.line.semicolon, comment.block, comment.block.documentation, punctuation.definition.comment, comment.line.double-dash.sql, comment.block.sql, comment.line.double-slash.pascal, comment.block.pascal | #546575 | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc, variable.other.jsdoc, comment.block.documentation entity.name, source.python string.quoted.docstring.raw, source.python string.quoted.double.block, source.python string.quoted.single.block | #668090 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.template, string.quoted.single.sql, string.quoted.double.sql, string.quoted.single.php, string.quoted.double.php, string.quoted.single.pascal, string.quoted.double.pascal, markup.inline.raw, markup.fenced_code.block, string.unquoted.heredoc.php, string.unquoted.nowdoc.php | #CDAD74 | — |
| string.template meta.template.expression, meta.embedded.expression.angular, meta.embedded.expression.vue | #D8DBE4 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #9CD633 | — |
| meta.fstring.python, punctuation.definition.interpolation.begin.python, punctuation.definition.interpolation.end.python | #9CD633 | — |
| meta.interpolation.dart, punctuation.definition.interpolation.begin.dart, punctuation.definition.interpolation.end.dart | #9CD633 | — |
| string.regexp, string.regexp.js, string.regexp.ts, string.regexp.php | #B89558 | — |
| constant.character.escape, constant.character.escape.regexp, constant.other.unicode.python, constant.character.escape.pascal | #A8D44A | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.sql, constant.numeric.java, constant.numeric.python, constant.numeric.php, constant.numeric.cs, constant.numeric.pascal, constant.numeric.dart | #D4913A | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nil, constant.language.none.python, constant.language.sql, constant.language.java, constant.language.php, constant.language.pascal, constant.language.dart | #A8D44A | — |
| variable.other.constant, variable.other.enummember, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.php, variable.other.constant.pascal | #A8D44A | — |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.yield, keyword.control.async, keyword.control.await, keyword.other, storage.type, storage.modifier | #82C020 | — |
| storage.modifier.access, storage.modifier.static, storage.modifier.abstract, storage.modifier.final, storage.modifier.async, storage.modifier.java, storage.modifier.access.java, storage.modifier.static.java, storage.modifier.cs, storage.modifier.static.cs, storage.modifier.php, storage.modifier.pascal, keyword.other.visibility.pascal | #82C020 | italic |
| keyword.control.js, keyword.control.ts, keyword.control.jsx, keyword.control.tsx, storage.type.js, storage.type.ts, keyword.operator.new.js, keyword.operator.new.ts, keyword.operator.delete.js, keyword.operator.delete.ts, keyword.operator.typeof.js, keyword.operator.typeof.ts, keyword.operator.void.js, keyword.operator.void.ts, keyword.operator.instanceof.js, keyword.operator.instanceof.ts, keyword.operator.in.js, keyword.operator.in.ts, keyword.operator.of.js, keyword.operator.of.ts | #82C020 | — |
| keyword.control.flow.python, keyword.control.conditional.python, keyword.control.loop.python, keyword.control.exception.python, keyword.control.with.python, keyword.control.pass.python, keyword.control.as.python, keyword.control.lambda.python, keyword.control.comprehension.python, keyword.operator.logical.python, keyword.operator.wordlike.python, storage.type.function.python, storage.type.class.python | #82C020 | — |
| keyword.control.java, keyword.other.java, storage.type.primitive.java, storage.type.java, keyword.operator.instanceof.java, keyword.operator.ternary.java, storage.modifier.throws.java | #82C020 | — |
| keyword.control.cs, keyword.other.cs, storage.type.cs, storage.modifier.cs, keyword.type.cs, support.type.cs, keyword.control.linq.cs, keyword.query.cs | #82C020 | — |
| keyword.control.php, keyword.other.php, storage.type.php, storage.modifier.php, keyword.other.match.php, keyword.control.match.php, keyword.other.readonly.php, keyword.other.never.php, keyword.other.enum.php, keyword.other.fiber.php, storage.type.class.php, storage.type.interface.php, storage.type.trait.php, storage.type.enum.php, storage.type.function.php, storage.type.closure.php | #82C020 | — |
| keyword.control.dart, keyword.other.dart, storage.type.dart, keyword.control.async.dart, keyword.declaration.type.dart, keyword.declaration.mixin.dart, keyword.operator.cascade.dart | #B8E030 | — |
| keyword.control.pascal, keyword.control.delphi, keyword.other.pascal, keyword.other.delphi, storage.type.pascal, keyword.control.begin.pascal, keyword.control.end.pascal, keyword.other.uses.pascal, keyword.other.unit.pascal, keyword.other.property.pascal, storage.type.string.pascal | #82C020 | — |
| keyword.other.directive.delphi, meta.directive.delphi, comment.block.directive.pascal | #6C8EBF | italic |
| keyword.control.trycatch, keyword.control.exception, keyword.control.try, keyword.control.catch, keyword.control.finally, keyword.control.throw, keyword.control.exception.python, keyword.control.trycatch.java, keyword.control.trycatch.cs, keyword.control.trycatch.php, keyword.control.trycatch.js, keyword.control.trycatch.ts, keyword.control.exception.pascal, keyword.control.trycatch.pascal, keyword.control.throw.php, keyword.control.finally.php | #D86848 | — |
| keyword.control.import.js, keyword.control.export.js, keyword.control.import.ts, keyword.control.export.ts, keyword.control.import.jsx, keyword.control.export.jsx, keyword.control.import.tsx, keyword.control.export.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.as.js, keyword.control.as.ts, keyword.control.import.python, keyword.control.import.from.python, keyword.other.import.java, keyword.other.using.cs, keyword.other.namespace.cs, keyword.other.use.php, keyword.other.use-as.php, keyword.other.namespace.php, keyword.other.import.dart, keyword.control.import.dart, keyword.other.use-grouped.php | #5A9FCC | — |
| meta.import.python entity.name.namespace, storage.modifier.package.java, meta.package.java, entity.name.type.namespace.cs, entity.name.type.namespace.php, support.other.namespace.php, entity.name.namespace, support.other.namespace, entity.name.package.java, support.other.package.java, entity.name.type.module, variable.other.readwrite.module, meta.import variable.other, support.module.node, support.type.object.module.commonjs, support.class.php | #4D9FBF | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.decrement, keyword.operator.spread, keyword.operator.rest, keyword.operator.ternary, keyword.operator.arithmetic.python, keyword.operator.comparison.python, keyword.operator.assignment.python, keyword.operator.bitwise.python, keyword.operator.arithmetic.java, keyword.operator.comparison.java, keyword.operator.assignment.java, keyword.operator.comparison.sql, keyword.operator.logical.sql, keyword.operator.like.sql, keyword.operator.null.sql, keyword.operator.math.sql, keyword.operator.pascal, keyword.operator.comparison.pascal, keyword.operator.assignment.pascal, keyword.operator.string.php, keyword.operator.logical.php, keyword.operator.comparison.php, keyword.operator.bitwise.php, keyword.operator.spread.php | #9CD633 | — |
| storage.type.function.arrow, keyword.operator.arrow, keyword.operator.arrow.cs, punctuation.separator.arrow, storage.type.function.arrow.java, storage.type.function.arrow.php, keyword.operator.object.php, keyword.operator.class.php | #9CD633 | — |
| keyword.operator.type.annotation.ts, keyword.operator.type.annotation.tsx, keyword.operator.union.ts, keyword.operator.intersection.ts, keyword.operator.optional.ts, keyword.operator.nullable.ts | #7AAFE0 | — |
| keyword.operator.null-conditional.cs, keyword.operator.null-forgiving.cs, keyword.operator.null-coalescing.cs | #9CD633 | — |
| keyword.operator.null-safety.dart, keyword.operator.null-aware.dart | #9CD633 | — |
| entity.name.function, meta.function entity.name.function, meta.function.declaration entity.name.function, entity.name.function.python, entity.name.function.js, entity.name.function.ts, entity.name.function.java, meta.method.java entity.name.function, entity.name.function.kotlin, entity.name.function.cs, entity.name.function.php, entity.name.function.dart, entity.name.function.pascal, entity.name.function.delphi, entity.name.function.sql, storage.type.function.python, storage.type.function.go, storage.type.function.kotlin, entity.name.function.constructor.php, entity.name.function.method.declaration.php | #40DDEF | — |
| meta.function-call entity.name.function, meta.function-call.generic, meta.method-call entity.name.function, support.function, support.function.builtin, support.function.magic, support.function.builtin.python, support.function.magic.python, support.function.builtin.php, support.function.magic.php, entity.name.function.member.java, meta.method-call.java entity.name.function, meta.function-call.php entity.name.function, entity.name.function.method.php, support.function.node, support.function.node.require, support.function.sql, support.function.aggregate.sql, support.function.string.sql, support.function.date.sql, support.function.cast.sql, support.function.php, meta.function-call.php, meta.function-call.static.php, meta.function-call.object.php | #1AB8CC | — |
| meta.function-call.react-hooks, support.function.use-state.react, support.function.use-effect.react, support.function.use-ref.react, support.function.use-context.react, support.function.use-memo.react, support.function.use-callback.react | #1AB8CC | italic |
| support.function.window.sql | #40DDEF | — |
| variable.parameter, variable.parameter.function, variable.parameter.python, variable.parameter.java, variable.parameter.cs, variable.parameter.php, variable.parameter.dart, variable.parameter.pascal, meta.parameters variable.parameter | #D8B870 | italic |
| meta.decorator, entity.name.function.decorator, punctuation.decorator.ts, punctuation.decorator.js, meta.function.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python, storage.type.annotation.java, entity.name.type.annotation.java, punctuation.definition.annotation.java, meta.declaration.annotation.java, storage.type.annotation.kotlin, entity.name.type.attribute.cs, punctuation.definition.attribute.begin.cs, punctuation.definition.attribute.end.cs, storage.type.attribute.php, storage.type.annotation.dart, meta.decorator.angular, entity.name.function.decorator.angular, punctuation.definition.attribute.begin.php, punctuation.definition.attribute.end.php | #9B8FE0 | italic |
| entity.name.class, entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, support.class, entity.name.class.python, entity.name.type.class.python, entity.name.type.class.java, entity.name.class.java, entity.name.type.interface.java, entity.name.type.enum.java, entity.name.type.class.kotlin, entity.name.type.class.cs, entity.name.type.interface.cs, entity.name.type.enum.cs, entity.name.type.class.php, entity.name.class.php, entity.name.type.interface.php, entity.name.type.trait.php, entity.name.type.class.dart, entity.name.type.class.pascal, entity.name.class.pascal, entity.name.type.class.delphi, support.class.component, support.class.component.jsx, support.class.component.tsx, entity.name.tag.tsx, entity.name.tag.jsx, entity.name.type.enum.php | #A0C8F8 | — |
| support.type, support.type.python, support.type.php, support.type.cs, support.type.primitive, support.type.builtin, support.type.primitive.ts, support.type.primitive.tsx, support.type.builtin.ts, support.class.dart, storage.type.java, storage.type.primitive.java, storage.type.kotlin, storage.type.sql, support.type.sql, support.type.builtin.php | #A0C8F8 | italic |
| entity.name.type.parameter, entity.name.type.parameter.ts, entity.name.type.parameter.tsx, entity.name.type.parameter.java, entity.name.type.parameter.cs, storage.type.generic.java, entity.name.type.type-parameter.cs | #7AAFE0 | italic |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.php, variable.other.normal.php, variable.other.python, variable.other.js, variable.other.ts, variable.other.cs, variable.other.pascal, support.variable.object.node, support.variable.object.process.node, support.variable.superglobal.php, variable.other.global.php, variable.other.static.php, variable.other.class.php | #DCE0EA | — |
| variable.other.property, variable.other.object.property, variable.other.member, support.variable.property, meta.object-literal.key, support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, variable.other.property.js, variable.other.property.ts, variable.other.property.php, variable.other.property.cs, entity.name.variable.property.cs, variable.other.property.dart, variable.other.object.dart, variable.other.property.pascal, meta.column-name.sql | #7AAFE0 | — |
| variable.language.this, variable.language.super, variable.language.self, variable.language.special.self.python, variable.language.special.cls.python, variable.language.this.js, variable.language.this.ts, variable.language.this.php, variable.language.this.java, variable.language.self.php, variable.language.parent.php, variable.language.static.php | #B8C0D0 | italic |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, meta.tag.sgml | #82C020 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.id, entity.other.attribute-name.class.html | #7AAFE0 | — |
| constant.other.php, constant.other.class.php, support.constant.php, support.constant.core.php | #A8D44A | — |
| variable.language.php, support.constant.magic.php, constant.language.php constant.language.php | #B8C0D0 | italic |
| variable.other.global.safer.php, support.variable.superglobal.php | #D4D060 | italic |
| support.function.magic.php, entity.name.function.magic.php, entity.name.function.constructor.php | #9B8FE0 | — |
| keyword.operator.nullsafe.php, keyword.operator.null-safe.php | #9CD633 | — |
| keyword.operator.type.php, keyword.operator.type.union.php, keyword.operator.type.intersection.php, keyword.other.nullable-type.php, keyword.other.return-type.php, keyword.other.type.php | #7AAFE0 | — |
| keyword.operator.cast.php, storage.type.cast.php | #A0C8F8 | italic |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, keyword.other.phpdoc.php, meta.tag.preprocessor.php | #9B8FE0 | — |
| punctuation.separator.namespace.php, keyword.operator.namespace.php | #4D9FBF | — |
| keyword.other.named-argument.php, punctuation.separator.named-argument.php, meta.named-argument.php | #D8B870 | italic |
| meta.string.php variable.other.php, string.quoted.double.php variable, variable.other.normal.php string | #DCE0EA | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.separator.key-value.html | #3A6810 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #7AAFE0 | — |
| punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx | #9CD633 | — |
| entity.other.attribute-name.directive.vue, entity.other.attribute-name.v-bind.vue, entity.other.attribute-name.v-on.vue, entity.other.attribute-name.v-model.vue, entity.other.attribute-name.v-if.vue, entity.other.attribute-name.v-for.vue, entity.other.attribute-name.vue | #9B8FE0 | — |
| meta.embedded.expression.vue, punctuation.definition.interpolation.begin.vue, punctuation.definition.interpolation.end.vue | #9CD633 | — |
| entity.other.attribute-name.angular, entity.other.attribute-name.ngIf.angular, entity.other.attribute-name.ngFor.angular, entity.other.attribute-name.ngModel.angular, entity.other.attribute-name.ngClass.angular, entity.other.attribute-name.ngStyle.angular | #9B8FE0 | — |
| meta.embedded.expression.angular, punctuation.definition.interpolation.begin.angular, punctuation.definition.interpolation.end.angular | #9CD633 | — |
| keyword.operator.pipe.angular | #9CD633 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.scss | #82C020 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, meta.property-name.css | #7AAFE0 | — |
| support.constant.property-value.css, support.constant.property-value.scss, keyword.other.unit.css, keyword.other.unit.scss, constant.other.color.rgb-value.css, constant.other.color.rgb-value.scss, constant.other.color.hex-value.css | #CDAD74 | — |
| support.function.misc.css, support.function.misc.scss, support.function.calc.css, support.function.calc.scss, support.function.gradient.css | #1AB8CC | — |
| variable.css, variable.scss, variable.argument.css, support.variable.property.css | #DCE0EA | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss, keyword.control.at-rule.less, keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss, punctuation.definition.keyword.css | #5A9FCC | — |
| support.type.property-name.json, string.json support.type.property-name | #82C020 | — |
| keyword.other.DML.sql | #82C020 | — |
| keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.drop.sql, keyword.other.grant.sql, keyword.other.alter.sql | #D86848 | — |
| keyword.other.sql, keyword.other.alias.sql, keyword.other.order.sql, keyword.other.group.sql, keyword.other.having.sql, keyword.other.where.sql, keyword.other.join.sql, keyword.other.union.sql, keyword.other.limit.sql | #5A9FCC | — |
| keyword.other.case.sql, keyword.other.when.sql, keyword.other.then.sql, keyword.other.else.sql, keyword.other.end.sql | #9CD633 | — |
| keyword.other.transaction.sql, keyword.other.procedure.sql | #9B8FE0 | — |
| storage.type.sql, support.type.sql | #A0C8F8 | — |
| constant.other.table-name.sql, entity.name.type.sql | #A0C8F8 | — |
| constant.other.database-name.sql | #4D9FBF | — |
| meta.column-name.sql | #7AAFE0 | — |
| variable.other.sql | #D4D060 | italic |
| support.function.sql, support.function.aggregate.sql, support.function.string.sql, support.function.date.sql, support.function.cast.sql | #1AB8CC | — |
| support.function.window.sql | #40DDEF | — |
| entity.name.function.sql | #40DDEF | — |
| keyword.other.data-integrity.sql | #9B8FE0 | — |
| constant.language.sql, constant.numeric.sql | #A8D44A | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #82C020 | — |
| markup.bold | #A0C8F8 | bold |
| markup.italic | #7AAFE0 | italic |
| markup.underline.link, string.other.link.title.markdown | #5A9FCC | — |
| markup.quote | #546575 | italic |
| markup.list, punctuation.definition.list.begin.markdown | #9CD633 | — |
| punctuation | #384A58 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #455868 | — |
| invalid, invalid.illegal | #F47070 | italic |
| invalid.deprecated | #D86848 | italic strikethrough |
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}!`;
}