Darculish
Publisher: KortiplexThemes in package: 1
A Visual Studio Code theme that aims to replicate the style of JetBrain's Darcula theme.
A Visual Studio Code theme that aims to replicate the style of JetBrain's Darcula theme.
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 |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment.line, comment.line punctuation.definition.comment | #808080 | |
| comment.block, comment.block punctuation.definition.comment | #6b8b8b | |
| comment.block.preprocessor, comment.block.documentation, comment.block.documentation entity.name.type.instance, comment.block.documentation variable.other, comment.block.documentation keyword.other.type, comment.block.documentation support.class, comment.block.documentation punctuation.separator.delimiter, comment.block.documentation punctuation.definition.bracket | #629755 | italic |
| comment.block.documentation, comment.block.documentation punctuation.definition.comment | #629755 | italic |
| comment.block.documentation storage.type.class punctuation.definition.block.tag, comment.block.documentation storage.type.class | #629755 | italic bold underline |
| comment.block.documentation variable.other | #8a653b | |
| storage.type.annotation, punctuation.definition.annotation, meta.decorator, meta.decorator entity.name.function, punctuation.decorator | #BBB529 | |
| meta.decorator meta.object-literal.key | #aa76a3 | |
| punctuation.definition.annotation-arguments.begin.bracket.round, punctuation.definition.annotation-arguments.end.bracket.round, meta.decorator meta.brace, meta.decorator variable | #A9B7C6 | |
| entity.name.type.class, entity.name.type.interface | #A9B7C6 | |
| meta.definition.variable storage.type, meta.method.identifier storage.type, entity.name.type, support.class, new.expr entity.name.function | #A9B7C6 | |
| meta.definition.variable punctuation | #A9B7C6 | |
| meta.method.return-type storage.type | #A9B7C6 | |
| entity.other.inherited-class | #A9B7C6 | |
| storage.type.primitive, support.type.primitive, support.type.builtin | #CC7832 | |
| entity.name.function, meta.function-call, support.function, variable.function, keyword.other.special-method | #FFC66D | |
| meta.class variable, meta.class.body variable, meta.field variable.object.property | #9876aa | |
| variable.parameter, meta.method.body variable, meta.method-call, variable.other.definition meta.method.variable, meta.method variable.other, meta.block variable.other, meta.arrow variable.other, support.other.variable, string.other.link, string constant.other.placeholder, meta.function meta.block variable.other.readwrite | #A9B7C6 | |
| variable.other | #A9B7C6 | |
| keyword, keyword.control, storage.modifier, storage.type.class, storage.type.interface, meta.method.declaration storage.type, variable.language.this, punctuation.definition.keyword, constant.language, keyword.operator.new, keyword.operator.expression.of | #CC7832 | |
| keyword.other.important | #CC7832 | bold |
| punctuation.definition.parameters, punctuation.section.class, punctuation.section.method, meta.brace.round | #A9B7C6 | |
| punctuation.definition.parameters, punctuation.section.class, punctuation.section.method, punctuation.separator, punctuation.separator.key-value, meta.method-call punctuation.separator.period, punctuation.separator.period, keyword.operator.logical | #A9B7C6 | |
| punctuation.terminator, punctuation.separator | #CC7832 | |
| constant.character.escape, constant.escape | #CC7832 | — |
| string, string.tag, string.value, string.regexp, punctuation.definition.string | #6a8759 | |
| punctuation.definition.string | #6a8759 | |
| string.template | #A5C261 | — |
| constant.numeric, constant.numeric.decimal, constant.numeric.integer, constant.numeric.float, constant.numeric.double | #6897BB | |
| constant.language.boolean | #CC7832 | |
| string.regexp | #6897BB | |
| string.regexp, string.regexp constant.other.character-class.range, string.regexp constant.other.character-class.set | #6a8759 | |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #6897bb | |
| string.regexp constant.other.character-class, string.regexp constant.other.character-class.set punctuation.definition.character-class | #E8BF6A | |
| string.regexp keyword.operator.quantifier, string.regexp key | #6897bb | |
| string.regexp keyword.operator.or, string.regexp keyword.control.anchor | #CC7832 | |
| string.regexp meta.group | #a9b7c6 | |
| string.regexp keyword.other.back-reference | #a9b7c6 | |
| string.regexp punctuation.definition.group | #e8bf6a | |
| keyword.operator, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.arithmetic | #A9B7C6 | |
| constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.return.type keyword.operator.type, storage.type.function.arrow, constant.other.key, constant.other.symbol, keyword.other.unit, support.constant | #A9B7C6 | — |
| constant.character, constant.character.escape | #CC7832 | |
| storage.modifier.import, storage.modifier.package, variable.other.readwrite.alias, storage.modifier.import punctuation.separator, storage.modifier.package punctuation.separator, entity.name.package | #A9B7C6 | |
| text.html.derivative | #A9B7C6 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, text.html punctuation.definition.tag | #E8BF6A | — |
| entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #BABABA | — |
| meta.attribute string.quoted.double | #A5C261 | — |
| meta.attribute string.quoted punctuation.definition.string, meta.tag meta.attribute punctuation.separator.key-value | #A5C261 | — |
| meta.attribute.class.html string.quoted.double, meta.attribute.class.html string.quoted.double punctuation.definition.string | #A5C261 | — |
| text.html constant.character.entity.named, text.html constant.character.entity.named punctuation.definition.entity | #6D9CBE | — |
| variable.language.documentroot | #BABABA | — |
| meta.tag punctuation.definition.tag, | #e8bf6a | — |
| meta.tag.preprocessor entity.name.tag | #BABABA | — |
| meta.tag keyword.other.doctype | #e8bf6a | — |
| meta.tag punctuation.separator.namespace | #BABABA | — |
| constant.character.entity, constant.character.entity punctuation.definition.constant | #6d9cbe | — |
| text.xml, text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string | #A9B7C6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #BABABA | — |
| source.css meta.property-value, source.sass meta.property-value, source.scss meta.property-value, source.less meta.property-value, source.stylus meta.property-value, source.postcss meta.property-value | #e8bf6a | — |
| source.css support.constant.color, source.sass support.constant.color, source.scss support.constant.color, source.less support.constant.color, source.stylus support.constant.color, source.postcss support.constant.color, source.css support.constant.property-value, source.sass support.constant.property-value, source.scss support.constant.property-value, source.less support.constant.property-value, source.stylus support.constant.property-value, source.postcss support.constant.property-value | #a5c261 | — |
| entity.other.attribute-name.class | #e8bf6a | — |
| variable.parameter.url | #287bde | — |
| support.constant.language-range | #e8bf6a | — |
| constant.other.unicode-range | #e8bf6a | — |
| constant.other.color.rgb-value, constant.other.color.rgb-value punctuation.definition.constant, constant.language.color.rgb-value | #6897bb | — |
| punctuation.separator.dash.unicode-range | #e8bf6a | — |
| meta.attribute-selector entity.other.attribute-name, source.sass entity.other.attribute-selector | #e8bf6a | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #e8bf6a | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity, source.sass keyword.control | #e8bf6a | — |
| meta.attribute-selector | #A9B7C6 | |
| constant.numeric keyword.other.unit, keyword.control.unit | #A5C261 | |
| comment.block.scss, comment.block.scss punctuation.definition.comment, comment.block.sass, comment.block.sass punctuation.definition.comment | #bc9455 | italic |
| comment.line.scss, comment.line.scss punctuation.definition.comment, comment.line.sass, comment.line.sass punctuation.definition.comment | #bc9455 | italic |
| variable.scss, source.sass variable.other.name, source.sass variable.other.value | #6d9cbe | |
| keyword.control.at-rule.mixin, keyword.control.at-rule.mixin punctuation.definition.keyword | #d0d0ff | |
| keyword.other.default | #CC7832 | bold |
| keyword.other.optional | #CC7832 | bold |
| keyword.other.global | #CC7832 | bold |
| meta.property-list entity.name.tag | #BABABA | |
| support.constant.font-name | #E8BF6A | |
| entity.name.tag.reference | #E8BF6A | |
| source.sass keyword.control.at-rule | #CC7832 | |
| source.sass variable.other.root | #6D9CBE | |
| source.sass support.function.interpolation | #a9b7c6 | |
| source.sass support.function.interpolation variable.other.value | #6D9CBE | |
| source.sass support.function.name entity.name.function | #E8BF6A | |
| source.sass constant.character.module, source.sass constant.character.module.name | #E8BF6A | |
| entity.other.ng-binding-name.template punctuation.definition.ng-binding-name, entity.other.ng-binding-name.template | #9876aa | italic |
| entity.other.ng-binding-name.property punctuation.definition.ng-binding-name, entity.other.ng-binding-name.property | #9876aa | |
| entity.other.ng-binding-name.event punctuation.definition.ng-binding-name, entity.other.ng-binding-name.event | #9876aa | |
| expression.ng variable.other.readwrite, expression.ng variable.other.object | #9876aa | |
| expression.ng variable.other.property | #9876aa | |
| meta.tag meta.ng-binding punctuation.separator.key-value, meta.tag meta.ng-binding string.quoted punctuation.definition.string | #A5C261 | |
| meta.tag meta.ng-binding expression.ng string.quoted punctuation.definition.string | #6a8759 | |
| text.html punctuation.definition.block.ts | #CC7832 | |
| text.html meta.tag.structure.tr meta.ng-binding.template expression.ng | #CC7832 | |
| text.html meta.tag.structure.td meta.attribute entity.other.attribute-name | #9876aa | italic bold |
| source.python | #A9B7C6 | — |
| variable.parameter.function-call | #AA4926 | — |
| string.quoted.docstring.multi | #629755 | italic |
| punctuation.separator.dict | #A9B7C6 | |
| meta.item-access | #A9B7C6 | |
| meta.function-call.generic, support.function.builtin, meta.function-call.python meta.function-call | #A9B7C6 | |
| support.type.python, support.function.builtin | #8888c6 | |
| punctuation.separator.colon.python, punctuation.separator.annotation.python | #A9B7C6 | |
| support.function.magic, support.variable.magic | #b200b2 | |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #94558d | |
| string.quoted.binary storage.type.string.python, string.quoted.binary.single.python, string.quoted.binary punctuation.definition.string | #A5C261 | |
| source.python keyword.operator.logical | #CC7832 | |
| comment.block.javadoc, comment.block.javadoc punctuation.definition.comment | #629755 | italic |
| comment.block.javadoc keyword.other.documentation.javadoc | #629755 | italic bold underline |
| comment.block.javadoc variable.parameter | #8a653b | |
| storage.type | #bbb529 | |
| entity.name.type.annotation | #bbb529 | |
| source.groovy storage.type.def, source.groovy keyword.operator.in | #cc7832 | — |
| source.groovy meta.class.body meta.definition.variable.name | #9876aa | — |
| source.groovy meta.definition.variable.name | #A9B7C6 | — |
| meta.function meta.type.parameters entity.name.type, meta.function meta.parameters meta.type.annotation entity.name.type | #507874 | — |
| comment.block.documentation entity.name.type.instance punctuation.definition.bracket, comment.block.documentation entity.name.type.instance | #8a653b | |
| text.html.markdown, punctuation.definition.list_item.markdown | #A9B7C6 | — |
| markup.heading punctuation.definition.heading.markdown | #CC7832 | italic |
| entity.name.section.markdown, markdown.heading, markup.heading | markup.heading entity.name | #9876aa | italic |
| markup.heading.setext | #CC7832 | bold |
| heading.1.markdown entity.name.section.markdown | #9876aa | — |
| heading.2.markdown entity.name.section.markdown | #9876aa | — |
| heading.3.markdown entity.name.section.markdown | #9876aa | — |
| heading.4.markdown entity.name.section.markdown | #9876aa | — |
| heading.5.markdown entity.name.section.markdown | #9876aa | — |
| heading.6.markdown entity.name.section.markdown | #9876aa | — |
| punctuation.definition.bold | #cc7832 | bold |
| markup.bold, markup.bold string | #A9B7C6 | bold |
| punctuation.definition.italic | #cc7832 | bold |
| markup.italic | #A9B7C6 | italic |
| markup.bold markup.italic, markup.italic markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #A9B7C6 | italic bold |
| punctuation.definition.strikethrough | #cc7832 | |
| markup.strikethrough | #A9B7C6 | strikethrough |
| meta.link.inet.markdown markup.underline.link, punctuation.definition.link.markdown | #287bde | underline |
| string.other.link.title, punctuation.definition.link.title | #287bde | underline |
| meta.link.inline markup.underline.link, markup.underline.link | #ffc66d | italic |
| punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, meta.link.reference.def.markdown punctuation.definition.constant.markdown, constant.other.reference.link.markdown | #cc7832 | |
| string.other.link.description.title | #6a8759 | |
| meta.image.inline string.other.link.description, punctuation.definition.link.description | #287bde | underline |
| markup.fenced_code.block punctuation.definition.markdown | #CC7832 | |
| markup.fenced_code.block | #6a8759 | |
| fenced_code.block.language | #9876aa | italic underline |
| markup.inline.raw.string punctuation.definition.raw.markdown | #CC7832 | |
| markup.inline.raw.string | #6a8759 | |
| markup.raw.block | #6a8759 | |
| markup.quote | #6a8759 | |
| markup.quote punctuation.definition.quote | #CC7832 | |
| markup.quote markup.list punctuation.definition.list | #CC7832 | |
| markup.list.unnumbered punctuation.definition.list | #CC7832 | |
| markup.list.unnumbered markup.list.numbered punctuation.definition.list, markup.list.numbered markup.list.unnumbered punctuation.definition.list | #CC7832 | |
| markup.list.unnumbered meta.paragraph | #A9B7C6 | |
| markup.list.numbered punctuation.definition.list | #CC7832 | |
| markup.list.numbered meta.paragraph | #A9B7C6 | |
| meta.separator | #cc7832 | bold |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown | #9876aa | — |
| variable.language.fenced.markdown | #9876aa | — |
| markup.table | #CC7832 | — |
| meta.embedded.block.katex | #33ce9a | — |
| source.editorconfig meta.rule keyword.other.definition | #9876aa | — |
| source.editorconfig meta.rule constant.language, source.editorconfig meta.rule constant.language.boolean, source.editorconfig meta.rule constant.numeric.decimal | #6a8759 | — |
| source.editorconfig entity.name.section.group-title | #cc7832 | — |
| comment.git-status.header.remote | #ff6188 | — |
| comment.git-status.header.local | #78dce8 | — |
| comment.other.git-status.head | #fcfcfa | — |
| markup.inserted, markup.inserted punctuation.definition.inserted | #a9dc76 | — |
| markup.deleted, markup.deleted punctuation.definition.deleted | #ff6188 | — |
| markup.changed, markup.changed punctuation.definition.changed | #ffd866 | — |
| markup.ignored, markup.ignored punctuation.definition.ignored | #939293 | — |
| markup.untracked | #939293 | — |
| meta.diff.git-diff.header | #ffd866 | — |
| source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file | #939293 | — |
| source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha | #ab9df2 | — |
| source.git-show meta.diff.range.unified | #fc9867 | — |
| source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file | #939293 | — |
| meta.class meta.method, constant.other.color, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #A9B7C6 | — |
| storage.type | #cc7832 | — |
| entity.name, support.type, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFC66D | |
| invalid, invalid.illegal | #BC3F3C | — |
| variable.language | #A9B7C6 | |
| markup.deleted | #484a4a | — |
| markup.changed | #385570 | — |
| *url*, *link*, *uri* | — | underline |
| source.js constant.other.object.key.js string.unquoted.label.js | #cc7832 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name | #9876aa | — |
| source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name | #9876aa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9876aa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9876aa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9876aa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9876aa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9876aa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9876aa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9876aa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #9876aa | — |
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}!`;
}