Rsms VSCode theme
Publisher: Tanishq KancharlaThemes in package: 1
Rasmus Andersson's sublime theme, ported over to VSCode
Rasmus Andersson's sublime theme, ported over to VSCode
Full workbench mockup using this variant's colors and tokenColors.
Loading...
Workbench UI color keys from the theme JSON colors map.
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #ffffff60 | — |
| meta.keyword | #85ad99 | — |
| meta.variable | #6c9380 | — |
| meta.annotation | #6c9380 | — |
| punctuation.separator, punctuation.terminator, meta.brace, punctuation.accessor, punctuation.section, keyword.operator.type.annotation, meta.interface keyword.operator.optional, meta.field.declaration keyword.operator.optional, punctuation.definition.block, punctuation.definition | #ffffff66 | — |
| entity.name.type.alias, entity.name.class | #f7ac6e | — |
| support.type, source.go storage.type, entity.other.inherited-class | #ffab66 | — |
| keyword, storage, storage.type.keyword, keyword.operator.new, keyword.operator.delete | #94b3d1 | — |
| keyword.operator | #ffc799 | — |
| meta.definition.method, meta.definition.function | #ffffff | bold |
| string, constant, string punctuation.definition, constant punctuation.definition | #94d1b3 | — |
| string constant | #ccffe6 | — |
| string variable | #ffffffcc | — |
| string.regexp | #3399ff | — |
| meta.tag | #ffffff66 | — |
| meta.tag entity, meta.tag.attributes | #ffffffcc | — |
| meta.tag entity.name | #ffab66 | — |
| storage.register, storage.other.register, constant.language.registers, entity.name.function.reg, constant.language.register | #ffab66 | — |
| source.asm entity.directive, source.asm support.function.directive | #ff9 | — |
| text punctuation | #ffffff66 | — |
| text markup.heading | #ffffff | bold |
| text markup.italic | — | italic |
| text markup.bold | — | bold |
| text markup.bold & markup.italic | — | bold italic |
| text markup.strikethrough | #ffffff66 | — |
| text markup.list punctuation.definition.list_item | #ff9 | bold |
| text.html.markdown meta.table.header | #94d1b3 | — |
| text.html.markdown punctuation.separator.table-cell, text.html.markdown meta.table.header-separator punctuation.section.table-header | #94d1b3 | — |
| text meta.link | #ffffff | — |
| text meta.link markup.underline.link | #ffffff66 | — |
| text meta.image | #ffffff66 | — |
| text meta.image markup.underline.link | #ffffff | — |
| text markup.raw, text meta.code-fence.definition, text markup.raw.code-fence | — | — |
| text meta.code-fence.definition constant | #ffffff66 | — |
| source.diff | #ffffff80 | — |
| meta.diff | #70c2c2 | italic |
| meta.diff.header | #75f0b3 | italic |
| meta.diff.header.from-file | #f7796e | — |
| meta.diff.header.to-file | #3df599 | — |
| markup.deleted | #e48981 | — |
| markup.inserted | #9efacc | — |
| invalid.deprecated | #ff1500 | italic underline |
| invalid.illegal | #ff1500 | strikethrough |
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}!`;
}