AEPCodes Themes
Publisher: AEP CodesThemes in package: 6
Six warm, tactile light and dark color themes for Visual Studio Code.
Six warm, tactile light and dark color 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 |
|---|---|---|
| source, meta.embedded, source.groovy.embedded, meta.jsx.children | #ece5d9 | — |
| comment, punctuation.definition.comment, string.comment | #b8b2a8 | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.other | #e0b1b3 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison | #ece5d9 | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #ece5d9 | — |
| string, string.quoted, string.template, string.interpolated | #92aab3 | — |
| constant.character.escape, constant.character.entity, punctuation.definition.entity | #c6a777 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #e0b1b3 | — |
| constant.language, constant.character, variable.language, support.constant | #c6a777 | — |
| constant.other, entity.name.constant, variable.other.constant, variable.other.enummember | #c6a777 | — |
| entity.name.function, entity.name.method, support.function, variable.function, meta.function-call entity.name.function | #c3aed1 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.namespace, entity.other.inherited-class, support.type, support.class | #92aab3 | — |
| variable, variable.other, variable.other.readwrite, support.variable | #ece5d9 | — |
| variable.parameter, meta.function.parameters variable | #c6a777 | — |
| variable.other.property, support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #ece5d9 | — |
| string.regexp, source.regexp, constant.regexp | #c6a777 | — |
| meta.decorator, meta.annotation, punctuation.decorator, entity.name.function.decorator | #c6a777 | — |
| entity.name.function.js, entity.name.function.ts, entity.name.function.method.js, entity.name.function.method.ts, support.function.dom.js, support.function.dom.ts | #c3aed1 | — |
| entity.name.type.class.js, entity.name.type.class.ts, entity.name.type.interface.ts, support.type.primitive.ts, support.type.builtin.ts | #92aab3 | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #e0b1b3 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double.json | #c6a777 | — |
| constant.language.json, constant.numeric.json | #e0b1b3 | — |
| entity.name.tag.html, entity.name.tag.block.any.html, entity.name.tag.inline.any.html, entity.name.tag.doctype.html, punctuation.definition.tag.html | #92aab3 | — |
| entity.other.attribute-name.html, meta.attribute-with-value.html entity.other.attribute-name.html | #ece5d9 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #92aab3 | — |
| support.type.property-name.css, meta.property-name.css | #ece5d9 | — |
| support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, support.constant.font-name.css, keyword.other.unit.css | #c6a777 | — |
| markup.heading.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown | #92aab3 | bold |
| markup.bold.markdown, punctuation.definition.bold.markdown | #ece5d9 | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | #ece5d9 | italic |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown | #c6a777 | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, punctuation.definition.raw.markdown | #92aab3 | — |
| markup.underline.link.markdown, string.other.link.title.markdown, constant.other.reference.link.markdown, meta.link.inline.markdown | #e0b1b3 | — |
| entity.name.function.powershell, support.function.powershell | #c3aed1 | — |
| variable.other.readwrite.powershell, variable.parameter.powershell, variable.language.powershell | #c6a777 | — |
| keyword.control.powershell, keyword.other.powershell, keyword.operator.powershell, storage.type.powershell | #e0b1b3 | — |
| entity.name.function.shell, entity.name.function.call.shell, entity.name.command.shell, support.function.builtin.shell | #c3aed1 | — |
| variable.other.normal.shell, variable.other.bracket.shell, variable.language.special.shell, variable.parameter.shell | #c6a777 | — |
| string.unquoted.argument.option.shell, keyword.operator.logical.shell, keyword.operator.redirect.shell | #e0b1b3 | — |
| keyword.control.hugo, keyword.operator.initialize.hugo, keyword.control.gotemplate | #e0b1b3 | — |
| support.function.hugo, support.function.builtin.hugo, support.function.builtin.gotemplate | #c3aed1 | — |
| variable.hugo, variable.other.gotemplate | #c6a777 | — |
| punctuation.section.embedded.begin.hugo, punctuation.section.embedded.end.hugo, punctuation.section.embedded.begin.gotemplate, punctuation.section.embedded.end.gotemplate | #e0b1b3 | — |
| markup.inserted, markup.inserted.diff, punctuation.definition.inserted.diff | #c2ddcf | — |
| markup.deleted, markup.deleted.diff, punctuation.definition.deleted.diff | #f0c2c9 | — |
| markup.changed, markup.changed.diff, punctuation.definition.changed.diff | #f0d7a1 | — |
| invalid, invalid.illegal, invalid.broken, invalid.deprecated | #f0c2c9 | — |
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 |
|---|---|---|
| source, meta.embedded, source.groovy.embedded, meta.jsx.children | #222d31 | — |
| comment, punctuation.definition.comment, string.comment | #59615e | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.other | #744651 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison | #222d31 | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #222d31 | — |
| string, string.quoted, string.template, string.interpolated | #3d626f | — |
| constant.character.escape, constant.character.entity, punctuation.definition.entity | #6e532e | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #744651 | — |
| constant.language, constant.character, variable.language, support.constant | #6e532e | — |
| constant.other, entity.name.constant, variable.other.constant, variable.other.enummember | #6e532e | — |
| entity.name.function, entity.name.method, support.function, variable.function, meta.function-call entity.name.function | #655077 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.namespace, entity.other.inherited-class, support.type, support.class | #3d626f | — |
| variable, variable.other, variable.other.readwrite, support.variable | #222d31 | — |
| variable.parameter, meta.function.parameters variable | #6e532e | — |
| variable.other.property, support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #222d31 | — |
| string.regexp, source.regexp, constant.regexp | #6e532e | — |
| meta.decorator, meta.annotation, punctuation.decorator, entity.name.function.decorator | #6e532e | — |
| entity.name.function.js, entity.name.function.ts, entity.name.function.method.js, entity.name.function.method.ts, support.function.dom.js, support.function.dom.ts | #655077 | — |
| entity.name.type.class.js, entity.name.type.class.ts, entity.name.type.interface.ts, support.type.primitive.ts, support.type.builtin.ts | #3d626f | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #744651 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double.json | #6e532e | — |
| constant.language.json, constant.numeric.json | #744651 | — |
| entity.name.tag.html, entity.name.tag.block.any.html, entity.name.tag.inline.any.html, entity.name.tag.doctype.html, punctuation.definition.tag.html | #3d626f | — |
| entity.other.attribute-name.html, meta.attribute-with-value.html entity.other.attribute-name.html | #222d31 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #3d626f | — |
| support.type.property-name.css, meta.property-name.css | #222d31 | — |
| support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, support.constant.font-name.css, keyword.other.unit.css | #6e532e | — |
| markup.heading.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown | #3d626f | bold |
| markup.bold.markdown, punctuation.definition.bold.markdown | #222d31 | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | #222d31 | italic |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown | #6e532e | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, punctuation.definition.raw.markdown | #3d626f | — |
| markup.underline.link.markdown, string.other.link.title.markdown, constant.other.reference.link.markdown, meta.link.inline.markdown | #744651 | — |
| entity.name.function.powershell, support.function.powershell | #655077 | — |
| variable.other.readwrite.powershell, variable.parameter.powershell, variable.language.powershell | #6e532e | — |
| keyword.control.powershell, keyword.other.powershell, keyword.operator.powershell, storage.type.powershell | #744651 | — |
| entity.name.function.shell, entity.name.function.call.shell, entity.name.command.shell, support.function.builtin.shell | #655077 | — |
| variable.other.normal.shell, variable.other.bracket.shell, variable.language.special.shell, variable.parameter.shell | #6e532e | — |
| string.unquoted.argument.option.shell, keyword.operator.logical.shell, keyword.operator.redirect.shell | #744651 | — |
| keyword.control.hugo, keyword.operator.initialize.hugo, keyword.control.gotemplate | #744651 | — |
| support.function.hugo, support.function.builtin.hugo, support.function.builtin.gotemplate | #655077 | — |
| variable.hugo, variable.other.gotemplate | #6e532e | — |
| punctuation.section.embedded.begin.hugo, punctuation.section.embedded.end.hugo, punctuation.section.embedded.begin.gotemplate, punctuation.section.embedded.end.gotemplate | #744651 | — |
| markup.inserted, markup.inserted.diff, punctuation.definition.inserted.diff | #2e5744 | — |
| markup.deleted, markup.deleted.diff, punctuation.definition.deleted.diff | #6f3038 | — |
| markup.changed, markup.changed.diff, punctuation.definition.changed.diff | #59451e | — |
| invalid, invalid.illegal, invalid.broken, invalid.deprecated | #6f3038 | — |
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}!`;
}
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}!`;
}