Darcula Theme
Publisher: sulybotThemes in package: 1
A theme extension for VS Code based on Darcula from JetBrains.
A theme extension for VS Code based on Darcula from JetBrains.
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 | #808080 | — |
| comment.block.documentation | #629755 | italic |
| comment.block.documentation keyword.other | #629755 | italic bold underline |
| string.quoted, string.unquoted, string.other, string.quoted punctuation.definition.string | #6A8759 | — |
| string.interpolated, string.interpolated punctuation.definition.string | #A5C25C | — |
| string.unquoted keyword.operator, string.unquoted punctuation.definition.string | #A9B7C6 | — |
| string.regexp, constant.numeric | #6897BB | — |
| constant.other | #9876AA | italic |
| storage, keyword.control, keyword.other, constant.character.escape, constant.language, punctuation.terminator | #CC7832 | — |
| punctuation.terminator, punctuation.separator.delimiter | #CC7832 | — |
| meta.class entity.name, meta.interface entity.name | — | bold |
| meta.function entity.name.function, meta.method entity.name.function | #FFC66D | bold |
| meta.function-call entity.name.function | #A9B7C6 | |
| meta.method-call entity.name.function | #FFC66D | |
| meta.method-call.static entity.name.function | #FFC66D | italic |
| text.xml meta.tag entity.name, text.xml meta.tag punctuation.definition.tag | #E8BF6A | — |
| text.xml meta.tag entity.other.attribute-name | #BABABA | — |
| text.xml meta.tag string.quoted | #6A8759 | — |
| text.xml constant.character.entity | #6D9CBE | — |
| text.xml string.unquoted.cdata | #A9B7C6 | — |
| text.html meta.tag entity.name, text.html meta.tag punctuation.definition.tag | #E8BF6A | — |
| text.html meta.tag meta.attribute entity | #BABABA | — |
| text.html meta.tag meta.attribute string.unquoted, text.html meta.tag meta.attribute string.quoted, text.html meta.tag meta.attribute string punctuation.definition.string, text.html meta.tag meta.attribute punctuation.separator | #A5C261 | — |
| text.html constant.character.entity | #6D9CBE | — |
| source.css meta.selector entity, source.css meta.selector support.constant | #E8BF6A | — |
| source.css meta.property-name | #BABABA | — |
| source.css meta.property-value | #A5C261 | — |
| source.css meta.property-value meta.function support.function, source.css meta.property-value constant.other.unicode-range, source.css meta.property-value constant.other.unicode-range punctuation.separator.dash.unicode-range | #E8BF6A | — |
| source.css meta.property-value meta.function variable.parameter.url | #287BDE | — |
| source.css meta.property-value meta.function punctuation.section, source.css meta.property-value constant.numeric keyword.other.unit.percentage | #A9B7C6 | — |
| source.css meta.property-value constant.other.color.rgb-value.hex | #6897BB | — |
| source.ini | #6A8759 | — |
| source.ini keyword.other, source.ini punctuation.separator.key-value | #A9B7C6 | — |
| source.ini entity.name.section.group-title | #CC7832 | — |
| source.json support.type.property-name | #9876AA | — |
| source.yaml entity.name.tag | #CC7832 | — |
| source.yaml punctuation.separator.key-value, source.yaml constant.numeric, source.yaml constant.language, source.yaml keyword.control.flow, source.yaml string.unquoted.block, source.yaml string.unquoted.plain, source.yaml meta.property punctuation.definition.anchor | #A9B7C6 | — |
| source.yaml meta.property entity.name.type.anchor, source.yaml variable.other.alias | #E8BF6A | — |
| text.html.markdown markup.heading | #9876AA | — |
| text.html.markdown markup.bold punctuation.definition.bold, text.html.markdown markup.italic punctuation.definition.italic | #CC7832 | — |
| text.html.markdown meta.link markup.underline.link, text.html meta.image.inline markup.underline.link.image | #FFC66D | — |
| text.html.markdown meta.link.inet markup.underline.link, text.html.markdown meta.link.inet punctuation.definition.link, text.html.markdown meta.link string.other.link.title, text.html.markdown meta.link punctuation.definition.string, text.html.markdown meta.image.inline string.other.link.description, text.html.markdown meta.image.inline punctuation.definition.string | #287BDE | underline |
| text.html.markdown meta.link.reference punctuation.definition.constant, text.html.markdown meta.link.reference constant.other.reference.link | #CC7832 | |
| text.html.markdown meta.link.reference.def string.other.link.description.title, text.html.markdown meta.link.reference.def string.other.link.description.title punctuation.definition.string | #808080 | — |
| text.html.markdown markup.fenced_code.block, text.html.markdown markup.inline.raw.string, text.html.markdown markup.raw.block | #808080 | — |
| text.html.markdown markup.quote | #6A8759 | — |
| text.html.markdown meta.separator | #808080 | — |
| text.html.markdown markup.list.unnumbered punctuation.definition.list | #CC7832 | — |
| text.html.markdown markup.list.numbered punctuation.definition.list | #FFC66D | — |
| source.php variable.other, source.php variable.language | #9876AA | — |
| source.php meta.attribute support.attribute | #BBB529 | — |
| source.php meta.method-call entity.name.variable.parameter, source.php meta.function-call entity.name.variable.parameter | #467CDA | — |
| source.js comment.block.documentation storage.type | #629755 | italic bold underline |
| source.js comment.block.documentation entity.name.type.instance, source.js comment.block.documentation variable.other | #8A653B | |
| source.js meta.function variable.language.this | #CC7832 | — |
| source.js meta.function-call entity.name.function | #FFC66D | — |
| source.js string.regexp, source.js string.regexp keyword.control, source.js string.regexp constant.other | #6897BB | — |
| source.js meta.decorator, source.js meta.decorator meta.function-call entity.name.function | #BBB529 | — |
| source.js support.type.primitive | #CC7832 | — |
| source.coffee variable.language | #CC7832 | — |
| source.ts meta.class variable.object.property | #9876AA | — |
| source.ts meta.class variable.language.this | #CC7832 | — |
| source.ts comment.block.documentation storage.type.class | #629755 | italic bold underline |
| source.ts comment.block.documentation variable.other | #8A653B | |
| source.java comment.block.javadoc | #629755 | italic |
| source.java comment.block.javadoc keyword.other.documentation.javadoc | #629755 | italic bold underline |
| source.java comment.block.javadoc variable.parameter | #8A653B | |
| source.java meta.declaration.annotation storage.type.annotation, source.java meta.declaration.annotation punctuation.definition.annotation | #BBB529 | — |
| source.java meta.class.body variable.language.this | #CC7832 | — |
| source.go keyword | #C7773E | — |
| source.go keyword.operator | #A9B7C6 | — |
| source.go punctuation.other.comma | #CC7832 | — |
| source.go entity.name.package, source.go entity.alias.import | #AFBF7E | — |
| source.go entity.name.function, source.go support.function | #E6B163 | — |
| source.cs comment.block | #629755 | italic |
| source.cs comment.block.documentation meta.tag | #77B767 | — |
| source.cs comment.block.documentation meta.tag entity.other.attribute-name | — | italic bold underline |
| source.cs comment.block.documentation meta.tag string.quoted, source.cs comment.block.documentation meta.tag string.quoted punctuation.definition.string | #8A653B | italic |
| source.cs keyword.type, source.cs meta.preprocessor keyword.preprocessor, source.cs meta.preprocessor punctuation.separator.hash | #CC7832 | — |
| source.cs entity.name.function | #FFC66D | — |
| source.cs entity.name.variable.event, source.cs entity.name.variable.field, source.cs entity.name.variable.property | #9876AA | — |
| source.python meta.function-call.arguments variable.parameter.function-call | #AA4926 | — |
| source.python variable.language.special.self | #94558D | — |
| source.python support.variable.magic, source.python support.function.magic | #B200B2 | — |
| source.shell comment.line.number-sign.shebang | #A9B7C6 | bold |
| source.shell keyword.operator.pipe, source.shell keyword.operator.redirect | #CC7832 | — |
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}!`;
}