JeAP Glow
Publisher: jeapdevThemes in package: 1
My VS Code custom theme inspired by Afterglow
My VS Code custom theme inspired by Afterglow
Full workbench mockup using this variant's colors and tokenColors.
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 | #a4a2a2 | — |
| string | #E5B567 | |
| constant.numeric | #9E86C8 | |
| constant.character, constant.other, constant.language | #9E86C8 | italic |
| keyword, punctuation.definition.keyword |
TypeScript sample highlighted with this variant's colors and tokenColors.
| #B05279 |
| storage | #B05279 |
| storage.type, storage.type.class.js, storage.modifier.js, variable.language.super.js | #6C99BB | italic |
| variable.language.this.js, storage.type.class.php, variable.language.this.php | #C5A5C2 | italic |
| punctuation.definition.block.js, punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.accessor.js, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.separator.key-value.js, punctuation.definition.section.case-statement.js, punctuation.separator.parameter.js, punctuation.separator.comma.js | #88C6BE |
| support.class.component.js | #6C99BB | italic |
| entity.name.class | #F0688A | — |
| entity.name.function | #B4C973 |
| variable.parameter | #E87D3E | italic |
| entity.name.tag | #f77180 |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js | #badfda |
| entity.other.attribute-name | #B4C973 |
| support.constant | #6C99BB |
| support.other.variable | #EDF0F1 |
| invalid | #EDF0F1 | — |
| invalid.deprecated | #F8F8F0 | — |
| support.function, support.variable.property.js | #C5A5C2 |
| entity.name.function | #B4C973 | — |
| meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, source.css punctuation.section.function | #F0E76C |
| meta.brace.curly | #D7BFEB | — |
| meta.brace.square, punctuation.definition.binding-pattern.array.js | #a7bae9 | — |
| variable.other.constant.object.js | #E87D3E | — |
| variable.parameter.function | #E87D3E | italic |
| meta.delimiter.method.period | #B05279 | — |
| variable.language | #A57EB5 | — |
| meta.link.inline.markdown, meta.image.inline.markdown | #B4C973 | — |
| markup.inserted.git_gutter | #B4C973 | — |
| markup.changed.git_gutter | #CC7732 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #6C99BB | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #6C99BB | — |
| entity.other.attribute-name | #B4C973 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, constant.character.escape.scss | #FFCB6B | italic |
| meta.property-name.scss, support.type.property-name, support.class, source.css meta.property-list | #6C99BB | italic |
| source.css entity.name.tag.css, source.css entity.other.attribute-name, source.css entity.other.keyframe-offset | #E76270 | — |
| source.css.scss support.constant.property-value.css, source.css support.constant.color.w3c-standard-color-name.css, source.css support.constant.font-name.css, source.css.scss meta.property-value.scss, source.css meta.property-value.css, source.css support.constant.property-value | #E6EEE7 |
| source.css.scss punctuation.section, source.css.scss punctuation.separator, source.css punctuation.separator, source.css.scss punctuation.terminator, source.css punctuation.terminator, source.css punctuation.section | #88C6BE |
| source.css punctuation.definition | #E6EEE7 |
| source.css variable, source.css entity.other.attribute-name.class, source.css entity.other.attribute-name.placeholder, source.css.scss meta.property-list.scss variable.scss, source.css meta.at-rule.extend entity.other.attribute-name, source.css meta.at-rule.keyframes entity.other.attribute-name, source.css.scss entity.other.attribute-name.parent-selector-suffix.css, source.css entity.other.attribute-name.class punctuation.definition.entity, source.css entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity, source.css entity.other.attribute-name.placeholder punctuation.definition.entity | #B4C973 |
| source.css support.function | #FC929E |
| source.css entity.other.attribute-name.id, source.css entity.other.attribute-name.id punctuation.definition.entity | #E6F355 | bold |
| source.css entity.other.attribute-name.pseudo-class.css, source.css entity.other.attribute-name.pseudo-element.css | #E6EEE7 | — |
| source.css.scss meta.property-list.scss meta.property-value.scss variable.scss | #E87D3E |
| keyword.other.important.css, keyword.other.important.scss | #FC929E | italic |
| source.css.scss string, source.css string, source.css.scss punctuation.definition.string, source.css.scss meta.attribute-selector.scss | #E5B567 | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #6C99BB | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| meta.object-literal.key.js | #C5A5C2 | — |
| punctuation.definition.string.template.end.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js | #C5A5C2 | — |
| variable, variable.other.constant.js, variable.other.readwrite.alias.js | #E6EEE7 |
| variable.object.property.js, variable.other.property.js | #E76270 | — |
| entity.name.type.class.js, entity.other.inherited-class | #E6F355 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #6C99BB | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #B4C973 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FC929E | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #E6EEE7 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #6C99BB | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #6C99BB | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #6C99BB | — |
| support.function.var.php, support.function.mysql.php, support.function.file.php | #B4C973 |
| meta.function.parameters.php | #E87D3E |
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}!`;
}