Monokai AC Theme
Publisher: ac2sherryThemes in package: 1
Monokai AC theme for Visual Studio Code (self usage)
Monokai AC theme for Visual Studio Code (self usage)
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 |
|---|---|---|
| entity.name.function.preprocessor, meta.preprocessor.macro, storage.modifier.import, storage.type.generic, variable.other | #d9dacc | — |
| comment | #696d70 | — |
| string | #e6db74cc | — |
| string.regexp | #ffa632dd | — |
| constant.language, constant.numeric | #ae81ff | — |
| constant.character, constant.other.placeholder, support.other.escape.special.regexp | #e62a19dd | — |
| constant.other | #fd971fdd | — |
| entity.name.variable.property, keyword, meta.preprocessor | #f92672dd | — |
| constant.other.symbol.prolog, support.function.be.latex, support.function.general.tex, support.function.section.latex, punctuation.dollar.js, punctuation.separator.parameters.python, support.function.definition.latex, constant.language.module.events, constant.language.module.http, constant.language.directive.module.main, constant.language.directive.module.events, constant.language.directive.module.http | #f92672dd | italic |
| keyword - keyword.operator | #f92672dd | — |
| storage, support.constant, punctuation.section.class | #42bebedd | — |
| entity.name.type.go, entity.name.type.namespace.php, meta.import.scala, punctuation.separator.inheritance.php, storage.type.js, support.other.module.haskell, support.other.namespace.use.php, variable.other.constant.ruby, entity.name.section.puppet, entity.name.function.decorator.python | #42bebedd | — |
| keyword.type, storage.type, support.class, support.type | #329e9e | — |
| variable.language, variable.other.member, variable.parameter, variable.other.readwrite.member | #fd971f | — |
| meta.function-call.object.php, meta.function-call.static.php, variable.other.makefile, variable.other.prolog, variable.other.property.js, support.variable.property.dom.js | #fd971f | — |
| meta.function-call.php,support.function, support.function.builtin.rust, support.function.C99, support.function.core.ruby, support.function.go, support.function.js, support.function.log.rust, support.function.magic.php, support.function.std.rust, support.function.builtin.python, support.function.builtin.go, support.function.builtin.shell, meta.function-call.js | #4dc6c8ee | — |
| variable.function, meta.function-call.generic, meta.function-call.method, support.function.any-method, support.function.misc | #fd971f | bold |
| entity.name.function | #4dc6c8ee | bold |
| punctuation.accessor, punctuation.section.embedded, punctuation.separator, storage.type.function.arrow | #f92672dd | — |
| punctuation.separator.parameters | #fd971f | — |
| entity.name.tag, entity.other.attribute-name | #f92672dd | — |
| markup.heading | #f92672dd | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.quote | #696d70 | — |
| markup.inline, markup.raw.inline | #ae81ff | — |
| keyword.operator.dereference.java, meta.preprocessor.haskell, punctuation.separator.java, variable.parameter.java, variable.parameter.js, meta.group.js, meta.group.go, punctuation.section.class.begin.python, support.variable.dom.js, constant.character.brace, constant.character.end, constant.character.paren, constant.character.quote | #cccccc | — |
| keyword.control.def.ruby, keyword.declaration.scala, keyword.declaration.stable.scala, keyword.declaration.volatile.scala, keyword.other.fn.rust, keyword.other.rust, meta.structure.dictionary.key.json | #2be98a | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #49e0fd | — |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list_item.markdown, punctuation.definition.list.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.bold.begin.markdown, punctuation.definition.bold.end.markdown, punctuation.definition.italic.begin.markdown, punctuation.definition.italic.end.markdown, punctuation.definition.heading.begin.markdown, punctuation.definition.heading.end.markdown, punctuation.definition.raw.begin.markdown, punctuation.definition.raw.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.raw.markdown, markup.underline.link.image.markdown, markup.underline.link.markdown | #696d70 | normal |
| markup.deleted.git_gutter | #f92672dd | — |
| markup.inserted.git_gutter | #2be98a | — |
| markup.changed.git_gutter | #ae81ff | — |
| markup.ignored.git_gutter | #696d70 | — |
| markup.untracked.git_gutter | #696d70 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| keyword.control | #329e9e | — |
| storage | #329e9e | — |
| storage.type | #329e9e | — |
| constant.numeric | #ae81ff | — |
| entity.name.type | #329e9e | — |
| entity.name.class | #329e9e | — |
| support.type | #329e9e | — |
| support.class | #329e9e | — |
| keyword.control | #f92672dd | italic |
| storage | #f92672dd | — |
| storage.type | #f92672dd | — |
| constant.numeric | #ae81ff | — |
| entity.name.type | #329e9e | — |
| entity.name.class | #329e9e | — |
| support.type | #329e9e | — |
| support.class | #329e9e | — |
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}!`;
}