cybercore theme & utilities
cybercore style color theme & extra utils
cybercore style color theme & extra utils
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 |
|---|---|---|
| Global settings | #5B6169 | — |
| string | #768aa3 | — |
| constant.language.false, constant.language.true | #51575E | — |
| constant.numeric | #949AA2 | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #6C727A | — |
| variable.parameter | #5A6068 | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #646A71 | — |
| entity.name.function, support.function | #838990 | — |
| storage.type, storage.modifier | #595F66 | — |
| support.module, support.node | #545A61 | italic |
| support.type | #7F858D | — |
| entity.name.type, entity.other.inherited-class, storage.type.java, entity.name.type.class.java, support.type.primitive | #768aa3 | — |
| comment | #585E65 | — |
| entity.name.type.class | #838990 | — |
| variable.object.property, meta.field.declaration entity.name.function | #7F858D | — |
| meta.definition.method entity.name.function | #949AA2 | — |
| meta.function entity.name.function | #949AA2 | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #6C727A | — |
| entity.name.scope-resolution, entity.name.namespace | #757B82 | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #525860 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #7F858D | — |
| constant.language.json | #72787F | — |
| entity.other.attribute-name.class | #838990 | — |
| entity.other.attribute-name.id | #838990 | — |
| source.css entity.name.tag | #838990 | — |
| meta.tag, punctuation.definition.tag | #7F858D | — |
| entity.name.tag | #545A61 | — |
| entity.other.attribute-name | #9DA3AA | — |
| markup.heading | #7C8289 | — |
| text.html.markdown meta.link.inline, meta.link.reference | #7C8289 | — |
| text.html.markdown beginning.punctuation.definition.list | #7C8289 | — |
| markup.italic | #545A61 | italic |
| markup.bold | #545A61 | bold |
| markup.bold markup.italic, markup.italic markup.bold | #545A61 | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #7C8289 | — |
| markup.inline.raw.string.markdown | #7C8289 | — |
| keyword.other.definition.ini | #7C8289 | — |
| entity.name.section.group-title.ini | #7C8289 | — |
| source.cpp meta.preprocessor, keyword.control.directive | #7F858D | — |
| source.cpp meta.preprocessor.pragma.cpp | #9DA3AA | — |
| keyword.other.unit.user-defined.cpp | #7F858D | — |
| source.cpp meta.preprocessor, entity.name.function.preprocessor.cpp | #769ea3 | — |
| variable.other.property, variable.other.enummember | #5F656C | — |
| storage.modifier.import.java | #768aa3 | — |
| support.type.property-name.toml | #9DA3AA | — |
| support.type.property-name.table.toml | #5D636A | — |
| variable.source.cmake | #797F86 | — |
| , storage.source.cmake | #797F86 | — |
| Global settings | #525860 | — |
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 |
|---|---|---|
| Global settings | #6F675E | — |
| string | #b69d80 | — |
| constant.language.false, constant.language.true | #645D54 | — |
| constant.numeric | #A7A097 | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #7F786F | — |
| variable.parameter | #6D665D | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #777067 | — |
| entity.name.function, support.function | #968E86 | — |
| storage.type, storage.modifier | #6C645C | — |
| support.module, support.node | #675F57 | italic |
| support.type | #928B82 | — |
| entity.name.type, entity.other.inherited-class, storage.type.java, entity.name.type.class.java, support.type.primitive | #b69d80 | — |
| comment | #6B645B | — |
| entity.name.type.class | #968E86 | — |
| variable.object.property, meta.field.declaration entity.name.function | #928B82 | — |
| meta.definition.method entity.name.function | #A7A097 | — |
| meta.function entity.name.function | #A7A097 | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #7F786F | — |
| entity.name.scope-resolution, entity.name.namespace | #888078 | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #665E55 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #928B82 | — |
| constant.language.json | #857E75 | — |
| entity.other.attribute-name.class | #968E86 | — |
| entity.other.attribute-name.id | #968E86 | — |
| source.css entity.name.tag | #968E86 | — |
| meta.tag, punctuation.definition.tag | #928B82 | — |
| entity.name.tag | #675F57 | — |
| entity.other.attribute-name | #B0A8A0 | — |
| markup.heading | #8F877F | — |
| text.html.markdown meta.link.inline, meta.link.reference | #8F877F | — |
| text.html.markdown beginning.punctuation.definition.list | #8F877F | — |
| markup.italic | #675F57 | italic |
| markup.bold | #675F57 | bold |
| markup.bold markup.italic, markup.italic markup.bold | #675F57 | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #8F877F | — |
| markup.inline.raw.string.markdown | #8F877F | — |
| keyword.other.definition.ini | #8F877F | — |
| entity.name.section.group-title.ini | #8F877F | — |
| source.cpp meta.preprocessor, keyword.control.directive | #928B82 | — |
| source.cpp meta.preprocessor.pragma.cpp | #B0A8A0 | — |
| keyword.other.unit.user-defined.cpp | #928B82 | — |
| source.cpp meta.preprocessor, entity.name.function.preprocessor.cpp | #be9a95 | — |
| variable.other.property, variable.other.enummember | #726B62 | — |
| storage.modifier.import.java | #b69d80 | — |
| support.type.property-name.toml | #B0A8A0 | — |
| support.type.property-name.table.toml | #706960 | — |
| variable.source.cmake | #8C857C | — |
| , storage.source.cmake | #8C857C | — |
| Global settings | #665E55 | — |
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 |
|---|---|---|
| Global settings | #5E5B69 | — |
| string | #7f76a3 | — |
| constant.language.false, constant.language.true | #54515E | — |
| constant.numeric | #9794A2 | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #6F6C7A | — |
| variable.parameter | #5D5A68 | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #676471 | — |
| entity.name.function, support.function | #858390 | — |
| storage.type, storage.modifier | #5B5966 | — |
| support.module, support.node | #565461 | italic |
| support.type | #827F8D | — |
| entity.name.type, entity.other.inherited-class, storage.type.java, entity.name.type.class.java, support.type.primitive | #7f76a3 | — |
| comment | #5B5865 | — |
| entity.name.type.class | #858390 | — |
| variable.object.property, meta.field.declaration entity.name.function | #827F8D | — |
| meta.definition.method entity.name.function | #9794A2 | — |
| meta.function entity.name.function | #9794A2 | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #6F6C7A | — |
| entity.name.scope-resolution, entity.name.namespace | #777582 | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #555260 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #827F8D | — |
| constant.language.json | #75727F | — |
| entity.other.attribute-name.class | #858390 | — |
| entity.other.attribute-name.id | #858390 | — |
| source.css entity.name.tag | #858390 | — |
| meta.tag, punctuation.definition.tag | #827F8D | — |
| entity.name.tag | #565461 | — |
| entity.other.attribute-name | #9F9DAA | — |
| markup.heading | #7E7C89 | — |
| text.html.markdown meta.link.inline, meta.link.reference | #7E7C89 | — |
| text.html.markdown beginning.punctuation.definition.list | #7E7C89 | — |
| markup.italic | #565461 | italic |
| markup.bold | #565461 | bold |
| markup.bold markup.italic, markup.italic markup.bold | #565461 | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #7E7C89 | — |
| markup.inline.raw.string.markdown | #7E7C89 | — |
| keyword.other.definition.ini | #7E7C89 | — |
| entity.name.section.group-title.ini | #7E7C89 | — |
| source.cpp meta.preprocessor, keyword.control.directive | #827F8D | — |
| source.cpp meta.preprocessor.pragma.cpp | #9F9DAA | — |
| keyword.other.unit.user-defined.cpp | #827F8D | — |
| source.cpp meta.preprocessor, entity.name.function.preprocessor.cpp | #9a76a3 | — |
| variable.other.property, variable.other.enummember | #625F6C | — |
| storage.modifier.import.java | #7f76a3 | — |
| support.type.property-name.toml | #9F9DAA | — |
| support.type.property-name.table.toml | #605D6A | — |
| variable.source.cmake | #7C7986 | — |
| , storage.source.cmake | #7C7986 | — |
| Global settings | #555260 | — |
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 |
|---|---|---|
| Global settings | #BFB3A5 | — |
| string | #d6b997 | — |
| constant.language.false, constant.language.true | #C8BCAE | — |
| constant.numeric | #8E8275 | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #B0A597 | — |
| variable.parameter | #C0B4A7 | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #B7AC9E | — |
| entity.name.function, support.function | #9D9184 | — |
| storage.type, storage.modifier | #C1B5A8 | — |
| support.module, support.node | #C5BAAC | italic |
| support.type | #A09487 | — |
| entity.name.type, entity.other.inherited-class, storage.type.java, entity.name.type.class.java, support.type.primitive | #d6b997 | — |
| comment | #C2B6A8 | — |
| entity.name.type.class | #9D9184 | — |
| variable.object.property, meta.field.declaration entity.name.function | #A09487 | — |
| meta.definition.method entity.name.function | #8E8275 | — |
| meta.function entity.name.function | #8E8275 | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #B0A597 | — |
| entity.name.scope-resolution, entity.name.namespace | #A99D90 | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #C6BBAD | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #A09487 | — |
| constant.language.json | #ABA092 | — |
| entity.other.attribute-name.class | #9D9184 | — |
| entity.other.attribute-name.id | #9D9184 | — |
| source.css entity.name.tag | #9D9184 | — |
| meta.tag, punctuation.definition.tag | #A09487 | — |
| entity.name.tag | #C5BAAC | — |
| entity.other.attribute-name | #877B6E | — |
| markup.heading | #A3978A | — |
| text.html.markdown meta.link.inline, meta.link.reference | #A3978A | — |
| text.html.markdown beginning.punctuation.definition.list | #A3978A | — |
| markup.italic | #C5BAAC | italic |
| markup.bold | #C5BAAC | bold |
| markup.bold markup.italic, markup.italic markup.bold | #C5BAAC | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #A3978A | — |
| markup.inline.raw.string.markdown | #A3978A | — |
| keyword.other.definition.ini | #A3978A | — |
| entity.name.section.group-title.ini | #A3978A | — |
| source.cpp meta.preprocessor, keyword.control.directive | #A09487 | — |
| source.cpp meta.preprocessor.pragma.cpp | #877B6E | — |
| keyword.other.unit.user-defined.cpp | #A09487 | — |
| source.cpp meta.preprocessor, entity.name.function.preprocessor.cpp | #dfb5af | — |
| variable.other.property, variable.other.enummember | #BCB0A2 | — |
| storage.modifier.import.java | #d6b997 | — |
| support.type.property-name.toml | #877B6E | — |
| support.type.property-name.table.toml | #BDB2A4 | — |
| variable.source.cmake | #A59A8C | — |
| , storage.source.cmake | #A59A8C | — |
| Global settings | #C6BBAD | — |
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}!`;
}
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}!`;
}