EKKL3S1A Themes
Publisher: ekkl3s1aThemes in package: 4
A set of personalized dark color themes: Burgundy, Teal/Turquoise, Purple/Pink and Star Trek: LCARS.
A set of personalized dark color themes: Burgundy, Teal/Turquoise, Purple/Pink and Star Trek: LCARS.
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 | #9A6A7A | italic |
| string, punctuation.definition.string | #FFC2D7 | — |
| keyword, storage.type | #E04F7B | — |
| keyword, storage.modifier | #F2A3B8 | — |
| keyword, keyword.control | #F2A3B8 | — |
| constant.numeric, constant.language | #EBCB8B | — |
| entity.name.function | #E04F7B | — |
| support.function | #EBCB8B | — |
| entity.name.type, support.type | #D2A8FF | — |
| variable, identifier | #E9D7DE | — |
| punctuation.curlybrace.open, punctuation.curlybrace.close, meta.brace.curly | #E04F7B | — |
| punctuation.squarebracket.open, punctuation.squarebracket.close | #8FA8FF | — |
| punctuation.parenthesis.open, punctuation.parenthesis.close, meta.brace.round | #C77DFF | — |
| entity.name.tag, entity.name.tag.html | #E04F7B | — |
| entity.name.tag.end, entity.name.tag.structure | #E04F7B | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #FFC2D7 | — |
| string.quoted, string.quoted.double.html, string.quoted.single.html | #7FD1AE | — |
| variable.other.readwrite.angular, variable.other.component, meta.template.expression variable | #E9D7DE | — |
| meta.template.expression entity.name.function | #7FD1AE | — |
| meta.directive.property-binding, meta.attribute.angular | #8FA8FF | — |
| meta.directive.event-binding | #EBCB8B | — |
| entity.other.attribute-name.structural.directive.angular, meta.directive.structural | #C77DFF | italic |
| meta.interpolation, meta.template.expression | #E9D7DE | — |
| punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end | #E04F7B | — |
| keyword.operator.pipe, punctuation.separator.pipe, keyword.operator.angular | #EBCB8B | — |
| support.pipe, entity.name.function.pipe, entity.name.function.pipe.angular | #C77DFF | — |
| entity.name.function.pipe.async, support.pipe.async | #E04F7B | bold |
| meta.pipe.arguments, meta.expression.pipe | #7FD1AE | — |
| string.unquoted.pipe.async, meta.expression.pipe.async | #E04F7B | bold underline |
| variable.parameter, meta.parameter.object-binding-pattern | #FFC2D7 | — |
| variable.other.object.property, meta.object-literal.key | #F2A3B8 | — |
| entity.other.attribute-name.structural.directive.angular, meta.directive.structural | #C77DFF | bold italic |
| meta.directive.property-binding, entity.other.attribute-name.property-binding | #8FA8FF | — |
| meta.directive.event-binding, entity.other.attribute-name.event-binding | #EBCB8B | bold |
| variable.other.readwrite, variable.other.object.property | #FFC2D7 | — |
| meta.expression.pipe.async, meta.template.expression.pipe.async | #E04F7B | bold underline |
| meta.expression.pipe | #F2A3B8 | — |
| entity.name.function.rxjs, support.function.rxjs, meta.import variable.other.readwrite, meta.function-call variable.function | #EBCB8B | italic |
| entity.name.function.pipe, support.function.pipe | #E04F7B | bold |
| variable.other.readwrite, variable.other.object.property, meta.definition.variable | #FFC2D7 | italic |
| support.pipe, entity.name.function.pipe.angular | #C77DFF | — |
| entity.name.function.pipe.custom, meta.pipe.custom | #D8B4FE | italic |
| keyword.control.as, meta.template.expression keyword | #EBCB8B | bold |
| meta.template.expression variable.other.alias, variable.other.alias | #7FD1AE | bold |
| variable.other.template, meta.template.variable variable | #7FD1AE | italic |
| keyword.declaration.let, meta.template.expression keyword | #E04F7B | — |
| meta.function-call variable.function.map | #7FD1AE | — |
| meta.function-call variable.function.switchmap | #E04F7B | bold |
| meta.function-call variable.function.mergemap | #8FA8FF | — |
| meta.function-call variable.function.tap | #C77DFF | italic |
| meta.function-call variable.function.filter | #EBCB8B | — |
| meta.function-call variable.function.catcherror | #FF6B8B | bold |
| invalid, invalid.illegal, invalid.deprecated | #FF6B8B | underline |
| keyword.operator.optional, punctuation.accessor.optional | #EBCB8B | — |
| punctuation.accessor.safe, keyword.operator.safe-navigation | #FFC2D7 | italic |
| meta.expression.pipe.async | #E04F7B | bold underline |
| meta.function-call variable.function.map | #A3D9C0 | — |
| meta.function-call variable.function.switchmap | #E04F7B | bold |
| meta.function-call variable.function.mergemap | #8FA8FF | — |
| meta.function-call variable.function.exhaustmap | #66D9EF | bold underline |
| meta.definition.variable, variable.other.readwrite | #E04F7B | — |
| meta.function-call | #7FD1AE | — |
| meta.function-call variable.function.switchmap, meta.function-call variable.function.mergemap, meta.function-call variable.function.exhaustmap | #66D9EF | — |
| meta.function-call variable.function.tap | #C77DFF | italic |
| meta.function-call variable.function.signal | #E04F7B | bold |
| meta.function-call variable.function.computed | #7FD1AE | — |
| meta.function-call variable.function.effect | #C77DFF | italic |
| meta.function-call variable.function | #FFC2D7 | — |
TypeScript sample highlighted with this variant's colors and tokenColors.
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}!`;
}