Better_JS Theme
Publisher: geraneThemes in package: 1
Better_JS Theme ported from the Better_JS TextMate Theme
Better_JS Theme ported from the Better_JS TextMate Theme
Full workbench mockup using this variant's colors and tokenColors.
Loading...
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #82A4BA | — |
| comment, punctuation.definition.comment, string.comment.buffered | #000000 | italic |
| variable | #FFFFFF | — |
| storage.type | #0DCBFF | — |
| keyword.operator, constant.other.color, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #FFFFFF | — |
| text.html.basic meta.tag.inline.any.html entity.other.attribute-name.html, text.html.basic meta.tag.block.any.html entity.other.attribute-name.html, text.html.basic meta.tag.other.html entity.other.attribute-name.html, text.html.basic meta.tag.any.html entity.other.attribute-name.html | #46acdb | — |
| embedding.php text.html.basic meta.embedded.block.php source.php comment.block.documentation.phpdoc.php meta.tag.inline.phpdoc.php keyword.other.phpdoc.php | #000000 | — |
| embedding.php text.html.basic meta.embedded.block.php source.php comment.block.documentation.phpdoc.php meta.tag.inline.phpdoc.php | #546E7A | bold |
| embedding.php text.html.basic meta.embedded.block.php source.php support.function.basic_functions.php | #46acdb | — |
| embedding.php text.html.basic meta.embedded.block.php source.php support.function.file.php | #46acdb | — |
| embedding.php text.html.basic meta.embedded.block.php | #46acdb | — |
| embedding.php text.html.basic meta.embedded.block.php source.php meta.function-call.object.php | #46acdb | — |
| embedding.php text.html.basic meta.embedded.block.php source.php meta.array.php meta.array.php support.function.construct.php | #46acdb | — |
| embedding.php text.html.basic meta.embedded.block.php source.php variable.other.php | #EC5F67 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #EB606B | — |
| entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level | #CCA898 | — |
| support.other.variable, string.other.link | #F2777A | — |
| support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit | #DEE090 | — |
| string, constant.other.symbol, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter | #3DFF7D | — |
| entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter | #FFFFB3 | bold |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #EC5F67 | — |
| variable.language | #EDE15F | bold |
| entity.name.method.js | #D8DEE9 | bold |
| meta.method.js | #fff | — |
| entity.other.attribute-name, meta.selector.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class.css, source.less entity.other.attribute-name.class.css, keyword.other.default.scss, keyword.other.default.less | #D5EBB3 | — |
| source.less entity.other.attribute-name.class.css punctuation.definition.entity.css | #D0E3B1 | — |
| source.less keyword.operator.less | #E8BF7E | — |
| markup.inserted | #99C794 | — |
| source.less entity.other.attribute-name.id.css, source.less entity.other.attribute-name.id.css punctuation.definition.entity.css | #E8BF82 | — |
| source.less entity.other.attribute-name.class.css entity.other.less.mixin | #D47B81 | — |
| markup.deleted | #EC5F67 | — |
| markup.changed | #D67E84 | — |
| string.regexp | #C939ED | — |
| constant.character.escape | #e6647c | — |
| *url*, *link*, *uri* | — | underline |
| source.less variable.declaration.less, source.less variable.other.less, source.scss meta.set.variable variable | #E6647C | — |
| source.less meta.property-value.css variable.other.less, source.scss meta.property-list.scss meta.property-value.scss variable.scss variable.scss | #e6647c | — |
| source.less parameter.less variable.other.less | #e6647c | — |
| source.less meta.property-value.css support.function.less | #e58f48ff | — |
| entity.other.less.mixin | #46acdb | — |
| meta.property-value.css keyword.operator.less, keyword.other.important.css | #ee9903 | — |
| support.type.property-name.css, support.type.property-name.scss, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.attribute.css, variable.scss, meta.property-name.scss, meta.property-name.less, meta.property-list.css meta.property-name.css | #46acdb | — |
| markup.deleted.git_gutter | #F44336 | — |
| markup.changed.git_gutter | #FAC86E | — |
| markup.inserted.git_gutter | #8AD4E6 | — |
| sublimelinter.outline.notes | #F9A825 | — |
| sublimelinter.outline.illegal | #ffffff | — |
| sublimelinter.underline.illegal | #ffffff | — |
| sublimelinter.outline.warning | #ffffff | — |
| sublimelinter.underline.warning | #ffffff | — |
| sublimelinter.outline.violation | #ffffff | — |
| sublimelinter.underline.violation | #ffffff | — |
| meta.selector.css entity.other.attribute-name.id, meta.selector.scss entity.other.attribute-name.id, meta.selector.less entity.other.attribute-name.id, entity.name.tag.reference.scss, entity.name.tag.reference.less | #E67E7E | — |
| constant.numeric | #26A673 | bold |
| constant.language | #B0E658 | — |
| keyword | #FFFFFF | bold |
| begin, end | #FFFFFF | — |
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}!`;
}