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 |
|---|---|---|
| mcol_3980BFFF | #FFFFFFFF | — |
| mcol_333333FF | #FFFFFFFF | — |
| mcol_444444FF | #FFFFFFFF | — |
| mcol_FFFFFFFF | #000000FF | — |
| mcol_330033FF | #FFFFFFFF | — |
| mcol_303030FF | #FFFFFFFF | — |
| mcol_225522FF | #FFFFFFFF | — |
| mcol_252525FF | #FFFFFFFF | — |
| mcol_222222FF | #FFFFFFFF | — |
| mcol_242424FF | #FFFFFFFF | — |
| mcol_999999FF | #000000FF | — |
| mcol_000000FF | #FFFFFFFF | — |
| mcol_F8F8F8FF | #000000FF | — |
| mcol_EEEEEEFF | #000000FF | — |
| mcol_EFEFEFFF | #000000FF | — |
| mcol_B5BC67FF | #000000FF | — |
| mcol_A775FFFF | #000000FF | — |
| mcol_7C7C7CFF | #FFFFFFFF | — |
| mcol_72D9E7FF | #000000FF | — |
| mcol_6F2727FF | #FFFFFFFF | — |
| mcol_CCCCCCFF | #000000FF | — |
| mcol_E9C062FF | #000000FF | — |
| mcol_C96666FF | #000000FF | — |
| mcol_FF54E8FF | #000000FF | — |
| mcol_242729FF | #FFFFFFFF | — |
| mcol_96CBFEFF | #000000FF | — |
| mcol_FF5500FF | #FFFFFFFF | — |
| mcol_F1F1F1FF | #000000FF | — |
| mcol_FF6600FF | #000000FF | — |
| mcol_333333FF | #FFFFFFFF | — |
| mcol_888888FF | #000000FF | — |
| mcol_999999FF | #000000FF | — |
| mcol_DB0404FF | #FFFFFFFF | — |
| mcol_CCCCCCFF | #000000FF | — |
| mcol_DDDDDDFF | #000000FF | — |
| mcol_BBBBBBFF | #000000FF | — |
| mcol_EEEEEEFF | #000000FF | — |
| mcol_666666FF | #FFFFFFFF | — |
| brackethighlighter.curly | #db0 | — |
| brackethighlighter.round | #db0 | — |
| brackethighlighter.square | #db0 | — |
| brackethighlighter.angle | #db0 | — |
| brackethighlighter.tag | #db0 | — |
| brackethighlighter.quote | #db0 | — |
| — | #Dff0f933 | — |
| Handlebars.html_tags | #e37222 | — |
| punctuation.definition.list | #949494 | |
| comment | #576263 | italic |
| string | #ff7400ee | — |
| constant.numeric | #8fc2bbbb | — |
| constant.character, constant.other | #22ff99df | — |
| constant.language | #bDbe82 | |
| storage.modifier | #bB7Dbf | bold |
| storage | #8B6ccfff | italic |
| entity.name.function | #db0 | |
| support.function | #ADAeB2 | — |
| entity.name.function.misc | #E3E4A9 | — |
| entity.name.function.predicate | #A5DF93 | — |
| entity.name.function.io | #DFB3AC | — |
| variable.other.external-symbol | #BBDFDD | — |
| variable.language, variable.other | #3aafff | — |
| variable.parameter | #33b6a9 | — |
| keyword | #5adAf8 | — |
| entity.name.class | #B998DF | bold |
| entity.name.structure | #22ff99df | — |
| entity.name.type | #af77a9ee | — |
| entity.name.class, entity.name.type.class | #ff4377 | — |
| support.class | #ef6aa7dd | — |
| invalid | #DFDFD5 | — |
| string source | #3399ffff | italic |
| entity.name.tag | #49a6d2 | — |
| entity.other.attribute-name | #4986c2cc | |
| sublimelinter.gutter-mark | #FFFFFF | — |
| sublimelinter.mark.error | #D02000 | — |
| sublimelinter.mark.warning | #DDB700 | — |
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}!`;
}