Workbench styling isn't present in the latest release. I'm sure this is just some simple updates but I wanted to make sure it wasn't a bug on my end.

VS Code 1.14 breaks colors of label and button of heads-up notification

New keys are in this issue: microsoft/vscode#28280

Can you also revert terminal's background color? Output, Problems and Debug Console all having same bg color but Terminal having a different bg color feels strange.

If you've provided color to title bar in Mac, then update its screenshot in readme too.

Using javascript, maybe typescript too, when we declare an anonymous function or a lambda the arrow operator => is italic.
Since most of fonts do not support ligatures such as Fira code, nor support italics, for a better alignment I think is better to keep them normal.

You were right back then about escape characters in Python for raw strings.
But I found out how other themes are tackling it...

Nord

Material theme

Dracula

Basically they are giving same color to whole raw string the color of escape characters. It seems good to me. Please do it if doesn't breaks the theme.

That maybe a small thing for anyone, but it brings consistency and sense to semantic highlighting. Thanks!

From @heronsilva on August 12, 2017 1:44

• VSCode Version: 1.16.0-insider
• OS Version: Debian 9.1 / Ubuntu 16.04

Steps to Reproduce:

1. Install the 'Dracula' theme
2. Select any theme you have installed
3. Switcth to 'dracula' or 'dracula soft'
4. Elements in the editor should turn red, like borders, sidebar text, etc.

Reproduces without extensions: No

Screenshot:

Copied from original issue: microsoft/vscode#32359

Your web page says:

Install using Git
If you are a git user, you can install the theme and keep up to date by cloning the repo:

$ git clone https://github.com/dracula/visual-studio-code.git ~/.vscode/extensions/theme-dracula

However, this doesn't seem to work anymore: vscode complains about a missing theme/dracula.json file.

Love this theme, great work.

I'm wondering if we could perform more "softening" for Dracula-Soft. I feel like it's still very neon and painful on the eyes.

Perhaps more desaturation?

The find highlight color, selection highlight color, and selection highlight of a find highlighted color for comments are a bit difficult to read. Maybe they should be adjusted to improve readability?

as below:

Do you have plan for it? Thanks

⚠️ This is just an opinion, I know dracula has fixed colors.

With the current theme it's hard to see wich tab is selected:

I think that something like this is more intuitive(not necessarily this):

Is more seamless and uniform:

In order to obtain those colors I used HSV color space and lower down the V.

The default color as I see for parameters on Dracula is the orange, with ruby as example:

But in Elixir the parameters are white:

Would be possible to change that to complain the "standard" ?

If your code has dark blue color, the highlight text in search result make it unseen

Multiple selections or similar term selections are very hard to differentiate. Im not able to tell how many terms Ive selected when doing multi cursor editing.

Consider identifying the different vs code selection types and differentiating between them better.

Hovering over a token

Multiple tokens selected, can you tell which? :)

Current screenshot is far from the actual results and is much worse than what people are getting with this theme. As a result some people may just not give it a chance ;)

Current:
https://camo.githubusercontent.com/d695efd1815607a9056ea5817501adc0a63632ca/68747470733a2f2f64726163756c617468656d652e636f6d2f6173736574732f696d672f73637265656e73686f74732f7673636f64652e706e67

My screenshot with more or less similar code:
https://d2ppvlu71ri8gs.cloudfront.net/items/370a402J221n2H2x3S0o/Image%202017-04-28%20at%202.07.26%20PM.png

Its about intent guides and and current line highlighting.

Intent guides can get some Dracula feel rather than any shade of black.
Current line can also be highlighted in a more modern way by coloring whole line rather than giving thick outline to it.

Solarized Dark:

Nord:

Material Theme:

Dracula:

The terminal time is rather difficult to read for me:

Dark is fine, but lighter would be nice. I think this is the current color is:

where the only other dark color has a brown to it (not sure when this is used...):

Maybe we can use a darker gray than the brackets? Nothing special, but just to have a starting point suggestion, take a look at #757575 (was thinking a purple gray, which that isn't really ha)

I'm sure many colors would be a nice improvement, thanks for all your work and consideration!

Check screenshot...

first thanks for your awesome theme my problem is when i use operator mono font i cant get best result forexample see these pictures. the first one is operator mono font with one dark pro thene :

and below is dracula theme with same config with operator mono font

can i get result of operator mono theme like one dark pro in dracula theme ?

I tried disable plugin and restart vscode and do again but still can't uninstall theme , please see the screenshot. It stuck on this step.

vs code version: 1.19.1
system: macOS 10.12.6

As per the screenshot, the single quote and slashes here should not be a different colour from the text.

LANGUAGE: PHP

This actually affects a bunch of themes I've seen so far, including about half of the included ones in VS Code. Like Dracula, other themes don't seem to handle this text properly. However some are slightly different in that the entire text in the second single quote is a different colour from the first if statement single quote text. So no idea what the issue is.

Seems like it should be controllable since some themes, ie. Cobalt2, doesn't have this. But maybe it's not...? Thanks!

The top title bar and the bottom status bar aren't affected by the theme.

Still red even on 2.2.0 version of extension and latest insiders

Since symbols, atoms and keys (:foo, bar: "a value", key: :atom) are important part of the languages (ruby, elixir, maybe others?) they could have a dedicated highlight color instead of plain white, which does not provide any relevance for the syntax highlight, e.g.:

Using Code 1.12.2 & Dracula 1.17.0

Elixir:

Ruby:

Possible Solutions

Atom theme uses the purple color to keys in general such as:

Which would be enough to have.
But since the issue #12 I think would make more sense use the new "keys" highlight as the yaml keys making them more distinguishable.

1. Inconsistency here! Please change blue color of key's quotes a bit to match behaviour of expand selection with yellow strings.
   

2. Dragging and dropping tabs shows a solid background. How about changing "editorGroup.dropBackground": "#44475a" to "editorGroup.dropBackground": "#44475a70" ?

3. Also please update screenshot in the readme. Thanks!

Can you make Dracula theme more minimal by making just one change — "activityBar.background": "#21222C" ?

Hi!

First I like to say, that I love this theme.

It will be nice, if you can somehow improve the contrast in any "search result", even the matches by selecting words. On some monitors it is almost invisible:

If it is visible, than still hard to decide, which is the selection itself, and which are the matches. So it will be niche to differentiate between them more.

And of course I like to have the selection in ordinary neon pink or purple color :) (probably not possible because of different languages... what a pity)

Many thanks!

Don't know what it is called.

Steps:

1. Press Ctrl+M to see "Tab moves focus" in status bar. This isn't colored.
2. Press Ctrl+M to hide it back again.

Solution is using statusBarItem.prominentBackground and statusBarItem.prominentHoverBackground

The word "-version" is too gray to see it.

Especially "play" sign due to lack of border looks pretty terrible. Screenshot doesn't give it full justice to be honest.

Otherwise very good job on workbench theming! Although I would also suggest slightly better contrast on file tabs.

The Problem

Dracula does not have an official guideline when it comes to semantic highlighting. Because of this, you might notice that there is really no uniformity between Dracula theme implementations, and even between languages within the same Dracula theme implementation (including this one!).

An example of this behavior can be seen by comparing JSON and yaml languages below.

Before

JSON	Yaml

The solution

The theme implementation will need to be scrutinized so that the semantic highlighting across all languages is uniform.

An example of this solution applied to JSON and yaml can be seen below.

After

JSON	Yaml

Community Feedback

I'd prefer to make these uniformity adjustments as democratic as possible. I understand that everybody has their own personal tastes when it comes to how things should be highlighted. So, in an effort to be as fair as possible, I ask that you please leave your feedback and suggestions below so that the changes can be the result of a large user consensus.

Changes that land in updates are not final

If a particular change is made that you don't like, please let me know and we can discuss!

Progress

(Pending May 2017 Stable release)

• Parameter hints
• Warning/error squiggles
• contrastBorder overrides
• selection.background

When changing the editor theme to Dracula, some elements like borders and the file explorer's text turn red.

VS Code Insiders Version 1.16.0

1.13 seems to have added some new workbench theming api.
Everything seems fine (from what I experienced) except for install extension button.

Terrible for your eyes ;)

I find it very difficult to see things in the integrated terminal using this color.

I don't know what it is actually called I say it heads-up notification, what I know is that it can be colored.

Solarized Dark:

Nord:

Dracula:

Please also give color to buttons (also different color while hovering on them)

Is there any reason why we need a CHANGELOG.md file since we use GitHub Releases already?

[Feature Request]
Don't you think that giving fuchsia color to cursor will make it more Dracula type?
If yes, then please give it in the next release! 😍

When I put create a new line (in a situation like below), it disturbs the JSX highlighting:

But it's ok if I don't break a new line (green underline is not related with the issue, it's about tslint rule):

Here I select the word something but cannot differentiate the selection in the search result.

The code snippets work, but none of the Markdown syntax is highlighted.

Dracula theme

Visual Studio Dark theme

Dunno if this is a bug in new workbench theming or if there is some missing property, but when I simply open a new window (File->New Window) I get as expected this in bottom bar:

But when I open a directory (File->Open->dir), bottom bar looks like this:

VS Code has this nice expand selection feature. While expanding selection, Dracula include quotes (maybe because it gives same color to the quotes) but other themes like Nord and Material Theme (Mattia's one) does not. Everytime when I need to clear out anything inside a quote and replace it with something, putting those quotes again gives me another step. Can you fix that?

When doing a search in files, matches are highlighted using a yellowish background color that makes the text very difficult to read:

This happens on Windows 10, VSCode 1.13.0-insider (commit 5057c95e), dracula 1.16.0

Hex and unit values were previously yellow, now it's white after the update.
Not sure if it was intentional.

With the release of 1.11, there are a number of new elements which can be styled, though they note that the new theme format isn't finalised and is likely to change so supporting it early may result in some wasted effort.

Will be great to have the status bar more tightly integrated into the theme.

https://code.visualstudio.com/updates/v1_11#_preview-workbench-theming

The current ansiBrightWhite of *COLOR7 / #BFBFBF is problematic in the terminal for highlighted rows, such as those used by tig:

I propose *WHITE for ansiBrightWhite instead to make highlighted rows more legible:

Pull request incoming.

Any chance of adding a 2nd shade option w/ slightly flatter colors? I love the combination, of colors, but can be a bit too bright on the eyes for me personally. Just a suggestion, understand if you're not interested.

This is similar to the puncuation addition to 'keyword'. For me the problem manifested in Javascript (Babel) with the '//' portion of the comment being white as it matched general punctuation. Tried to do a branch/PR-Merge - alas - denied.

diff --git a/src/dracula.yml b/src/dracula.yml
index 9ec446a..2984ea0 100644
--- a/src/dracula.yml
+++ b/src/dracula.yml
@@ -506,6 +506,7 @@ tokenColors:
   - name: Comments
     scope:
     - comment
+    - punctuation.definition.comment
     settings:
       foreground: *COMMENT

Just to make Dracula a bit minimal and support issue #21 , all border lines can be removed.

To separate the panel with the editor, different colors can be used instead (and so there will be no need of any separator):

    "terminal.background": "#343746",
    "panel.background": "#343746"

This separator between list items in command palette has too much contrast.