PyCharm Theme

Name: PyCharm Theme
Author: nicohlr

Publisher: nicohlrThemes in package: 4

Pycharm's Darcula inspired set of themes for VSCode

GitHub

Color themes

VS Code preview

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

PyCharm Theme — Pycharm Original Theme

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

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#3c3f41
activityBar.border#323232
activityBar.foreground#f0f0f0
breadcrumb.background#313335
dropdown.border#646464
dropdown.foreground#bbbbbb
dropdown.listBackground#646464
editor.background#2b2b2b
editor.foreground#A9B7C6
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#323232
editor.selectionBackground#264f78
editorCodeLens.foreground#565c63
editorGroup.border#505050
editorGroupHeader.tabsBackground#3c3f41
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
focusBorder#FFFFFF00
gitDecoration.ignoredResourceForeground#6d6d6d
input.background#45494a
input.border#646464
input.foreground#bbbbbb
list.activeSelectionBackground#2B62CD
list.activeSelectionForeground#adadad
list.dropBackground#474b4d
list.errorForeground#bbbbbb
list.focusBackground#2B62CD
list.hoverBackground#313335
list.inactiveSelectionBackground#0B293F
list.warningForeground#bbbbbb
menu.background#3c3f41
menu.border#505050
menu.foreground#adadad
notebook.cellBorderColor#45494a
notebook.cellEditorBackground#313335
notebook.focusedCellBorder#007fd4
notebook.focusedEditorBorder#007fd4
panel.background#3c3f41
panel.border#323232
panelTitle.activeBorder#4a7a88
panelTitle.activeForeground#d3d3d3
settings.headerForeground#bbbbbb
sideBar.background#3c3f41
sideBar.border#323232
sideBar.foreground#bbbbbb
sideBarSectionHeader.background#3b4754
sideBarSectionHeader.border#323232
statusBar.background#3c3f41
statusBar.border#464646
statusBar.debuggingBackground#864d30
statusBar.debuggingBorder#464646
statusBar.debuggingForeground#cccccc
statusBar.foreground#bbbbbb
statusBar.noFolderBackground#3c3f41
statusBar.noFolderBorder#464646
statusBar.noFolderForeground#bbbbbb
tab.activeBackground#515658
tab.activeBorder#4787C9
tab.border#323232
tab.hoverBackground#27292a
tab.inactiveBackground#3c3f41
tab.inactiveForeground#bbbbbb
tab.unfocusedActiveForeground#bbbbbb
tab.unfocusedHoverBackground#27292a
tab.unfocusedInactiveForeground#bbbbbb
terminal.background#252526
terminal.foreground#bbbbbb
titleBar.activeBackground#3c3f41
titleBar.border#303030
titleBar.inactiveBackground#313335

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis, markup.italic	—	italic
strong	—	bold
constant.regexp	#646695	—
entity.name.tag, entity.name.type, text.xml keyword.other, text.html.django meta.tag, punctuation.definition.tag, support.function.powershell, text.html meta.tag punctuation, entity.name.function.powershell, text.html meta.tag string.quoted, text.html meta.tag string.unquoted, text.xml entity.name.tag.localname, text.html meta.tag entity.name.tag, text.xml punctuation.definition.tag, text.html entity.name.tag.block.any, meta.function meta.function-call.js, text.html entity.name.tag.inline.any, keyword.other.special-method.batchfile, text.html punctuation.definition.tag.end, text.html punctuation.definition.tag.begin, meta.function.expression.js entity.name.function.js, meta.function meta.definition.function.js entity.name.function.js, text.html meta.attribute.style.html meta.embedded.line.css source.css, text.html meta.tag.metadata.style.end punctuation.definition.tag.begin source, text.html meta.tag.metadata.script.end punctuation.definition.tag.begin source	#FFC66D	—
meta.selector, entity.name.tag.css, entity.other.attribute-name.scss, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.pseudo-class.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.parent-selector.css	#D7BA7D	—
source, markup.bold, support.type, support.class, source.python, markup.heading, markup.changed, storage.type.cs, support.variable, meta.return-type, keyword.operator, entity.name.type, storage.type.java, support.class.dom, entity.name.class, variable.parameter, meta.function-call, storage.type.groovy, constant.other.caps, variable.other.object, meta.class.inheritance, entity.name.type.module, storage.type.token.java, storage.type.generic.cs, variable.other.readwrite, storage.type.variable.cs, storage.type.modifier.cs, storage.type.generic.java, entity.other.attribute-name, storage.type.generic.groovy, storage.type.function.arrow, storage.type.primitive.java, storage.type.annotation.java, storage.type.primitive.groovy, meta.definition.variable.name, variable.other.object.property, storage.type.parameters.groovy, storage.type.annotation.groovy, variable.other.readwrite.alias, storage.type.object.array.java, storage.type.object.array.groovy, storage.type.primitive.array.java, storage.type.primitive.array.groovy, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.begin.js	#A9B7C6	—
invalid, token.error-token	#F44747	—
markup.underline	—	underline
markup.inserted, keyword.other.unit, constant.sha.git-rebase, meta.preprocessor.numeric	#B5CEA8	—
markup.deleted, markup.inline.raw, support.constant.color, support.constant.media, meta.preprocessor.string, constant.other.rgb-value, support.constant.font-name, support.constant.media-type, constant.other.color.rgb-value, support.constant.property-value	#CE9178	—
beginning.punctuation.definition.quote.markdown, text.html.markdown beginning.punctuation.definition.quote	#608B4E	—
token.info-token, beginning.punctuation.definition.list.markdown, text.html.markdown beginning.punctuation.definition.list	#6796E6	—
keyword, storage.type, keyword.shell, storage.type.ts, constant.keyword, meta.diff.header, keyword.key.toml, storage.modifier, constant.language, meta.preprocessor, entity.other.toml, variable.language, keyword.control.ts, storage.modifier.ts, entity.tag.tagbraces, storage.type.function, meta.var storage.type, keyword.other.DML.sql, constant.language.json, storage.type.powershell, entity.name.section.ini, keyword.operator.new.ts, keyword.command.batchfile, keyword.control.powershell, keyword.operator.at.batchfile, support.function.builtin.shell, punctuation.separator.comma.ts, keyword.operator.expression.ts, keyword.control.repeat.batchfile, entity.name.tag.restructuredtext, punctuation.separator.array.json, constant.character.escape.js.json, support.directive.restructuredtext, keyword.operator.logical.batchfile, keyword.control.statement.batchfile, punctuation.terminator.statement.ts, string.unquoted entity.name.tag.yaml, string.quoted.single.basic.line.toml, keyword.operator.arithmetic.batchfile, keyword.operator.assignment.batchfile, markup.other.command.restructuredtext, keyword.operator.comparison.batchfile, support.variable.automatic.powershell, keyword.control.conditional.batchfile, keyword.operator.redirection.batchfile, keyword.other.special-method.batchfile, string.quoted punctuation.definition.shell, punctuation.section.embedded.end.metatag.php, punctuation.section.embedded.begin.metatag.php, text.html.markdown punctuation.definition.bold, punctuation.separator.dictionary.key-value.json, text.html.markdown punctuation.definition.italic, text.html.jinja entity.other.jinja.delimiter.tag, punctuation.separator.key-value.restructuredtext, string.interpolated punctuation.definition.shell, text.html.django entity.other.django.delimiter.tag, entity.name.function.section.add entity.section.reg, text.html.jinja entity.other.jinja.delimiter.variable, text.html.django entity.other.django.delimiter.variable, text.html.markdown meta.link.reference constant.other.reference, entity.name.function.section.add punctuation.definition.section.reg, meta.link.footnote.def.restructuredtext constant.other.footnote.link.restructuredtext	#CC7832	—
variable, keyword.ini, variable.css, variable.scss, variable.other.less, variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.property.js, keyword.control.import.reg, support.function.git-rebase, support.variable.property.dom, punctuation.definition.equals.reg, variable.other.object.property.js, text.xml entity.name.tag.namespace, support.type.vendored.property-name, meta.structure.dictionary.key.python, meta.object-literal.key entity.name.function, meta.object.member variable.other.property.js, text.xml entity.other.attribute-name.namespace, meta.structure.dictionary support.type.property-name.json, support.variable.automatic variable.other.member.powershell	#9876AA	—
storage	#CE1919	—
constant.character.escape	#CC682E	—
punctuation.decorator.js, punctuation.decorator.ts, entity.name.function.decorator, keyword.operator.arithmetic.minus.reg, entity.name.function.decorator.python, meta.decorator entity.name.function.js, meta.decorator entity.name.function.ts, punctuation.definition.decorator.python, meta.function.decorator support.type.python, entity.name.function.decorator support.type.python, source.python meta.function.decorator support.type, entity.name.function.section.delete entity.section.reg, meta.function.decorator entity.name.function.decorator .python, source.python meta.function.decorator entity.name.function.decorator, entity.name.function.section.delete punctuation.definition.section.reg	#BBB529	—
variable.parameter.function.language.special, variable.parameter.function.language.special.cls.python, variable.parameter.function.language.special.self.python	#94558D
variable.parameter.class.python, variable.parameter.function-call.python, meta.class.inheritance support.type.metaclass.python, meta.function-call.arguments variable.parameter.function-call.python	#AA4926	—
keyword.control, keyword.other.sql, keyword.other.plsql, keyword.operator.new, storage.type.class.js, keyword.operator.cast, support.type.primitive, storage.modifier.python, keyword.operator.sizeof, constant.language.python, storage.type.interface.js, keyword.operator.new.js.js, storage.type.format.python, keyword.operator.cast.js.js, keyword.control.flow.python, keyword.operator.expression, keyword.operator.sizeof.js.js, keyword.control.import.python, string.regexp keyword.operator, punctuation.separator.comma.js, keyword.operator.logical.python, constant.character.escape.python, keyword.operator.expression.js.js, punctuation.separator.element.json, text.html constant.character.escape, punctuation.terminator.statement.js, punctuation.separator.arguments.json, punctuation.separator.element.python, meta.class storage.type.class.python, string.quoted string.interpolated.env, punctuation.separator.parameters.json, punctuation.separator.arguments.python, keyword.other.special-method.dockerfile, punctuation.separator.continuation.json, punctuation.separator.parameters.python, punctuation.separator.dictionary.pair.json, meta.function storage.type.function .python, constant.character.format.placeholder.other.python	#CC7832
support.function.magic, support.function.magic.python, support.variable.magic.python	#B200B2	—
support.type.python, support.function.builtin, source.python support.type, support.type.exception.python, entity.other.inherited-class.python, meta.function-call.arguments support.type.python, meta.function-call support.function.builtin.python, meta.class.inheritance support.type.exception.python, source.python meta.function-call.arguments support.type, source.python meta.function-call support.function.builtin, meta.item-access meta.item-access.arguments support.type.python, source.python meta.item-access meta.item-access.arguments support.type	#8888C6	—
storage.modifier.import.java, storage.modifier.package.java	#D4D4D4	—
variable.language.special	#94558D	—
support.function, entity.name.function, entity.name.function.python, support.constant.handlebars, string.quoted.binary.single.python, meta.function entity.name.function.ts, meta.function-call entity.name.function.ts, meta.definition.method entity.name.function.ts, meta.definition.variable entity.name.function.ts, meta.definition.function entity.name.function.ts, string.quoted.binary.single storage.type.string.python, string.quoted.binary.single punctuation.definition.string.end.python, string.quoted.binary.single punctuation.definition.string.begin.python	#FFC66D
meta.type.new.expr, meta.type.cast.expr, support.constant.dom, support.constant.math, support.constant.json	#4EC9B0	—
token.warn-token	#CD9731	—
token.debug-token	#B267E6	—
comment.block.documentation, string.quoted.docstring.multi, string.quoted.docstring.python, string.quoted.docstring.multi.python, string.quoted.docstring punctuation.definition.string.end.python, string.quoted.docstring punctuation.definition.string.begin.python	#629755	italic
text.html.markdown markup.heading, text.html.markdown markup.heading.setext	#599DF6	bold
text.html.markdown meta.link.inline string, text.html.markdown meta.reference.link.inline, text.html.markdown meta.link.inet punctuation, text.html.markdown meta.reference.link constant.other, text.html.markdown meta.link.reference string.other.link.title, text.html.markdown meta.link.inline punctuation.definition.string, text.html.markdown meta.paragraph meta.link.inet markup.underline.link, text.html.markdown meta.paragraph meta.link.reference punctuation.definition.string	#9876AA	bold
text.html.jinja keyword.control, text.html.django keyword.control, text.html.django storage.type.templatetag keyword.operator.django, text.html.django storage.type.templatetag keyword.control.tag-name, text.html.markdown meta.link.reference punctuation.definition.constant, text.html.django storage.type.customtemplatetag constant.other.tag.name	#CC7832	bold
text.html.markdown meta.link.inline punctuation.definition.metadata	#CC7832	italic bold
text.html.markdown meta.link.inline markup.underline.link, text.html.markdown meta.link.reference markup.underline.link	#E8BF6A	italic
text.html.markdown meta.link.reference string.other.link.description.title	#808080	italic
comment, comment.block.json, keyword.command.rem.batchfile, comment.block.documentation.json, text.html.markdown markup.raw.block, text.html.markdown markup.inline.raw	#808080	—
string.quoted.python, text.html.markdown markup.quote, text.html.markdown markup.quote heading, text.html.markdown markup.quote meta.paragraph	#6A8759
string.quoted, text.xml string, source.groovy.embedded, string.quoted.single.js, string.quoted.double.js, string.quoted.double.json, punctuation.definition.string.end.python, punctuation.definition.string.begin.python, string.quoted constant.character.escape.env	#6A8759	—
text, support.type.property-name.css, text.html.django meta.tag entity.other.attribute-name	#BABABA	—
keyword.codetag.notation	#A8C023	—
entity.name.tag.sphinx, punctuation.definition.interpreted.start.sphinx	#629755	italic bold underline
constant.numeric, constant.other.color.rgb-value.hex.css, string.regexp keyword.operator.quantifier	#6897BB
string.url, variable.parameter.url, text.html.markdown meta.link.inline string, text.html.markdown meta.reference.link.inline, text.html.markdown meta.link.inet punctuation, text.html.markdown meta.reference.link constant.other, text.html.markdown meta.link.reference string.other.link.title, text.html.markdown meta.link.inline punctuation.definition.string, text.html.markdown meta.paragraph meta.link.inet markup.underline.link, text.html.markdown meta.paragraph meta.link.reference punctuation.definition.string	#287BDE	—
text.html constant	#6D9CBE	—
constant.css, markup.heading.restructuredtext	#6897BB	—
entity.name.tag.css, meta.at-rule.import.css, punctuation.separator.css, meta.at-rule.font-face.css, punctuation.terminator.rule.css, punctuation.separator.list.comma.css	#B87800	—
meta.selector.css, support.function.url.css, constant.other.unicode-range.css, punctuation.section.function.css, string.regexp punctuation.character.set, string.regexp support.other.parenthesis	#E8BF6A
meta.property-value.css	#A5C261
variable.other.less, punctuation.definition.variable.less	#D0D0FF	—
source.css.less constant.other.unicode-range.css, source.css.less entity.other.attribute-name.class.mixin.css, 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	—
string.regexp.js, meta.class variable.other.property.ts, meta.class variable.object.property.ts, meta.class variable.other.object.property.ts	#9876AA
entity.name.yaml, variable.other.yaml	#E8BF6A	—
comment.line.yaml	#629755	—
string.regexp, string.regexp constant.character, string.regexp storage.type.string, string.regexp punctuation.definition.string.end, string.regexp punctuation.definition.string.begin	#D16969
string.regexp entity.name.tag	#F23B7A

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