ant Theme
Publisher: geraneThemes in package: 1
ant Theme ported from the ant TextMate Theme
ant Theme ported from the ant TextMate Theme
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}!`;
}