Darcula Theme from PyCharm

Name: Darcula Theme from PyCharm
Author: Bobronium

Publisher: BobroniumThemes in package: 1

Semantic & Linting Highlighting, Templates & RegEx support and more.

GitHub

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Darcula Theme from PyCharm — Darcula from Pycharm (Dark)

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#2b2d30
activityBar.border#393B41
activityBar.foreground#C5C5C5
breadcrumb.background#1E1F22
dropdown.border#646464
dropdown.foreground#BBBBBB
dropdown.listBackground#646464
editor.background#1E1F22
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#323232
editor.selectionBackground#264F78
editorBracketMatch.background#444444
editorBracketMatch.border#c3ff0085
editorCodeLens.foreground#565c63
editorGroup.border#393B41
editorGroupHeader.tabsBackground#1E1F22
editorGroupHeader.tabsBorder#393B41
editorGutter.background#1E1F22
editorIndentGuide.activeBackground#555555
editorIndentGuide.background#373737
editorInfo.foreground#aeae80
editorLineNumber.activeForeground#A4A3A3
editorLineNumber.foreground#606366
editorOverviewRuler.bracketMatchForeground#ff0000
editorRuler.foreground#464646
editorSuggestWidget.background#3C3F41
editorWarning.background#52503A
editorWarning.foreground#000000
editorWidget.background#2b2d30
editorWidget.border#464646
gitDecoration.addedResourceForeground#629755
gitDecoration.conflictingResourceForeground#D5756C
gitDecoration.deletedResourceForeground#6C6C6C
gitDecoration.ignoredResourceForeground#808080
gitDecoration.modifiedResourceForeground#6897BB
gitDecoration.renamedResourceForeground#629755
gitDecoration.stageDeletedResourceForeground#6C6C6C
gitDecoration.stageModifiedResourceForeground#6897BB
gitDecoration.untrackedResourceForeground#D1675A
gitlens.decorations.addedForegroundColor#629755
gitlens.decorations.branchAheadForegroundColor#6897BB
gitlens.decorations.branchUnpublishedForegroundColor#629755
gitlens.decorations.deletedForegroundColor#6C6C6C
gitlens.decorations.ignoredForegroundColor#D5756C
gitlens.decorations.modifiedForegroundColor#6897BB
gitlens.decorations.renamedForegroundColor#629755
gitlens.decorations.untrackedForegroundColor#D1675A
gitlens.decorations.worktreeView.hasUncommittedChangesForegroundColor#6897BB
input.background#45494A
input.border#646464
input.foreground#BBBBBB
list.activeSelectionForeground#ADADAD
list.dropBackground#474B4D
list.hoverBackground#2b2d30
list.inactiveSelectionBackground#0D293E
menu.background#3C3F41
menu.border#393B41
menu.foreground#ADADAD
panel.background#2B2D30
panel.border#393B41
panel.dropBackground#2B2B2B
panelTitle.activeBorder#4A7A88
panelTitle.activeForeground#D3D3D3
settings.headerForeground#BBBBBB
sideBar.background#2b2d30
sideBar.border#393B41
sideBar.foreground#A7A7A7
sideBarSectionHeader.background#3C3F41
sideBarSectionHeader.border#393B41
statusBar.background#2b2d30
statusBar.border#393B41
statusBar.debuggingBackground#864d30
statusBar.debuggingBorder#4B4B4B
statusBar.debuggingForeground#cccccc
statusBar.foreground#BBBBBB
statusBar.noFolderBackground#2b2d30
statusBar.noFolderBorder#4B4B4B
tab.activeBackground#1E1F22
tab.activeBorder#4095AC
tab.border#1E1F22
tab.hoverBackground#1E1F22
tab.hoverForeground#FFFFFF
tab.inactiveBackground#1E1F22
tab.inactiveForeground#BBBBBB
tab.unfocusedActiveForeground#BBBBBB
tab.unfocusedHoverBackground#606466
tab.unfocusedInactiveForeground#BBBBBB
terminal.background#1E1F22
terminal.foreground#BBBBBB
titleBar.activeBackground#2b2d30
titleBar.border#3C3F41
titleBar.inactiveBackground#3c3f41

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
text	#BABABA	—
source, variable.language.special, constant.other.caps	#A9B7C6	—
emphasis	—	italic
strong	—	bold
comment	#808080	—
keyword.codetag.notation	#A8C023	—
comment.block.documentation	#629755	italic
entity.name.tag.sphinx, punctuation.definition.interpreted.start.sphinx	#629755	italic bold underline
string.quoted	#6A8759	—
string.quoted.docstring.multi	#629755	italic
punctuation.separator.element.python, punctuation.separator.parameters.python, punctuation.separator.arguments.python	#CC7832
constant.numeric	#6897BB
variable.parameter.url, string.url	#287BDE	—
constant.regexp	#646695	—
constant.keyword, constant.language	#CC7832	—
meta.var storage.type	#CC7832	—
storage.type.function	#CC7832	—
support.function.builtin	#8888C6	—
variable.language	#CC7832	—
support.constant.handlebars	#FFC66D
support.type.primitive	#CC7832
constant.language, constant.character.escape, keyword.operator.logical, constant.character.format.placeholder.other, meta.function storage.type.function, meta.class storage.type.class, keyword.control.flow, keyword.control.import, storage.type.format, storage.modifier	#CC7832
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python	#94558D
meta.function-call.arguments variable.parameter.function-call.python, meta.class.inheritance support.type.metaclass.python, variable.parameter.class.python	#AA4926	—
constant.language.python, constant.character.escape.python, keyword.operator.logical.python, constant.character.format.placeholder.other.python, meta.function storage.type.function .python, meta.class storage.type.class.python, keyword.control.flow.python, keyword.control.import.python, storage.type.format.python, storage.modifier.python	#CC7832
support.function.magic.python, support.variable.magic.python	#B200B2	—
string.quoted.python	#6A8759
string.quoted.docstring.python, string.quoted.docstring punctuation.definition.string.begin.python, string.quoted.docstring punctuation.definition.string.end.python	#629755	italic
meta.function.decorator support.type.python, meta.function.decorator entity.name.function.decorator .python, punctuation.definition.decorator.python, entity.name.function.decorator.python	#BBB529	—
support.type.python, meta.function-call.arguments support.type.python, meta.function-call support.function.builtin.python, meta.item-access meta.item-access.arguments support.type.python	#8888C6	—
entity.name.function.python	#FFC66D
string.quoted.binary.single.python, string.quoted.binary.single punctuation.definition.string.begin.python, string.quoted.binary.single punctuation.definition.string.end.python, string.quoted.binary.single storage.type.string.python	#FFC66D
support.type.exception.python, meta.class.inheritance support.type.exception.python	#8888C6	—
text.xml punctuation.definition.tag, text.xml keyword.other	#FFC66D	—
text.xml entity.name.tag.localname	#FFC66D	—
text.xml entity.name.tag.namespace, text.xml entity.other.attribute-name.namespace	#9876AA	—
text.xml string	#6A8759	—
text.html meta.tag.metadata.script.end punctuation.definition.tag.begin source, text.html meta.tag.metadata.style.end punctuation.definition.tag.begin source	#FFC66D	—
text.html punctuation.definition.tag.begin, text.html punctuation.definition.tag.end	#FFC66D	—
text.html meta.tag entity.name.tag, text.html entity.name.tag.inline.any, text.html entity.name.tag.block.any	#FFC66D	—
text.html meta.tag punctuation, text.html meta.tag string.unquoted, text.html meta.tag string.quoted, text.html meta.attribute.style.html meta.embedded.line.css source.css	#FFC66D	—
text.html constant	#6D9CBE	—
text.html constant.character.escape	#CC7832
text.html.jinja keyword.control	#CC7832	bold
text.html.jinja entity.other.jinja.delimiter.variable	#CC7832	—
text.html.jinja entity.other.jinja.delimiter.tag	#CC7832	—
text.html.django keyword.control	#CC7832	bold
text.html.django entity.other.django.delimiter.variable	#CC7832	—
text.html.django entity.other.django.delimiter.tag	#CC7832	—
text.html.django meta.tag	#FFC66D	—
text.html.django meta.tag entity.other.attribute-name	#BABABA	—
entity.tag.tagbraces	#CC7832	—
text.html.django storage.type.templatetag keyword.operator.django, text.html.django storage.type.templatetag keyword.control.tag-name, text.html.django storage.type.customtemplatetag constant.other.tag.name	#CC7832	bold
constant.css	#6897BB	—
support.type.property-name.css	#BABABA	—
meta.at-rule.import.css, meta.at-rule.font-face.css, entity.name.tag.css, punctuation.terminator.rule.css, punctuation.separator.css, punctuation.separator.list.comma.css	#B87800	—
constant.other.color.rgb-value.hex.css	#6897BB
constant.other.unicode-range.css, support.function.url.css, punctuation.section.function.css, meta.selector.css	#E8BF6A
meta.property-value.css	#A5C261
punctuation.definition.variable.less, variable.other.less	#D0D0FF	—
source.css.less entity.other.attribute-name.class.mixin.css, source.css.less constant.other.unicode-range.css	#A5C261	—
source.css.less meta.property-list.css meta.property-value.css entity.name.tag.css, source.css.less meta.property-list.css meta.property-value.css constant.numeric.css	#A5C261	—
keyword.other.DML.sql	#CC7832	—
text.html.markdown markup.heading, text.html.markdown markup.heading.setext	#9876AA	italic
text.html.markdown meta.paragraph meta.link.inet markup.underline.link, text.html.markdown meta.link.inline string	#287BDE	—
text.html.markdown meta.link.reference constant.other.reference	#CC7832	—
text.html.markdown meta.link.reference punctuation.definition.constant	#CC7832	bold
text.html.markdown meta.link.inet punctuation	#287BDE	—
text.html.markdown meta.link.inline punctuation.definition.metadata	#CC7832	italic bold
text.html.markdown meta.link.inline punctuation.definition.string	#287BDE	—
text.html.markdown meta.paragraph meta.link.reference punctuation.definition.string	#287BDE	—
text.html.markdown meta.link.reference markup.underline.link	#e8bf6a	italic
text.html.markdown meta.link.inline markup.underline.link	#e8bf6a	italic
text.html.markdown meta.link.reference string.other.link.description.title	#808080	italic
text.html.markdown meta.link.reference string.other.link.title, text.html.markdown meta.reference.link.inline, text.html.markdown meta.reference.link constant.other	#287BDE	—
text.html.markdown punctuation.definition.bold, text.html.markdown punctuation.definition.italic	#CC7832	—
text.html.markdown markup.raw.block, text.html.markdown markup.inline.raw	#808080	—
text.html.markdown markup.quote, text.html.markdown markup.quote meta.paragraph, text.html.markdown markup.quote heading	#6A8759
text.html.markdown beginning.punctuation.definition.quote	#608b4e	—
text.html.markdown beginning.punctuation.definition.list	#6796e6	—
markup.heading.restructuredtext	#6897BB	—
support.directive.restructuredtext, punctuation.separator.key-value.restructuredtext, meta.link.footnote.def.restructuredtext constant.other.footnote.link.restructuredtext, entity.name.tag.restructuredtext, markup.other.command.restructuredtext	#CC7832	—
string.interpolated punctuation.definition.shell, string.quoted punctuation.definition.shell, support.function.builtin.shell, keyword.shell, entity.name.command.shell	#CC7832	—
meta.structure.dictionary support.type.property-name.json	#9876AA	—
string.quoted.double.json	#6A8759	—
punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json, constant.language.json	#CC7832	—
comment.block.json, comment.block.documentation.json	#808080	—
string.quoted.double.json	#6A8759	—
punctuation.separator.dictionary.pair.json, punctuation.separator.element.json, punctuation.separator.arguments.json, punctuation.separator.parameters.json, punctuation.separator.continuation.json	#CC7832
constant.character.escape.js.json	#CC7832	—
string.regexp.js	#9876AA
keyword.operator.new.js.js, keyword.operator.expression.js.js, keyword.operator.cast.js.js, keyword.operator.sizeof.js.js	#CC7832
punctuation.separator.comma.js, punctuation.terminator.statement.js	#CC7832
storage.type.class.js, storage.type.interface.js	#CC7832
meta.decorator entity.name.function.js, punctuation.decorator.js	#BBB529	—
meta.function meta.function-call.js, meta.function meta.definition.function.js entity.name.function.js, meta.function.expression.js entity.name.function.js	#FFC66D	—
variable.other.property.js	#9876AA	—
meta.object.member variable.other.property.js, variable.other.object.property.js	#9876AA	—
string.quoted.single.js, string.quoted.double.js	#6A8759	—
keyword.control.powershell, storage.type.powershell, support.variable.automatic.powershell	#CC7832	—
support.variable.automatic variable.other.member.powershell	#9876AA	—
entity.name.function.powershell, support.function.powershell	#FFC66D	—
keyword.control.repeat.batchfile, keyword.control.statement.batchfile, keyword.control.conditional.batchfile, keyword.command.batchfile, keyword.operator.at.batchfile, keyword.operator.logical.batchfile, keyword.operator.comparison.batchfile, keyword.operator.assignment.batchfile, keyword.operator.arithmetic.batchfile, keyword.operator.redirection.batchfile, keyword.other.special-method.batchfile	#CC7832	—
keyword.other.special-method.batchfile	#FFC66D	—
keyword.command.rem.batchfile	#808080	—
entity.name.function.section.delete entity.section.reg, entity.name.function.section.delete punctuation.definition.section.reg, keyword.operator.arithmetic.minus.reg	#BBB529	—
entity.name.function.section.add entity.section.reg, entity.name.function.section.add punctuation.definition.section.reg	#CC7832	—
keyword.control.import.reg, punctuation.definition.equals.reg	#9876AA	—
entity.name.section.ini	#CC7832	—
keyword.ini	#9876AA	—
keyword.key.toml, entity.other.toml	#CC7832	—
string.quoted.single.basic.line.toml	#6A8759	—
string.unquoted entity.name.tag.yaml	#CC7832	—
entity.name.yaml, variable.other.yaml	#E8BF6A	—
comment.line.yaml	#629755	—
punctuation.separator.comma.ts, punctuation.terminator.statement.ts	#CC7832	—
storage.type.ts, storage.modifier.ts, keyword.control.ts, keyword.operator.expression.ts, keyword.operator.new.ts	#CC7832	—
punctuation.decorator.ts, meta.decorator entity.name.function.ts	#BBB529	—
meta.class variable.other.object.property.ts, meta.class variable.other.property.ts, meta.class variable.object.property.ts, meta.class variable.other.property.ts	#9876AA
meta.class variable.other.object.property.ts, meta.class variable.other.property.ts, meta.class variable.object.property.ts, meta.class variable.other.property.ts	#9876AA
meta.function-call entity.name.function.ts, meta.definition.method entity.name.function.ts, meta.definition.function entity.name.function.ts, meta.function entity.name.function.ts, meta.definition.variable entity.name.function.ts	#FFC66D
invalid	#BC3F3C	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—
string.regexp, string.regexp constant.character, string.regexp storage.type.string, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#d16969
string.regexp entity.name.tag	#F23B7A
string.regexp support.other.parenthesis, string.regexp punctuation.character.set	#E8BF6A
string.regexp keyword.operator	#CC7832
string.regexp keyword.operator.quantifier	#6897BB
string.quoted constant.character.escape.env	#6a8759	—
string.quoted string.interpolated.env	#CC7832
keyword.other.sql, keyword.other.plsql	#CC7832
keyword.other.special-method.dockerfile	#CC7832
support.function.git-rebase	#9876AA	—
constant.sha.git-rebase	#b5cea8	—
punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php	#CC7832	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

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}!`;
}