MultiTheme
Publisher: Arturo ArevaloThemes in package: 336
A collection of themes ported from TextMate
A collection of themes ported from TextMate
Full workbench mockup using this variant's colors and tokenColors.
Loading...
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #FFFEF4 | — |
| comment | #9C7D72 | italic |
| constant | #5CFF26 | — |
| constant.numeric | #FF5C26 | — |
| entity | #FFCD08 | — |
| entity.other.inherited-class | #9B5C2E | italic |
| entity.other.attribute-name | #78E087 | — |
| keyword | #a9ca35 | |
| keyword.other.unit | #FF5C26 | |
| storage.type | #FBB473 | — |
| storage.type.function | — | italic |
| storage.modifier | #FE6D27 | italic |
| string | #DCDC71 | — |
| string constant | #DDF2A4 | — |
| string.regexp | #E9C062 | |
| string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #CF7D34 | — |
| support | #cfb38b | — |
| support.function | #DAD085 | |
| support.function.construct | #EEE7BB | |
| support.constant | #CF6A4C | |
| support.constant.media | #FF9326 | — |
| support.type.property-name.media, meta.at-rule.media | #FFBF00 | — |
| variable.other | #b7eb98 | — |
| meta.function meta.function.arguments | #B1F567 | — |
| meta.brace.round | #B1F567 | — |
| punctuation.section.embedded | #F86B3D | — |
| invalid.deprecated | #e73c32 | underline italic |
| invalid.illegal | #F8F8F8 | underline italic |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.sgml.doctype.xml keyword, meta.tag.sgml punctuation.definition.tag, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string, meta.tag.preprocessor.xml punctuation.definition.tag, meta.tag.preprocessor.xml doctype, meta.tag.preprocessor.xml entity.other.attribute-name | #CA9180 | — |
| meta.tag, declaration.tag, punctuation.definition.tag | #FFCD08 | |
| markup.list | #F9EE98 | — |
| markup.heading | #e19b6c | — |
| meta.selector.css | #BDEC5B | — |
| meta.selector.css entity.name.tag | #FFCD08 | — |
| meta.selector.css entity.other.attribute-name.id | #FF9326 | — |
| meta.selector.css entity.other.attribute-name.class | #BDEC5B | — |
| support.type.property-name.css, meta.property-list.css meta.property-name.css | #d89872 | — |
| meta.property-list.css meta.property-value.css | #F9EE98 | — |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #CA7840 | — |
| meta.at-rule.media keyword.control.at-rule.media, meta.at-rule.media keyword.operator.logic.media | #FFFF00 | — |
| meta.function-call | #FFF86F | — |
| meta.diff, meta.diff.header, meta.separator | #F8F8F8 | italic |
| markup.deleted | #F8F8F8 | — |
| markup.changed | #F8F8F8 | — |
| markup.inserted | #F8F8F8 | — |
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}!`;
}