Ariake Dark
Publisher: wartThemes in package: 1
Dark VSCode theme inspired by Japanese traditional colors and the poetry composed 1000 years ago
Dark VSCode theme inspired by Japanese traditional colors and the poetry composed 1000 years ago
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 |
|---|---|---|
| — | #B9BED5 | — |
| comment | #555C77 | — |
| entity.name.type | #A571F4 | — |
| entity.other.inherited-class | #9AEFEA | — |
| keyword | #7e7edd | — |
| keyword.control | #7E7EDD | — |
| keyword.operator | #b9bed5 | — |
| keyword.other.special-method | #F5FAFF | — |
| keyword.other.unit | #dda2f6 | — |
| storage | #7e7edd | — |
| storage.type.annotation | #7e7edd | — |
| storage.type.primitive | #7e7edd | — |
| storage.modifier.package | #b9bed5 | — |
| storage.modifier.import | #b9bed5 | — |
| constant | #dda2f6 | — |
| constant.variable | #DDA2F6 | — |
| constant.character.escape | #93ddfb | — |
| constant.numeric | #dda2f6 | — |
| constant.other.color | #93DDFB | — |
| constant.other.symbol | #93ddfb | — |
| variable | #85b1e0 | — |
| variable.interpolation | #4d8acb | — |
| variable.parameter | #b9bed5 | — |
| string | #9aefea | — |
| string.regexp | #93ddfb | — |
| string.regexp source.ruby.embedded | #A571F4 | — |
| punctuation.definition.comment | #555c77 | — |
| punctuation.definition.method-parameters punctuation.definition.function-parameters punctuation.definition.parameters punctuation.definition.separator punctuation.definition.seperator punctuation.definition.array | #B9BED5 | — |
| punctuation.definition.heading, punctuation.definition.identity | #f5faff | — |
| punctuation.definition.bold | #a571f4 | bold |
| punctuation.definition.italic | #7e7edd | italic |
| punctuation.section.embedded | #4d8acb | — |
| punctuation.section.method, punctuation.section.class, punctuation.section.inner-class | #b9bed5 | — |
| support.class | #a571f4 | — |
| support.type | #93ddfb | — |
| support.function | #93ddfb | — |
| support.function.any-method | #f5faff | — |
| entity.name.function | #f5faff | — |
| entity.name.class, entity.name.type.class | #a571f4 | — |
| entity.name.section | #f5faff | — |
| entity.name.tag | #85b1e0 | — |
| entity.other.attribute-name | #dda2f6 | — |
| entity.other.attribute-name.id | #f5faff | — |
| meta.class.body | #b9bed5 | — |
| meta.method-call, meta.method | #b9bed5 | — |
| meta.definition.variable | #85b1e0 | — |
| meta.link | #dda2f6 | — |
| meta.require | #f5faff | — |
| meta.selector | #7e7edd | — |
| meta.separator | #b9bed5 | — |
| meta.tag | #b9bed5 | — |
| underline | — | underline |
| none | #b9bed5 | — |
| invalid.deprecated | #523D14 | — |
| invalid.illegal | #ffffff | — |
| markup.bold | #dda2f6 | bold |
| markup.changed | #7e7edd | — |
| markup.deleted | #85b1e0 | — |
| markup.italic | #7e7edd | italic |
| markup.heading | #85b1e0 | — |
| markup.heading punctuation.definition.heading | #f5faff | — |
| markup.link | #7e7edd | — |
| markup.inserted | #9aefea | — |
| markup.quote | #dda2f6 | — |
| markup.raw | #9aefea | — |
| source.cs keyword.operator | #7e7edd | — |
| source.css property-name, source.css property-value | #7d839b | — |
| source.css property-name.support, source.css property-value.support | #b9bed5 | — |
| source.gfm link entity | #f5faff | — |
| source.go storage.type.string | #7e7edd | — |
| source.ini keyword.other.definition.ini | #85b1e0 | — |
| source.java storage.modifier.import | #a571f4 | — |
| source.java storage.type | #a571f4 | — |
| source.java keyword.operator.instanceof | #7e7edd | — |
| source.java-properties meta.key-pair | #85b1e0 | — |
| source.js keyword.operator | #93ddfb | — |
| source.js keyword.operator.js, source.js keyword.operator.delete, source.js keyword.operator.in, source.js keyword.operator.of, source.js keyword.operator.instanceof, source.js keyword.operator.new, source.js keyword.operator.typeof, source.js keyword.operator.void | #7E7EDD | — |
| source.ruby constant.other.symbol punctuation | #93DDFB | — |
| source.python keyword.operator.logical.python | #7e7edd | — |
| source.python variable.parameter | #dda2f6 | — |
| source.java-properties meta.key-pair punctuation | #b9bed5 | — |
| source.json meta.structure.dictionary.json string.quoted.json | #85b1e0 | — |
| source.json meta.structure.dictionary.json string.quoted.json punctuation.string | #85B1E0 | — |
| source.json meta.structure.dictionary.json value.json string.quoted.json, source.json meta.structure.array.json value.json string.quoted.json, source.json meta.structure.dictionary.json value.json string.quoted.json punctuation, source.json meta.structure.array.json value.json string.quoted.json punctuation | #9aefea | — |
| source.json meta.structure.dictionary.json constant.language.json, source.json meta.structure.array.json constant.language.json | #93ddfb | — |
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}!`;
}