AS Theme
Publisher: Arpit ShuklaThemes in package: 1
AS Theme is a deep-space dark Visual Studio Code theme built on a warm navy palette — eye-safe, vibrant, and crafted for clarity, focus, and long coding sessions.
AS Theme is a deep-space dark Visual Studio Code theme built on a warm navy palette — eye-safe, vibrant, and crafted for clarity, focus, and long coding sessions.
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, punctuation.definition.comment, comment.block.documentation | #45475A | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.default, keyword.control.return, keyword.control.throw, keyword.control.try, keyword.control.catch, keyword.control.finally, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, storage.type, storage.modifier | #F28FAD | bold |
| storage, storage.type.class, storage.type.function, storage.type.var, storage.type.let, storage.type.const, storage.modifier.async, storage.modifier.static, storage.modifier.public, storage.modifier.private, storage.modifier.protected, keyword.other.definitelytyped | #F28FAD | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated, string.regexp, string.other.link, constant.other.character-class.regexp, constant.character.escape | #A6E3A1 | normal |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, meta.template.expression | #FAB387 | bold |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity | #FAB387 | bold |
| entity.name.function, support.function, meta.function-call, entity.name.method, meta.method-call, support.method, entity.name.function.constructor, entity.name.function.destructor | #89DCEB | bold |
| variable.parameter, meta.function.parameters, meta.function.parameter, variable.parameter.function | #CBA6F7 | italic |
| entity.name.type, entity.name.class, entity.other.inherited-class, entity.name.interface, entity.name.enum, entity.name.struct, support.type, support.class, storage.type.built-in, entity.name.type.alias, entity.name.type.parameter | #CBA6F7 | bold |
| variable, variable.other, variable.other.readwrite, variable.other.property, variable.other.object.property, variable.other.member, meta.object-literal.key, support.variable, variable.other.constant | #89B4FA | normal |
| meta.object-literal, meta.array.literal, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.dictionary.begin, punctuation.definition.dictionary.end | #F9E2AF | normal |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, punctuation.operator | #F38BA8 | normal |
| punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces, punctuation.section.group, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.section.function.begin, punctuation.section.function.end | #CDD6F4 | normal |
| entity.name.tag.html, entity.name.tag.xml, entity.name.tag.jsx, entity.name.tag.tsx, punctuation.definition.tag.html, punctuation.definition.tag.xml, punctuation.definition.tag.begin, punctuation.definition.tag.end | #F28FAD | bold |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #89DCEB | italic |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.sass, support.type.property-name.less, meta.property-name.css | #89DCEB | normal |
| support.constant.property-value.css, support.constant.font-name.css, support.constant.media-type.css, support.constant.media.css, constant.numeric.css, keyword.other.unit.css, support.function.misc.css | #A6E3A1 | normal |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, punctuation.definition.entity.css | #FAB387 | bold |
| support.type.property-name.json, meta.structure.dictionary.key.json, string.quoted.double.json support.type.property-name.json | #89DCEB | normal |
| meta.structure.dictionary.value.json, string.quoted.double.json | #A6E3A1 | normal |
| markup.heading, markup.heading.1, markup.heading.2, markup.heading.3, markup.heading.4, markup.heading.5, markup.heading.6, entity.name.section.markdown, punctuation.definition.heading.markdown | #89B4FA | bold |
| markup.bold, punctuation.definition.bold.markdown | #FAB387 | bold |
| markup.italic, punctuation.definition.italic.markdown | #CBA6F7 | italic |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown, punctuation.definition.raw.markdown | #A6E3A1 | normal |
| markup.underline.link.markdown, string.other.link.title.markdown, string.other.link.description.markdown, meta.link.inline.markdown | #89B4FA | underline |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #6C7A96 | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown, punctuation.definition.list.begin.markdown | #F9E2AF | normal |
| markup.inserted, markup.inserted.git_gutter | #A6E3A1 | bold |
| markup.deleted, markup.deleted.git_gutter | #F38BA8 | bold |
| markup.changed, markup.changed.git_gutter | #F9E2AF | bold |
| invalid, invalid.illegal, invalid.broken, invalid.deprecated, invalid.unimplemented | #F38BA8 | underline italic |
| constant.language, support.constant, constant.character, constant.escape, keyword.other.this, keyword.other.super, variable.language.this, variable.language.super | #CBA6F7 | bold |
| entity.name.type.module, variable.other.readwrite.alias, meta.import, meta.export, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #94E2D5 | italic |
| entity.name.function.decorator, meta.decorator, punctuation.decorator, storage.type.annotation | #F5C2E7 | italic |
| entity.name.type.parameter, meta.type.parameters, punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end | #CBA6F7 | italic |
| support.function.builtin, support.function.magic, support.method.builtin, variable.function.builtin | #89DCEB | bold |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp, punctuation.definition.group.assertion.regexp, keyword.operator.quantifier.regexp | #F28FAD | bold |
| keyword.other.sql, keyword.other.DDL.create.II.sql, keyword.other.DML.sql, keyword.other.DML.II.sql | #F28FAD | bold |
| support.function.magic.python, meta.function.magic.python | #CBA6F7 | bold italic |
| entity.name.function.decorator.python, meta.function.decorator.python | #F5C2E7 | italic bold |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag.js.jsx, entity.name.tag.tsx | #A6E3A1 | bold |
| variable.other.object.property.jsx, variable.other.object.property.tsx, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #89DCEB | italic |
| entity.name.tag.yaml, punctuation.definition.key-value.yaml | #89DCEB | bold |
| string.unquoted.plain.out.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #A6E3A1 | normal |
| variable.other.normal.shell, punctuation.definition.variable.shell, variable.other.special.shell, variable.other.positional.shell | #F9E2AF | bold |
| support.function.builtin.shell, meta.function-call.shell | #89DCEB | bold |
| keyword.other.definition.ini, entity.name.section.group-title.ini, punctuation.definition.entity.ini | #FAB387 | bold |
| keyword.other.loglevel.error, support.type.log.error | #F38BA8 | bold |
| keyword.other.loglevel.warning, support.type.log.warning | #F9E2AF | bold |
| keyword.other.loglevel.info, support.type.log.info | #89B4FA | normal |
| keyword.other.loglevel.debug, support.type.log.debug | #6C7A96 | italic |
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}!`;
}