dimmed-monokai-no-contrast Theme
Publisher: geraneThemes in package: 1
dimmed-monokai-no-contrast Theme ported from the dimmed-monokai-no-contrast TextMate Theme
dimmed-monokai-no-contrast Theme ported from the dimmed-monokai-no-contrast TextMate Theme
Full workbench mockup using this variant's colors and tokenColors.
Loading...
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #959996 | — |
| By uonick | — | — |
| comment | #707070 | |
| string | #5a604b | |
| string source | #885b35 | |
| constant.numeric | #505f70 | |
| constant.language | #2c3c3c | |
| constant.character, constant.other | #5f7d86 | |
| keyword | #463127 | |
| support | #7d3a3d | |
| storage | #5f5f5f | |
| entity.name.class, entity.name.type.class, entity.name.type.module | #603636 | |
| entity.other.inherited-class | #7d3a3d | |
| entity.name.function | #8c5c35 | |
| variable.parameter | #576b73 | |
| entity.name.tag | #5f5f5f | |
| entity.other.attribute-name | #5f5f5f | |
| support.function | #5f5f5f | |
| keyword | #868686 | |
| variable.other, variable.js, punctuation.separator.variable | #505f70 | |
| constant.language | #a00855 | |
| punctuation.section.embedded, meta.brace.erb.html | #002b00 | |
| invalid | #603737 | |
| variable.other.php, variable.other.normal | #505f70 | |
| meta.function-call | #505f70 | |
| meta.function-call.object | #5f5f5f | |
| variable.other.property | #5f5f5f | |
| keyword.control | #5f5f5f | |
| meta.tag | #897836 | |
| entity.name.tag | #505f70 | |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #565c2f | |
| meta.tag.inline source, text.html.php.source | #565c2f | |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #585858 | |
| entity.other.attribute-name, meta.tag punctuation.definition.string | #897836 | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #505f70 | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #897836 | |
| meta.toc-list.id | #565c2f | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #565c2f | |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #505f70 | |
| meta.selector.css entity.other.attribute-name.id | #5f5f5f | |
| support.type.property-name.css | #f1f181 | |
| variable.language.js | #8c4144 | — |
| meta.function-call.object.php | #d79842 | |
| punctuation.definition.string.end.php, punctuation.definition.string.begin.php | #565c2f | — |
| source.php.embedded.line.html | #3c3c3c | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #885b35 | |
| constant.other.symbol.ruby | #565c2f | |
| variable.language.ruby | #897836 | |
| keyword.other.special-method.ruby | #7d6a04 | |
| source.ruby.embedded.source | #885b35 | — |
| keyword.other.DML.sql | #897836 |
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}!`;
}