Drakula

Drakula is a dark theme designed for Visual Studio Code. This theme is particularly suited for individuals who appreciate the Dracula color scheme, developed by Zeno Rocha, yet prefer a flatter and darker user interface compared to what is typically offered in most themes utilizing this scheme. It draws inspiration from the Tokyo Night, GitHub Dark, and One Dark Pro themes.

Features 🟣 Colors 🟣 Interface 🟣 Installation 🟣 Settings 🟣 Customization 🟣 Links 🟣 Screenshots

Key features

• dark interface that does not tire the eyes
• reduced numer of UI colors
• clear highlighting, selection and searching
• non-distracting editor highlighting

Color palette

Primary foreground

Primary background/UI

Extra UI and accents

Bright foreground (highlights and terminal)

User interface

UI example (Python)

Installation

From Marketplace

• open Visual Studio Marketplace and search for Drakula (or simply click here)
• click on the "Install" button

From Visual Studio Code

• go to View → Command Palette or press Cmd+Shift+P (Ctrl+Shift+P on Windows)
• enter Install Extension
• search for Drakula and select it or press return to install

Finally, I would greatly appreciate it if you could rate this theme with 5 stars!

Suggested settings

Enable JetBrains Mono font (check "Links & recommendation" section below for download link):

"editor.fontFamily": "JetBrainsMono NF"

Reccomended font size with enabled ligatures:

"editor.fontLigatures": true,
"editor.fontSize": 13

Smooth cursor behavior and csrolling for better experience:

"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": "on",
"editor.smoothScrolling": true,
"workbench.list.smoothScrolling": true

Customization

To customize some UI aspects of this theme open user JSON settings:

• Go to View -> Command Palette or press Cmd+Shift+P (Ctrl+Shift+P on Windows)
• then enter User Setting JSON
• select or press return on Preferences: Open User Settings (JSON)
• add if not existing workbench.colorCustomizations key with section [Drakula] like this:

"workbench.colorCustomizations": {
  "[Drakula]": {
    // your customizations goes here
  }
}

In the same way you can alter editor behavior by adiding editor.tokenColorCustomizations key:

"editor.tokenColorCustomizations": {
  "[Drakula]": {
    // your customizations goes here
  }
}

Changing background

The following example changes editor background color to a lighter purple variant #241C30

"workbench.colorCustomizations": {
  "[Drakula]": {
    "editor.background": "#241C30"
  }
}

Disabling italic font variant

Below is an example of disabling the italic font variant for comments:

"editor.tokenColorCustomizations": {
    "[Drakula]": {
        "textMateRules": [{
            "scope": [
                "comment"
            ],
            "settings": {
                "fontStyle": ""
            }
        }]
    }
}

Links and recommendations

• Font: JetBrains Mono (Nerd Fonts variant)
• Icons: VSCode Great Icons
• Other dark themes:
  • Github (Dark Default variant)
  • One Dark Pro (Flat variant)
  • Tokyo Night (for much cooler feel)

Screenshots

JavaScript and Python

Rust and C++