Kiron Light
Publisher: Kairong LiThemes in package: 1
A calm, Apple-inspired light theme for VS Code with balanced blues, soft surfaces, and modern semantic highlighting.
A calm, Apple-inspired light theme for VS Code with balanced blues, soft surfaces, and modern semantic highlighting.
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 | #10a567 | — |
| string | #e88501 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #e88501 | — |
| constant.character.escape | #2f8f83 | — |
| keyword | #4469BD | — |
| keyword.operator | #4469BD | — |
| storage | #4469BD | — |
| storage.type | #4469BD | — |
| storage.modifier.import, storage.modifier.package | #535353 | — |
| support.function | #8431c5 | — |
| variable.parameter | #e06c75 | — |
| constant.numeric | #6d8600 | — |
| constant.language | #e88501 | — |
| constant.other | #e88501 | italic |
| variable.other.constant, variable.other.enummember | #e88501 | — |
| support.type.primitive, support.type.builtin | #42567b | — |
| invalid.illegal | #D70015 | — |
| text.html.basic meta.tag.sgml.html punctuation.definition.tag.html, text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html, text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html string.quoted.double.doctype.identifiers-and-DTDs.html | #535353 | — |
| text.html.basic constant.character.entity.html, text.xml constant.character.entity.xml | #e88501 | — |
| entity.name.tag | #386ac3 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.html | #386ac3 | — |
| entity.other.attribute-name | #6d8600 | — |
| entity.other.inherited-class | #213EDB | — |
| meta.selector.css entity.name.tag.css, meta.selector.css entity.other.attribute-name.class.css, meta.selector.css entity.other.attribute-name.id.css, meta.selector.css meta.attribute-selector.css entity.other.attribute-name.attribute.css, meta.selector.css meta.attribute-selector.css string.unquoted.attribute-value.css | #386ac3 | — |
| meta.selector.css meta.attribute-selector.css punctuation.separator.operator.css | #535353 | — |
| meta.selector.css entity.other.attribute-name.pseudo-class.css, meta.selector.css entity.other.attribute-name.pseudo-element.css | #535353 | — |
| keyword.control.at-rule, meta.at-rule support.type.property-name | #8431c5 | — |
| meta.at-rule support.constant | #6d8600 | — |
| meta.at-rule keyword.operator | #386ac3 | — |
| meta.property-name.css support.type.property-name.css | #8431c5 | — |
| meta.property-value.css | #535353 | — |
| punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.section.property-list.css | #353535 | — |
| punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #535353 | — |
| support.type.property-name.json, entity.name.tag.yaml | #386ac3 | — |
| meta.template.expression, meta.template.expression punctuation.section.embedded | #386ac3 | — |
| variable | #353535 | — |
| support.variable | #353535 | — |
| support.function.std.rust, entity.name.function.macro.rust, support.constant.core.rust | #8431c5 | — |
| entity.name.namespace, entity.name.type.namespace | #8431c5 | — |
| entity.name.type, entity.name.type.class | #213EDB | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #8431c5 | — |
| meta.member.access.python meta.function-call.generic.python | #8431c5 | — |
| invalid.deprecated, strikethrough | #8c9199 | strikethrough |
| markup.bold, todo.bold | — | |
| markup.italic, todo.italic | — | italic |
| markup.heading | #4469BD | |
| markup.quote | #6E6E73 | italic |
| markup.inline.raw, markup.fenced_code.block | #535353 | — |
| markup.underline.link, string.other.link | #0066D6 | — |
| punctuation.definition.list, markup.list | #4469BD | — |
| markup.inserted | #1F9D3A | — |
| markup.deleted | #D70015 | — |
| markup.changed | #BF8803 | — |
| meta.diff.header | #0066D6 | — |
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}!`;
}