webstromeTheme
Publisher: zhanglizhaoThemes in package: 1
webstromeTheme
webstromeTheme
Full workbench mockup using this variant's colors and tokenColors.
Loading...
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | — | — |
| comment | #707070 | — |
| keyword.operator, keyword.operator.logical, keyword.operator.relational, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.ternary, keyword.operator.arithmetic, keyword.operator.spread | #CCCCCC | — |
| string, string.character.escape, string.template.quoted, string.template.quoted.punctuation, string.template.quoted.punctuation.single, string.template.quoted.punctuation.double, string.type.declaration.annotation, string.template.quoted.punctuation.tag, | #6A8759 | — |
| begin.expression.string, end.expression.string | #CC8242 | — |
| expression.string | #CCCCCC | — |
| constant.numeric | #7A9EC2 | — |
| constant.language, variable.language | #CC8242 | — |
| constant.character, constant.other | #9E7BB0 | — |
| keyword, keyword.operator.new, keyword.operator.delete, keyword.operator.static, keyword.operator.this, keyword.expression.typeof, keyword.expression.instanceof, keyword.type.expression.typeof | #CC8242 | — |
| meta.entity.type, meta.entity.name.type, meta.entity.name.new.type.parameters, meta.entity.name.new.expr.type.parameters | #7A9EC2 | — |
| storage, storage.type, storage.modifier, storage.arrow | #CC8242 | — |
| class.instance.constructor, meta.entity.new.class.method.expr, meta.entity.new.name.expr.function, meta.entity.new.name.expr.var, meta.entity.new.name.expr.type | #FFC66D | — |
| function.support, entity.name.function | #FFC66D | — |
| annotation.meta.ts | #CCCCCC | — |
| variable.parameter, operator.rest.parameters | #CCCCCC | — |
| variable.property, variable.constant, variable.other.property, variable.other.constant, block.support.variable.property, block.support.function.variable.property | #9E7BB0 | — |
| quote.module | #6A8759 | — |
| markup.heading | #CC8242 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, entity.name.tag | #FFC66D | — |
| entity.other.attribute-name | #CCCCCC | — |
| key, object.objectliteral.property.variable | #9E7BB0 | — |
| storage.modifier.ts | #CC8242 | — |
| ts.cast.expr, type-object, ts.meta.entity.class.method.new.expr.cast, ts.meta.entity.type.name.new.expr.cast, ts.meta.entity.type.name.var-single-variable.annotation | #7A9EC2 | — |
| ts.meta.type.support, ts.meta.type.entity.name, type-declaration, enum-declaration | #7A9EC2 | — |
| function-declaration, method-declaration, method-overload-declaration, type-fn-type-parameters | #FFC66D | — |
| comment.documentation | #6A8759 | — |
| storage.type.class.jsdoc | #CC8242 | — |
| token.language.import-export-all | #CCCCCC | — |
| objectliteral.key.separator, scss.token.punctuation.separator | #CCCCCC | — |
| regex | — | italic |
| meta.entity.name.namespace.ts | #CCCCCC | — |
| regex.character-class | #CCCCCC | — |
| type.entity.name.class | #CCCCCC | — |
| type.entity.class.other.inherited-class | #7A9EC2 | — |
| documentation.jsdoc.meta.entity.name | #FFC66D | — |
| yaml.entity.name, yaml.string.entity.name | #CC8242 | — |
| yaml.string.out | #CCCCCC | — |
| block.support.module, block.support.type.module, block.support.function.variable | #CCCCCC | — |
| expr.regex.begin.punctuation, expr.regex.end.punctuation | #CC8242 | — |
| expr.regex.capture.punctuation, expr.regex.group.punctuation, expr.regex.set.punctuation | #FFC66D | — |
| expr.regex.or.operator | #CCCCCC | — |
| string.template.tag, string.template.punctuation.tag, string.quoted.punctuation.tag, string.quoted.embedded.tag, string.quoted.double.tag | #6A8759 | — |
| tag.punctuation.begin.arrow.parameters.embedded, tag.punctuation.end.arrow.parameters.embedded | #CCCCCC | — |
| object-literal.object.member.key.field.other, object-literal.object.member.key.accessor, object-literal.object.member.key.array.brace.square | #CCCCCC | — |
| property-list.property-value, property-list.constant, scss.keyword.other.unit, css.keyword.other.unit | #A5C261 | — |
| property-list.variable, scss.set.variable | #7A9EC2 | — |
| css.entity.attribute-name, scss.entity.attribute-name | #FFC66D | — |
| property-list.property-value.rgb-value | #7A9EC2 | — |
| property-list.property-value.function | #FFC66D | — |
| css.entity.name.tag, scss.entity.name.tag | #CC8242 | — |
| meta.selector.css, entity.attribute-name.id | #FFC66D | — |
| keyword.scss, keyword.css | #CC8242 | — |
| triple-slash.tag | #CCCCCC | italic |
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...
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}!`;
}