Skip to main content
Coding Theme

JetBrains Darcula Theme

Publisher: AnanThemes in package: 1

A theme extension for Visual Studio Code based on Darcula theme from Jetbrains IDEs with some improvements

VS Code preview

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

Loading...

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#323232
  • dropdown.foreground#bbbbbb
  • dropdown.listBackground#646464
  • editor.background#2b2b2b
  • editor.foreground#A9B7C6
  • editor.inactiveSelectionBackground#3a3d4150
  • editor.lineHighlightBackground#323232
  • editor.selectionBackground#264f78
  • editorCodeLens.foreground#635656
  • editorGroup.border#323232
  • editorGroupHeader.tabsBackground#3c3f41
  • editorGroupHeader.tabsBorder#505050
  • editorGutter.background#313335
  • editorIndentGuide.activeBackground1#555555
  • editorIndentGuide.background1#373737
  • editorLineNumber.activeForeground#a4a3a3
  • editorLineNumber.foreground#606366
  • editorOverviewRuler.border#46464621
  • editorRuler.foreground#464646
  • editorSuggestWidget.background#3c3f41
  • editorWidget.background#313335
  • editorWidget.border#323232
  • focusBorder#FFFFFF00
  • gitDecoration.ignoredResourceForeground#6d6d6d
  • input.background#45494a
  • input.border#323232
  • input.foreground#bbbbbb
  • list.activeSelectionBackground#4b6eaf
  • list.dropBackground#474b4d
  • list.errorForeground#bbbbbb
  • list.focusBackground#4b6eaf
  • list.hoverBackground#4b6eaf
  • list.inactiveSelectionBackground#313335
  • list.warningForeground#bbbbbb
  • menu.background#3c3f41
  • menu.foreground#adadad
  • notebook.cellHoverBackground#313335
  • notebook.focusedCellBorder#4787C9
  • notebook.focusedEditorBorder#505050
  • panel.background#3c3f41
  • panel.border#323232
  • panelTitle.activeBorder#4b6eaf
  • 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#323232
  • 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#2b2b2b
  • terminal.foreground#bbbbbb
  • titleBar.activeBackground#3c3f41
  • titleBar.border#323232
  • titleBar.inactiveBackground#313335

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#e06c75
variable.other.generic-type.haskell#CC7832
storage.type.haskell#CC7832
support.variable.magic.python#B200B2
punctuation.separator.element.python#CC7832
variable.parameter.function.language.special.self.python#94558D
storage.modifier.lifetime.rust#abb2bf
support.function.std.rust#FFC66D
entity.name.lifetime.rust#e5c07b
variable.language.rust#e06c75
support.constant.edge#CC7832
constant.other.character-class.regexp#6897BB
keyword.operator.quantifier.regexp#6897BB
punctuation.definition.string.begin,punctuation.definition.string.end#6A8759
variable.parameter.function#bfbeab
comment markup.link#5c6370
markup.changed.diff#e5c07b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#FFC66D
markup.inserted.diff#6A8759
markup.deleted.diff#e06c75
meta.function.c,meta.function.cpp#e06c75
keyword.control.directive.pragma.cpp,keyword.control.directive.include.cpp#BBB529
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c,entity.other.attribute-name.pragma.preprocessor.cpp#abb2bf
punctuation.separator.key-value#CC7832
keyword.operator.expression.import#FFC66D
support.constant.math#9876AA
support.constant.property.math#CC7832
variable.other.constant,variable.other.readwrite,variable.object.property#9876AA
meta.definition.variable.js#9876AA
comment.block.documentation#629755italic
storage.type.class.jsdoc#629755italic bold underline
variable.other.jsdoc,entity.name.type.instance.jsdoc#8A653E
punctuation.terminator.statement.js,punctuation.separator.parameter.js,punctuation.separator.comma.js#CC7832
meta.decorator.js#BBB529
storage.type.annotation.java, storage.type.object.array.java#e5c07b
source.java#e06c75
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#abb2bf
meta.method.java#FFC66D
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e5c07b
keyword.operator.instanceof.java#CC7832
meta.definition.variable.name.java#e06c75
keyword.operator.logical#abb2bf
keyword.operator.bitwise#8888C6
keyword.operator.channel#8888C6
support.constant.property-value.scss,support.constant.property-value.css#A5C261
keyword.operator.css,keyword.operator.scss,keyword.operator.less#8888C6
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#A5C261
constant.other.color.rgb-value.hex.css,punctuation.definition.constant.css#6897BB
variable.parameter.url.css#287BDE
constant.other.unicode-range.css#E8BF6A
punctuation.separator.list.comma.css,punctuation.terminator.rule.css#CC7832
support.type.vendored.property-name.css#8888C6
entity.other.attribute-name.class.css#E8BF6A
support.module.node,support.type.object.module,support.module.node#e5c07b
entity.name.type.module#A9B7C6
meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#9876AA
support.variable.property,variable.other.property#9876AA
support.constant.json#9876AA
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#CC7832
support.type.object.console#e06c75
support.variable.property.process#CC7832
entity.name.function,support.function.console#FFC66D
support.variable.property.js,variable.other.property.js#9876AA
keyword.operator.misc.rust#abb2bf
keyword.operator.sigil.rust#CC7832
keyword.operator.delete#CC7832
support.type.object.dom#8888C6
support.variable.dom,support.variable.property.dom#e06c75
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#CC7832
punctuation.separator.delimiter#CC7832
punctuation.separator.c,punctuation.separator.cpp#CC7832
support.type.posix-reserved.c,support.type.posix-reserved.cpp#8888C6
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#CC7832
entity.name.type.cpp, meta.qualified_type.cpp, meta.function.definition.cpp, source.cpp#c3c3e4
variable.parameter.function.language.python#abb2bf
variable.parameter.function-call.python#AA4926
support.type.python#8888C6
keyword.operator.logical.python#CC7832
variable.parameter.function.python#CC7832
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#CC7832
entity.name.function.decorator.python#BBB529
string.quoted.binary.single.python#A5C261
meta.function-call.generic.python#FFC66D
constant.character.format.placeholder.other.python#CC7832
keyword.operator#abb2bf
keyword.operator.assignment.compound#CC7832
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#8888C6
keyword#CC7832
entity.name.namespace#e5c07b
variable
variable.c#abb2bf
variable.language#CC7832
variable.language.special.self.python#94558D
token.variable.parameter.java#abb2bf
import.storage.java#e5c07b
token.package.keyword#CC7832
token.package#abb2bf
entity.name.function, meta.require, support.function.any-method, variable.function#FFC66D
entity.name.type.namespace#e5c07b
support.class#9876AA
support.class.builtin#9876AAitalic bold
entity.name.class.identifier.namespace.type#e5c07b
entity.name.class, variable.other.class.js, variable.other.class.ts#e5c07b
variable.other.class.php#e06c75
entity.name.type#e5c07b
keyword.control#CC7832
control.elements, keyword.operator.less#CC7832
keyword.other.special-method#CC7832
storage#CC7832
token.storage#CC7832
storage.type.function.arrow.js,#A9B7C6
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#CC7832
token.storage.type.java#e5c07b
support.function,#FFC66D
support.function.magic#B200B2
support.function.builtin#8888C6
support.type.property-name#BABABA
support.constant.property-value#abb2bf
support.constant.font-name#CC7832
meta.tag#E8BF6A
meta.jsx#A9B7C6
string#6A8759
constant.other.symbol#8888C6
constant.numeric#6897BB
constant#CC7832
constant.other.caps.python#A9B7C6
punctuation.definition.constant#CC7832
entity.name.tag#E8BF6A
entity.other.attribute-name#CC7832
entity.other.attribute-name.id#FFC66D
meta.selector#E8BF6A
markup.heading#e06c75
markup.heading punctuation.definition.heading, entity.name.section#FFC66D
keyword.other.unit#A5C261
markup.bold,todo.bold#CC7832
punctuation.definition.bold#e5c07b
markup.italic, punctuation.definition.italic,todo.emphasis#CC7832
emphasis md#CC7832
entity.name.section.markdown#9876AA
punctuation.definition.heading.markdown#9876AA
punctuation.definition.list.begin.markdown#CC7832
markup.heading.setext#abb2bf
punctuation.definition.bold.markdown#CC7832
markup.inline.raw.markdown#6A8759
markup.inline.raw.string.markdown#808080
markup.fenced_code.block.markdown#808080
markup.raw.block.markdown#808080
punctuation.definition.list.markdown#e06c75
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#287BDE
string.other.link.description.title.markdown#808080
beginning.punctuation.definition.list.markdown#287BDE
punctuation.definition.metadata.markdown#A9B7C6
markup.underline.link.markdown,markup.underline.link.image.markdown,punctuation.definition.link.markdown#287BDE
string.other.link.title.markdown,string.other.link.description.markdown#287BDE
string.regexp#6897BB
constant.character.escape#CC7832
punctuation.section.embedded, variable.interpolation#e06c75
punctuation.section.embedded.begin,punctuation.section.embedded.end#CC7832
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#abb2bf
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
string.quoted.docstring.multi.python#629755italic
source.json meta.structure.dictionary.json > string.quoted.json#e06c75
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e06c75
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#6A8759
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#8888C6
support.type.property-name.json#9876AA
support.type.property-name.json punctuation#9876AA
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#CC7832
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#CC7832
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#e5c07b
keyword.operator.error-control.php#CC7832
keyword.operator.type.php#CC7832
punctuation.section.array.begin.php#abb2bf
punctuation.section.array.end.php#abb2bf
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e5c07b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#FFC66D
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#CC7832
support.constant.core.rust#CC7832
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#CC7832
entity.name.goto-label.php,support.other.php#FFC66D
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#8888C6
keyword.operator.regexp.php#6897BB
keyword.operator.comparison.php#8888C6
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#CC7832
meta.function.decorator.python#FFC66D
support.token.decorator.python,meta.function.decorator.identifier.python#8888C6
function.parameter#abb2bf
function.parameter.ruby, function.parameter.cs#abb2bf
constant.language.symbol.ruby#8888C6
rgb-value#8888C6
inline-color-decoration rgb-value#CC7832
less rgb-value#CC7832
selector.sass#e06c75
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#CC7832
block.scope.end,block.scope.begin#abb2bf
storage.type.cs#e5c07b
entity.name.variable.local.cs#e06c75
token.info-token#FFC66D
token.warn-token#CC7832
token.error-token#f44747
token.debug-token#CC7832
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#CC7832
meta.template.expression#abb2bf
keyword.operator.module#CC7832
support.type.type.flowtype#FFC66D
support.type.primitive#CC7832
meta.property.object#e06c75
variable.parameter.function.js#e06c75
keyword.other.template.begin#6A8759
keyword.other.template.end#6A8759
keyword.other.substitution.begin#6A8759
keyword.other.substitution.end#6A8759
keyword.operator.assignment
keyword.operator.assignment.go
keyword.operator.arithmetic.go, keyword.operator.address.go
entity.name.type.go#A9B7C6
entity.name.package.go, entity.alias.import.go#AFBF7E
support.function.go#B09D79
string.quoted.rune.go, constant.other.rune.go#6A8759
punctuation.other.comma.go, punctuation.terminator.go#CC7832
support.function.builtin.go#CC7832
support.type.prelude.elm#8888C6
support.constant.elm#CC7832
punctuation.quasi.element#CC7832
constant.character.entity#6D9CBE
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#8888C6
entity.global.clojure#e5c07b
meta.symbol.clojure#e06c75
constant.keyword.clojure#8888C6
meta.arguments.coffee, variable.parameter.function.coffee#e06c75
source.ini#6A8759
meta.scope.prerequisites.makefile#e06c75
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#FFC66D
meta.definition.variable.name.groovy#e06c75
meta.definition.class.inherited.classes.groovy#6A8759
support.variable.semantic.hlsl#e5c07b
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#CC7832
text.variable, text.bracketed#e06c75
support.type.swift, support.type.vb.asp#e5c07b
entity.name.function.xi#e5c07b
entity.name.class.xi#8888C6
constant.character.character-class.regexp.xi#6897BB
constant.regexp.xi#6897BB
keyword.control.xi#8888C6
invalid.xi#abb2bf
beginning.punctuation.definition.quote.markdown.xi#6A8759
beginning.punctuation.definition.list.markdown.xi#808080
constant.character.xi#FFC66D
accent.xi#FFC66D
wikiword.xi#CC7832
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e5c07b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#9876AA
meta.separator.markdown#808080
comment, punctuation.definition.comment#808080
markup.quote.markdown#6A8759
punctuation.definition.block.sequence.item.yaml#abb2bf
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#8888C6
entity.name.variable.parameter.cs#e5c07b
entity.name.variable.field.cs#e06c75
markup.deleted#e06c75
markup.inserted#6A8759
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#BE5046
support.other.namespace.php#abb2bf
variable.other.object#9876AAitalic bold
variable.other.constant.property#9876AA
entity.other.inherited-class#e5c07b
log.error#FF0000
entity.name.function.macro.rust, entity.name.function.macro.rules.rust, meta.macro.rules.rust#4EADE5
punctuation.definition.attribute.rust, meta.attribute.rust#BBB529
entity.name.type.rust#9876AA
keyword.operator.macro.dollar.rust, variable.other.metavariable.specifier.rust#4EADE5
variable.other.metavariable.name.rust#ffc66d
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust#20999D
punctuation.semi.rust, punctuation.comma.rust, keyword.operator.question.rust, punctuation.definition.interpolation.rust#CC7832
meta.function.call.rust#9876AA
constant.other.caps.rust#9876AA
entity.name.type.result.rust#9876AA
entity.name.type.numeric.rust#CC7832
constant.numeric.decimal.rust, constant.numeric.float.rust#6897BB
variable.other.readwrite.rust, variable.other.rust, keyword.operator.assignment.rust#abb2bf
entity.name.function.rust#ffc66d
variable.other.rust#abb2bf

Shiki preview

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

Loading...

JetBrains Darcula Theme - Coding Theme