CyberStar
Publisher: Fernando HerreraThemes in package: 5
A toned down set of themes for Visual Studio Code.
A toned down set of themes 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 |
|---|---|---|
| constant.language.symbol.elixir, entity.name.record.field.accessor, entity.other.attribute-name.namespace.xml, entity.other.inherited-class.python, meta.import.swift entity.name.type.swift, meta.member.access.python, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell punctuation.definition.variable.powershell, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell, punctuation.tag.liquid support.class.liquid, record.accessor, source.cpp meta.block.class.cpp meta.body.class.cpp meta.function.definition.special.constructor.cpp meta.body.function.definition.special.constructor.cpp, source.cpp meta.block.class.cpp meta.body.class.cpp, storage.modifier.import.groovy, storage.modifier.import.java, support.module.elm, support.other.namespace.php, variable.other.object, variable.other.property.js, variable.other.property.ts | #cccccc | |
| entity.name.type | #E9DBBF | |
| comment.block.documentation source, comment, punctuation.definition.comment, string.quoted.docstring.multi | #666666 | |
| entity.name.function.edge, keyword.begin.blade, keyword.blade, keyword.cmake, keyword.codetag.notation, keyword.control.conditional, keyword.control, keyword.edge, keyword.end.blade, keyword.import.go, keyword.operator.address.go, keyword.operator.arrow, keyword.operator.class.php, keyword.operator.expression, keyword.operator.increment-decrement.php, keyword.operator.increment-increment.php, keyword.operator.liquid, keyword.operator.logical.python, keyword.operator.new, keyword.operator.null-coalescing, keyword.operator.nullable-type.php, keyword.operator.optional.ts, keyword.operator.pipe.shell, keyword.operator.pointer.go, keyword.operator.spread.php, keyword.operator.string.php, keyword.operator.ternary.php, keyword.operator.type.php, keyword.operator.variadic.php, keyword.other.await, keyword.other.gdscript, keyword.other.import.groovy, keyword.other.import.static.groovy, keyword.other.new, keyword.other.onready.gdscript, keyword.other.phpdoc, keyword.other.special-method.elixir, keyword.other.use-as.php, keyword.other.use.php, keyword.package.go, keyword.struct.go, keyword.type-alias, keyword.type, meta.directive.on.svelte entity.name.type.svelte, punctuation.definition.attribute.swift, punctuation.definition.block.tag.jsdoc, source.graphql meta.fragment.graphql keyword.on.graphql, source.graphql meta.type.interface.graphql keyword.implements.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql keyword.operator.nulltype.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql keyword.operator.nulltype.graphql, source.graphql meta.variables.graphql keyword.operator.nulltype.graphql, source.svelte meta.scope.tag.main.svelte meta.tag.start.svelte variable.function.svelte, storage.modifier, storage.type.class.jsdoc, support.class.console, support.constant.edge | #A0927D | |
| constant, support.constant.core.php | #cdc39d | |
| entity.name.function.decorator, entity.name.variable.parameter, meta.decorator entity.name.function, meta.decorator punctuation.decorator, meta.decorator variable.other.readwrite.ts, punctuation.definition.decorator, variable.parameter.gdscript, variable.parameter | #cccccc | |
| entity.name.function-call.elixir, entity.name.function.powershell, entity.name.function, entity.name.type.variant.gdscript, meta.bracket.square.access, meta.class storage.type, meta.function-call support, meta.function-call.generic, meta.function-call, meta.function.echo.edge source.js keyword.operator.error-control.js, meta.function, meta.method-call.php, meta.method-call.static.php, meta.method.declaration, meta.method.groovy, punctuation.output.liquid support.variable.liquid, source.directive, support.function, variable.language.super.ts | #D5C28A | |
| keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.increment, keyword.operator.logical, keyword.operator.lua, keyword.operator.math, keyword.operator.relational, storage.type.function.arrow | #999999 | |
| attribute_value, begin.bracket, constant.name.attribute.tag.pug, end.bracket, expression.embbeded.vue punctuation.definition.tag.begin.html.vue, expression.embbeded.vue punctuation.definition.tag.end.html.vue, JSXAttrs keyword.operator.assignment.jsx, keyword.operator.assignment.tsx, keyword.operator, keyword.other.colon.elm, keyword.other.period.elm, keyword.other.whitespace.liquid, keyword.other, meta.brace, meta.class.body.groovy, meta.definition.function.swift meta.parameter-clause.swift, meta.definition.method.groovy meta.method.body.java meta.declaration.assertion.groovy, meta.definition.method.signature.java, meta.expression.parenthesized, meta.function.echo.blade source.php, meta.function.lua, meta.function.type-declaration, meta.record.field.elm keyword.other.elm, meta.tag.attributes.js keyword.operator.assignment.js, meta.tag.preprocessor.xml, meta.tag.template.block.twig, meta.tag.template.value.twig, meta.tag.xml, punctuation.accessor, punctuation.definition.block, punctuation.definition.generic.begin, punctuation.definition.generic.end, punctuation.definition.keyword.svelte, punctuation.definition.list.begin.erlang, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.parameters, punctuation.definition.template-expression, punctuation.output.liquid, punctuation.section.embedded.end.swift source.swift, punctuation.separator, punctuation.terminator, punctuation, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql meta.brace.square.graphql, source.lua, source.svelte meta.scope.tag.SpeakerPicture.svelte meta.tag.start.svelte entity.other.attribute-name.svelte, source.swift meta.function-call.swift, string.interpolated.pug, support.function.construct.begin.blade, support.function.construct.end.blade source.php, support.function.construct.end.blade, text.html.liquid meta.tag.liquid punctuation.definition.tag.end.liquid, text.html.twig meta.tag.block.any, text.html.twig meta.tag.inline.any, text.html.vue-html meta.tag.block.any | #999999 | |
| constant.character.escape.regexp, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.begin.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.end.erlang, constant.other.symbol.quoted.single.erlang, meta.import.ts punctuation.definition.variable.svelte, punctuation.definition.string.begin, punctuation.definition.string.end.html source.css-ignored-vscode, punctuation.definition.string.end.html source.css, punctuation.definition.string.end.html source.js-ignored-vscode, punctuation.definition.string.end.html source.js.jsx, punctuation.definition.string.end.html source.js, punctuation.definition.string.end.html source.ts, punctuation.definition.string.end.html source.tsx, punctuation.definition.string.end.html.vue, punctuation.definition.string.end, punctuation.definition.string.template, punctuation.definition.string, punctuation.definition.subshell.single.shell, punctuation.section.parenthese.shell, string.other.link, string.quoted.double.html source.css, string.quoted.single.python punctuation.definition.string.begin.python, string.quoted.single.python punctuation.definition.string.end.python, string.quoted.single, string.template, string.unquoted.plain.out.yaml, string, text.html.edge punctuation.definition.variable.js, variable.parameter.url | #a19179 | |
| entity.name.type.class.php, entity.name.type, entity.other.alias.php, entity.other.inherited-class.php, entity.other.inherited-class, keyword.other.type, keyword.type, meta.definition.type.body.swift meta.function-call.swift, meta.definition.type.class.swift meta.inheritance-clause.swift, meta.group.simple.subexpression.powershell meta.scriptblock.powershell storage.type.powershell, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php source.php, punctuation.section.embedded.end.php, source.graphql declaration.meta.type support, source.graphql meta.enum.graphql meta.type.object.graphql constant.character.enum.graphql, source.graphql meta.fragment.graphql entity.name.fragment.graphql, source.graphql meta.selections, storage.type.generic.java, storage.type.groovy, storage.type.java, storage.type.object.array.java, storage.type.primitive.groovy, storage.type.primitive.java, storage.type, support.class.php, support.class, support.type, variable.other.constant.elixir | #999999 | |
| entity.name.type.class.js, entity.name.variable.tuple-element.cs punctuation.separator.colon.cs, entity.name.variable.tuple-element, entity.name.variable, entity.name.variable, entity.source.cmake, meta.body.struct.cpp, meta.class variable.object.property, meta.definition.variable.name.groovy, meta.directive.edge source.js, meta.function.echo.edge source.js, meta.group.simple.subexpression.powershell support.variable.automatic.powershell, meta.method.body, parameter.variable.function.elixir, punctuation.definition.variable, source.css meta.property-value.css, source.css variable.parameter.keyframe-list.css, source.css.scss meta.at-rule.keyframes.scss entity.name.function.scss, source.css.scss meta.property-value.scss, storage.source.cmake, support.variable.automatic.powershell, support.variable.magic, text.html.edge meta.function.echo.edge meta.function-call.js, variable.language, variable.other.constant entity.name.function, variable | #cccccc | |
| entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity | #cccccc | |
| entity.other.attribute-name.id punctuation.definition.entity, source.css entity.other.attribute-name.id , source.css.scss entity.other.attribute-name.id | #A0927D | |
| constant.numeric | #CBA357 | |
| meta.property-list entity.name.tag.css, meta.property-list meta.property-name, meta.property-list.scss meta.property-list.scss entity.name.tag.css, source.css.scss meta.property-list.scss entity.name.tag.css, support.type.property-name.css, support.type.vendored.property-name | #cccccc | |
| entity.other.attribute-name.pseudo-class | #999999 | |
| entity.other.attribute-name.pseudo-element | #999999 | |
| entity.name.tag.reference, meta.property-list | #999999 | |
| entity.name.tag.css, meta.property-list.scss entity.name.tag.css | #cdc39d | |
| keyword.other.unit | #CBA357 | |
| meta.attribute.style.html, meta.property-value.css, support.constant.font-name, support.constant.property-value | #CBA357 | |
| entity.name.tag.liquid, entity.other.attribute-name, invalid.deprecated.entity.other.attribute-name, meta.embedded.block.blade storage.type.php | #cdc39d | |
| invalid.illegal.character-not-allowed-here.html, meta.tag.block.any.html, meta.tag.block.any, meta.tag.inline.any, meta.tag.inline.i.start.html, meta.tag.metadata.style.end.html, meta.tag.sgml.doctype.html, meta.tag.structure.div.start.html, punctuation.definition.tag.end.html.vue, punctuation.definition.tag, source.css-ignored-vscode, text.html.vue invalid.illegal.character-not-allowed-here.html | #666666 | |
| entity.name.tag, meta.embedded.block.blade constant.other.php, meta.embedded.block.blade keyword.operator.arithmetic.php, meta.embedded.block.blade keyword.operator.comparison.php, meta.tag.end.svelte keyword.control.svelte, meta.tag.start.svelte keyword.control.svelte, source.js-ignored-vscode, text.html.basic entity.name | #A0A0A0 | |
| support.class.liquid, support.variable.liquid | #A0A0A0 | |
| markup.bold, punctuation.definition.bold | #ffffff | bold |
| markup.fenced_code.block.markdown punctuation, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown, punctuation.definition.raw.markdown | #A0927D | |
| fenced_code.block.language | #D5C28A | |
| entity.name.section, markup.heading.setext | #CBA357 | |
| punctuation.definition.heading | #CCCCCC | |
| markup.italic, punctuation.definition.italic | #cccccc | italic |
| markup.underline.link, markup.underline.link.image | #CBA357 | |
| punctuation.definition.list.begin | #cccccc | |
| punctuation.definition.list.begin | #999999 | |
| markup.quote, markup.quote.markdown punctuation.definition.quote.begin | #A0927D | |
| punctuation.definition.quote.begin | #999999 | |
| markup.strikethrough, punctuation.definition.strikethrough | #999999 | |
| markup.fenced_code.block.markdown punctuation, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown, punctuation.definition.raw.markdown | #CCCCCC | |
| markup.fenced_code.block.markdown punctuation, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown, punctuation.definition.raw.markdown | #CCCCCC | |
| source.diff markup.inserted.diff, source.diff meta.diff.header.to-file, source.diff punctuation.definition.inserted.diff, source.diff punctuation.definition.to-file.diff | #CCCCCC | |
| source.diff markup.deleted.diff, source.diff meta.diff.header.from-file, source.diff punctuation.definition.deleted.diff, source.diff punctuation.definition.from-file.diff | #CCCCCC | |
| source.diff meta.diff.header.command | #CCCCCC | |
| source.diff meta.diff.range.unified, source.diff punctuation.definition.range.diff | #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}!`;
}