dracula / jetbrains

🧛🏻‍♂️ Dark theme for JetBrains IDEs (IntelliJ IDEA, PyCharm, RubyMine, PhpStorm, WebStorm, etc.)

Dracula for JetBrains IDE

A dark theme for JetBrains IDE

Install

All instructions can be found at draculatheme.com/jetbrains.

Dracula PRO

Dracula PRO is a color scheme and UI theme tailored for programming. Made for terminal emulators, code editors, and syntax highlighters. Designed to be aesthetically pleasing while keeping you focused.

Get It Now

Contribution

If you'd like to contribute to this theme, please read the Contributing Guide.

Team

This theme is maintained by the following person(s) and a bunch of awesome contributors.

Zihan Ma

Community

• Twitter - Best for getting updates about themes and new stuff.
• GitHub - Best for asking questions and discussing issues.
• Discord - Best for hanging out with the community.

License

MIT License

jetbrains's Issues

Hover/selected background color in Context menu, Tool windows, ...

Many other IDE themes use the same hover/selected background color in Selectbox and in Context menu, Tool windows, Tree in Settings ...

Dracula use different color in Selectbox and in other parts. Other parts have hover/selected blue background color (IDE default)?

Dracula

Dracula PRO

Dark purple

Dracula Pro not working for IntelliJ 2020.3

the UI reverts to Dracula (non-pro) which is not as nice IMO

"Matched brace" is not distinguishable

I'm using the theme version 1.11.0 in the Dracula Colorful variant. I like it very much. The only thing which I've had to tweak manually was the background color for "Matched brace" because it is almost impossible to distinguish it especially on the current, highlighted line. Here's a screenshot showing it's default appearance.

It's hard to see that the cursor is on the closing paren of the ­­­containsKey call. The slight greenish background doesn't stand out.

This is the relevant setting:

I'd suggest to make the "Matching brace" style a bit more outstanding given that this style has a very high usability value when editing in nested, parenthesized expressions.

DocBlock is almost invisible in selection

When you select some code with docblock (PHP in this case), docblock is almost invisible.

[Feature Request] Italics for items in parentheses like vscode theme

Is it possible to implement the same styling (such as italics on the relevant code blocks) the same way that dracula formats their code in vscode?

1.8.0 makes code less readable

Screenshot of 1.7.2

Screenshot of 1.8.0

1. Local variables (used to be grayish) are no longer differentiate from class fields (used to be orange).
   Now they are both white and the white is a bit too bright and jarring in my opinion.
2. brackets are no longer colored.

Theme deviation.

Hi,

Thanks for your efforts in this theme!
In the last update, the theme deviates alot from what I know, and love, and still find in other IDEs.

Example.

Webstorm:

VS Code:

---

Is this a bug? Why has the theme deviated?

Settings - Selectbox selection color

Selected item in Selectbox is almost unreadable. Change background color or change text color?

Comments are way to indistinguishable from the background

Colour of comments are way to0 similar to the editor background colour and not easy to read.

Magic Constants (PHP)

I'm using PhpStorm 2020.2 and can't find a way to format magic constants differently than "simple" constants.

Is this a PhpStorm problem or a missing theme feature?

Bad contrast in 2021.1 Github PR commits tab

In the pull requests tab, under commits:

the (non-linear commit history) warning message is a very difficult to read:

The colors are messed up after the update to 1.7.1

The syntax coloring used to look like this here:

After the update first the editor turned all white. After restarting Rider the colors now look like this:

Active Tab colour is indistinguishable from inactive tabs

As in the screenshot, it's hard to tell which is the active tab.
Also that Main class is always shown in active colour, I don't know if that's wanted.

CMake highlight for CLion

Hi,
I'm using Dracula theme for CLion and I found difficulties on writing code because CMake highlight is not good enough.
In my opinion, gedit has the best syntax highlight for CMake. Please check screenshots below:
gedit

vs CLion with Dracula

The improvements from gedit over Dracula come from it's hightlight syntax, color matching.
Could we consider to add this feature?

Theme loaded with wrong color scheme

After setting the theme in Appearance & Behavior > Appearance to Dracula, all the UI colors are set correctly. The problem is that when I restart GoLand the tree view component's background color is incorrectly set.

Also the editor colors are all wrong.

I'm running on macOS Mojave (10.14.5), GoLand 2019.2 and Dracula Theme 1.4.0.

contrast issue with resolving git merge conflicts

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

The arrows are hard to read:

Installation instructions are impossible to follow

The installation instructions tell you to copy the Dracula.icls file to install, but no such file exists in the repository.

Color scheme lost after update

I'm not sure if it's a problem with the theme, my IDE (PyCharm) or if it's specific to my setup, but each time I'm updating the theme, I get the "Editor > Color Scheme" setting lost and reset to the default one. What's more, the "Dracula" and "Dracula Colorful" schemes are not listed in the drop down, and I need to restart the IDE for them to be picked up.

The IDE theme is fine, the menu are purple when selected. The color scheme is used for styling the code itself.

Is anyone else having this issue or is it just me?

Expected:

With the bug

Unfortunately I just fixed it now, so I don't have a screenshot of the bug, but I'll add it next time it happens.

Dracula Pro theme not compatible with 2021.2

Hi!

Dracula Pro version 1.3.1 is incompatible with the newest version of Intellij, i.e. version 2021.2 (IU-212.4746.92).

I suppose an update is in progress with the required changes? 🙂

– Andreas

Intellij: Inconsistent scrollbar color on ProjectTree vs Editor panel

I'm using latest Dracula Theme on Intellij.
Everything's fine except so annoying and unprofessional scrollbar color.

As you can see, project tree and editor panel have different scrollbar color.
I've tried to change it in Code style but doesn't work

Problem Datagrip version build March 31, 2021

Hello.
After updating the datagrip 2021 .1 to a version built on March 31, 2021 the Dracula theme was removed and even trying to reinstall it is still not shown.
Can you help me?

Scrollbar - Highlight color used for FIXMEs is confusing with ERRORs' color

Hello there.
First of all, thank you for the FIXME highlight feature using this beautifull purple 🤟 .

I would like to share something i have trouble with:
The red shade used for highlighting FIXMEs in the scrollbar is too confusing for me with the red ones used for highlighting ERRORs even if i don't have color blindness issues.

Here is an exemple

And a zoom:

I can see two problems here:

• ERRORs are not enought highlighted vs FIXME (in my point of view, erros are top one priority and i want my eyes to catch it as lightning speed)
• The darker red used do not "pop" enought, even with good eyes and good screen.

What about using the same purple for FIXMES in the scrollbar ?

Version 1.3.* not compatible with all 2019.2 versions of jetbrains IDEs

how to delete original dracula theme in appearance?

after installing dracule theme from plugin market, here I have two dracula theme in appearance,

just asking how to delete original one?

thx~~~

dracula pro 2020.3 color bugged

Hi, How are you?
Dracula pro on WebStorm 2020.3 is bugged. the font color on all menus are black. I just followed the readme and install the plugin.
cheers

Improve text selection

Remove "Selection foreground" setting:
https://github.com/WhiteVermouth/jetbrains-dracula/blob/069e987288e273b13b36f61f4556fdd2abb4e5ad/src/main/resources/themes/Dracula.xml#L12
Result:

Rename dialog - Selection color is invisible

Try rename some file and select some part of file name in field Rename file 'xxx.tsx' and its usages to. Selection is invisible - selection color and field background color is almost the same.

Styling of IDEA popups

It is possible to style the help windows as well. It really sticks out like sore thumb:

Wrong colors in AppCode for Swift/ObjC

I would expect different colors for types and functions.

Increase variable contrast

diff --git a/src/main/resources/themes/Dracula.xml b/src/main/resources/themes/Dracula.xml
index bf15dc4..a5ee9c0 100644
--- a/src/main/resources/themes/Dracula.xml
+++ b/src/main/resources/themes/Dracula.xml
@@ -348,7 +348,7 @@
     </option>
     <option name="DEFAULT_LOCAL_VARIABLE">
       <value>
-        <option name="FOREGROUND" value="b9bcd1" />
+        <option name="FOREGROUND" value="f8f8f2" />
       </value>
     </option>
     <option name="DEFAULT_METADATA">
@@ -368,7 +368,7 @@
     </option>
     <option name="DEFAULT_PARAMETER">
       <value>
-        <option name="FOREGROUND" value="b9bcd1" />
+        <option name="FOREGROUND" value="f8f8f2" />
       </value>
     </option>
     <option name="DEFAULT_PARENTHS">
@@ -497,7 +497,7 @@
     <option name="GO_LOCAL_FUNCTION_CALL" baseAttributes="DEFAULT_FUNCTION_CALL" />
     <option name="GO_LOCAL_VARIABLE_CALL">
       <value>
-        <option name="FOREGROUND" value="b9bcd1" />
+        <option name="FOREGROUND" value="f8f8f2" />
       </value>
     </option>
     <option name="GO_METHOD_RECEIVER" baseAttributes="DEFAULT_LOCAL_VARIABLE" />
@@ -524,7 +524,7 @@
     </option>
     <option name="GO_STRUCT_LOCAL_MEMBER">
       <value>
-        <option name="FOREGROUND" value="b9bcd1" />
+        <option name="FOREGROUND" value="f8f8f2" />
       </value>
     </option>
     <option name="GO_STRUCT_LOCAL_MEMBER_CALL">
@@ -784,6 +784,11 @@
         <option name="FOREGROUND" value="50fa7b" />
       </value>
     </option>
+    <option name="NOT_USED_ELEMENT_ATTRIBUTES">
+      <value>
+        <option name="FOREGROUND" value="b9bcd1" />
+      </value>
+    </option>
     <option name="PHP_EXEC_COMMAND_ID">
       <value>
         <option name="FOREGROUND" value="f1fa8c" />

Before:

After:

PHP variable - Selection is not visible

Select some part of variable $invisibleSelection on line 3. Selection is not visible.

Coloring glitch

Dear Developer,

first off all I would like to express my satisfaction. This theme is a masterpiece. 👍

Now I have updated my PyCharm to 2019.3 (Windows 10) the coloring behaves odd.
Just after installing the theme, it is coloured perfectly but whenever I restart the PyCharm I get ugly brownish colour.

I enclosed the image.

Currently the workaround is to disable and enable again the DraculaTheme, which solves the problem. 🤓

Thanks for your help in advance.

Implement the official color scheme

Looks like a few colors deviate from the official Dracula colorscheme. For example, the comments are brighter and the green color is brighter as well.

The official colors can be found here: https://draculatheme.com/contribute#color-palette

I might try to take a stab at this and put up a PR.

Low contrast hover in dropdown menus

Hi,

Here is a dropdown menu on latest version (1.5.2).

Support PHPStorm 2020.2 EAP

Just like #17.

It might just need a quick update of the compatible version string, but I'm not sure. There are some new/updated layouts and widgets - see https://blog.jetbrains.com/phpstorm/2020/05/phpstorm-2020-2-early-access-program-is-now-open)

Thanks a lot in advance, can't imagine working without this theme anymore (and was very confused after the update, seeing the "default" theme for the first time in years 😬)

Code completion window has default background color

Code completion has default color - no color from Dracula color pallete.

Theme not Available in Rider Marketplace

I tried to install the theme following the instruction on https://draculatheme.com/jetbrains but it looks like the theme is not available within the Rider Marketplace.

Am I missing anything here? I have no custom repositories and this is a pretty fresh install of Rider 2020.3 EAP2.

Incompatible: requires IDE build 211.* or older on IntelliJ 2021.2 EAP

About page:

IntelliJ IDEA 2021.2 EAP (Ultimate Edition)
Build #IU-212.3116.43, built on May 27, 2021

Runtime version: 11.0.11+9-b1460.1 amd64
VM: Dynamic Code Evolution 64-Bit Server VM by JetBrains s.r.o.
Windows 10 10.0
GC: G1 Young Generation, G1 Old Generation
Memory: 2040M
Cores: 12

Kotlin: 212-1.4.32-release-IJ3116.43

从1.4.9升到1.5.0之后，在Editor->Color Scheme下面没有Dracula了

AppCode和Intellij IDEA里面，Dracula插件升级之后，Color Scheme里面Dracula消失了，编辑器配色回到了默认的Darcula。
但是UI部分还是Dracula。
就很奇怪。

Compatibility with PHPStorm 2020.1 EAP

Hey guys!

There is a new PHPStorm EAP version (and certainly other IDE's too), and the latest dracula version doesn't work anymore with it. Can you please check? 😉

Thanks and keep up with the good work!

Pycharm TODO highlight changes not working

Since Python comment symbol is # instead of // , the intended highlight color does not appear in Pycharm.

Also any change made in Settings -> Editor -> Color Scheme -> General -> TODO defaults would not translate as well.

Java code highlighted with white background, impossible to read.

Dracula theme version 1.6.2
IntelliJ IDEA 2019.3.3 (Ultimate Edition)
Build #IU-193.6494.35, built on February 11, 2020

A line in the Java code is highlighted with very bright background making it impossible to read.

The code can be opened as it is the github repository: https://github.com/debezium/debezium and the class is io.debezium.connector.postgresql.connection.AbstractMessageDecoder

Wrong contrast in commit diff & highilighted selection in pycharm (Dracula Pro theme)

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

Current commit diff looks like this for yaml changes:

I looked through other themes and looks like every other theme have a more muted color

also there's minimal difference between backgrounds in selected text that is already highlighted:

Example darcula theme:

What about a Dracula Light theme?

JetBrains has released 2020.3, and this release introduces an interesting feature: IDE color theme will sync with the system's theme(on macOS it does, I did not investigate other platforms). So maybe a new Dracula Light theme is fantastic?

请问为什么每次更新code配色都会变呢？

因为我用了idea装了go的插件。每次更新theme配置都变了呢？感觉这个idea里面不是很兼容别的语言么？如果直接用goland安装这个theme的话。就没有这个问题呢。
现在的插件版本是1.4.0呢，兼容2019.2版本的ide。但是这个配色反差很大呢。是我使用的姿势不对么？

Database tool window with predefined colors is unreadable

Database tool window with selected color is unreadable, predefined colors are too bright. There is no problem in Dracula PRO.

---

You can enable Database tool window in DataGrip, PHPStorm, IntelliJ IDEA Ultimate: View | Tool Windows | Database and you can set color of data source in context menu: Color Settings... or Properties...

Data color settings

Data source and drivers

Dark selected text in dialogs

Just saying thanks, no problem here so far

Hey there, this is some wonderful work and I really enjoy the look of my IDE. Having to work in this IDE for so many hours is just great now with that look so thank you ❤️

So that's it, thank you so much for this great theme, love it. 🤘

Too dark separator in context menu

After update to latest version (1.10.1) there is a disturbing separator in context menu. Is this intended or it is an issue?

Sidebars border color.

How to remove (colorize) borders of left/right side panes?