Darcula PyCharm Theme

Name: Darcula PyCharm Theme
Author: garytyler

Publisher: garytylerThemes in package: 2

PyCharm's Darcula syntax theme ported with care to VS Code

GitHub

Color themes

VS Code preview

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

Darcula PyCharm Theme — Darcula Pycharm with Dark GUI

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#313335
activityBar.border#464646
activityBar.foreground#C5C5C5
breadcrumb.background#313335
dropdown.border#646464
dropdown.foreground#BBBBBB
dropdown.listBackground#646464
editor.background#2B2B2B
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#323232
editor.selectionBackground#264F78
editorCodeLens.foreground#565c63
editorGroup.border#505050
editorGroupHeader.tabsBackground#27292A
editorGroupHeader.tabsBorder#505050
editorGutter.background#313335
editorIndentGuide.activeBackground#555555
editorIndentGuide.background#373737
editorLineNumber.activeForeground#A4A3A3
editorLineNumber.foreground#606366
editorRuler.foreground#464646
editorSuggestWidget.background#3C3F41
editorWidget.background#313335
editorWidget.border#464646
gitDecoration.ignoredResourceForeground#505050
input.background#45494A
input.border#646464
input.foreground#BBBBBB
list.activeSelectionForeground#ADADAD
list.dropBackground#474B4D
list.hoverBackground#313335
list.inactiveSelectionBackground#0D293E
menu.background#3C3F41
menu.border#505050
menu.foreground#ADADAD
panel.background#313335
panel.border#4B4B4B
panel.dropBackground#2B2B2B
panelTitle.activeBorder#4A7A88
panelTitle.activeForeground#D3D3D3
settings.headerForeground#BBBBBB
sideBar.background#27292A
sideBar.border#464646
sideBar.foreground#A7A7A7
sideBarSectionHeader.background#3C3F41
sideBarSectionHeader.border#505050
statusBar.background#313335
statusBar.border#4B4B4B
statusBar.debuggingBackground#864d30
statusBar.debuggingBorder#4B4B4B
statusBar.debuggingForeground#cccccc
statusBar.foreground#BBBBBB
statusBar.noFolderBackground#313335
statusBar.noFolderBorder#4B4B4B
tab.activeBackground#4E5254
tab.activeBorder#4095AC
tab.border#555555
tab.hoverBackground#606466
tab.inactiveBackground#3C3F41
tab.inactiveForeground#BBBBBB
tab.unfocusedActiveForeground#BBBBBB
tab.unfocusedHoverBackground#606466
tab.unfocusedInactiveForeground#BBBBBB
terminal.background#252526
terminal.foreground#BBBBBB
titleBar.activeBackground#313335
titleBar.border#3C3F41
titleBar.inactiveBackground#27292A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
text	#BABABA	—
source	#A9B7C6	—
emphasis	—	italic
strong	—	bold
comment	#808080	—
comment.block.documentation	#629755	italic
string.quoted	#6A8759	—
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.special	#94558D	—
variable.language	#CC7832	—
support.constant.handlebars	#FFC66D
support.type.primitive	#CC7832
source.python variable.parameter.function.language.special	#94558D
source.python meta.function-call.arguments variable.parameter.function-call	#AA4926	—
source.python constant.language, source.python constant.character.escape, source.python keyword.operator.logical, source.python constant.character.format.placeholder.other, source.python meta.function storage.type.function , source.python meta.class storage.type.class, source.python keyword.control.flow, source.python keyword.control.import, source.python storage.type.format, source.python storage.modifier	#CC7832
source.python support.function.magic, source.python support.variable.magic	#B200B2	—
source.python string.quoted	#6A8759
source.python string.quoted.docstring, source.python string.quoted.docstring punctuation.definition.string.begin, source.python string.quoted.docstring punctuation.definition.string.end	#629755	italic
source.python meta.function.decorator support.type, source.python meta.function.decorator entity.name.function.decorator	#BBB529	—
source.python support.type, source.python meta.function-call.arguments support.type, source.python meta.function-call support.function.builtin, source.python meta.item-access meta.item-access.arguments support.type	#8888C6	—
source.python entity.name.function	#FFC66D
source.python string.quoted.binary.single, source.python string.quoted.binary.single punctuation.definition.string.begin, source.python string.quoted.binary.single punctuation.definition.string.end, source.python string.quoted.binary.single storage.type.string	#FFC66D
source.python support.type.exception, source.python meta.class.inheritance support.type.exception, source.python meta.class.inheritance support.type.metaclass	#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
source.css constant	#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.fenced_code.block, 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	—
source.shell string.interpolated punctuation.definition, source.shell string.quoted punctuation.definition, source.shell support.function.builtin, source.shell keyword	#CC7832	—
source.json meta.structure.dictionary support.type.property-name	#9876AA	—
source.json string.quoted.double	#6A8759	—
source.json punctuation.separator.dictionary.key-value, source.json punctuation.separator.array, source.json constant.language	#CC7832	—
source.json comment.block, source.json comment.block.documentation	#808080	—
source.json string.quoted.double	#6A8759	—
source.json punctuation.separator.dictionary.pair, source.json punctuation.separator.element, source.json punctuation.separator.arguments, source.json punctuation.separator.parameters, source.json punctuation.separator.continuation	#CC7832
source.json constant.character.escape.js	#CC7832	—
source.js string.regexp	#9876AA
source.js keyword.operator.new.js, source.js keyword.operator.expression.js, source.js keyword.operator.cast.js, source.js keyword.operator.sizeof.js	#CC7832
source.js punctuation.separator.comma, source.js punctuation.terminator.statement	#CC7832
source.js storage.type.class, source.js storage.type.interface	#CC7832
source.js meta.decorator entity.name.function, source.js punctuation.decorator	#BBB529	—
source.js meta.function meta.function-call, source.js meta.function meta.definition.function.js entity.name.function, source.js meta.function.expression.js entity.name.function	#FFC66D	—
source.js variable.other.property	#9876AA	—
source.js meta.object.member variable.other.property, source.js variable.other.object.property	#9876AA	—
source.js string.quoted.single, source.js string.quoted.double	#6A8759	—
source.powershell keyword.control, source.powershell storage.type, source.powershell support.variable.automatic	#CC7832	—
source.powershell support.variable.automatic variable.other.member	#9876AA	—
source.powershell entity.name.function, source.powershell support.function	#FFC66D	—
source.batchfile keyword.control.repeat, source.batchfile keyword.control.statement, source.batchfile keyword.control.conditional, source.batchfile keyword.command, source.batchfile keyword.operator.at, source.batchfile keyword.operator.logical, source.batchfile keyword.operator.comparison, source.batchfile keyword.operator.assignment, source.batchfile keyword.operator.arithmetic, source.batchfile keyword.operator.redirection, source.batchfile keyword.other.special-method	#CC7832	—
source.batchfile keyword.other.special-method	#FFC66D	—
source.batchfile keyword.command.rem	#808080	—
source.reg entity.name.function.section.delete entity.section, source.reg entity.name.function.section.delete punctuation.definition.section, source.reg keyword.operator.arithmetic.minus	#BBB529	—
source.reg entity.name.function.section.add entity.section, source.reg entity.name.function.section.add punctuation.definition.section	#CC7832	—
source.reg keyword.control.import, source.reg punctuation.definition.equals	#9876AA	—
source.ini entity.name.section	#CC7832	—
source.ini keyword	#9876AA	—
source.toml keyword.key, source.toml entity.other	#CC7832	—
source.toml string.quoted.single.basic.line	#6A8759	—
source.yaml string.unquoted entity.name.tag	#CC7832	—
source.yaml entity.name, source.yaml variable.other	#E8BF6A	—
source.yaml comment.line	#629755	—
source.ts punctuation.separator.comma, source.ts punctuation.terminator.statement	#CC7832	—
source.ts storage.type, source.ts storage.modifier, source.ts keyword.control, source.ts keyword.operator.expression, source.ts keyword.operator.new	#CC7832	—
source.ts punctuation.decorator, source.ts meta.decorator entity.name.function	#BBB529	—
source.ts meta.class variable.other.object.property, source.ts meta.class variable.other.property, source.ts meta.class variable.object.property, source.ts meta.class variable.other.property	#9876AA
source.ts meta.class variable.other.object.property, source.ts meta.class variable.other.property, source.ts meta.class variable.object.property, source.ts meta.class variable.other.property	#9876AA
source.ts meta.function-call entity.name.function, source.ts meta.definition.method entity.name.function, source.ts meta.definition.function entity.name.function, source.ts meta.function entity.name.function, source.ts meta.definition.variable entity.name.function	#FFC66D
invalid	#FF0000	—
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
source.env string.quoted constant.character.escape	#6a8759	—
source.env string.quoted string.interpolated	#CC7832
source.sql keyword.other, source.plsql keyword.other	#CC7832
source.dockerfile keyword.other.special-method	#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}!`;
}