Drakula
Drakula is a dark purple 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 🟣 Font 🟣 Links 🟣 Screenshots
Key features
- non-distracting, nearly flat user interface
- dark theme that minimizes eye strain
- reduced number of UI colors
- clear differentiation between highlighting, selection, and searching
Color palette
Primary foreground

Primary background/UI

Extra UI and accents

Bright foreground (highlights and terminal)

User interface
UI example (Python)

Installation
From Marketplace
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 editor settings
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": ""
}
}]
}
}
Recommended fonts
I strongly recommend the following fonts for use in IDEs and terminals:
Commit Mono
- download and install Commit Mono Nerd Font version here
- or simply use brew:
brew install font-commit-mono-nerd-font
- paste or relpace below settings in VSCode's
settings.json
"editor.fontFamily": "CommitMono Nerd Font",
"editor.fontLigatures": "'cv02', 'cv07', 'cv08', 'ss01', 'ss02', 'ss03', 'ss04', 'ss05'",
JetBrains Mono
- download and install JetBrains Mono Nerd Font version here
- or simply use brew:
brew install font-jetbrains-mono-nerd-font
- paste or relpace below settings in VSCode's
settings.json
"editor.fontFamily": "JetBrainsMono NF",
"editor.fontLigatures": "'calt', 'cv02', 'cv08', 'cv12', 'cv17', 'cv18', 'cv19', 'cv20'",
Common font settings
"editor.fontWeight": "400",
"editor.fontSize": 13,
"editor.letterSpacing": 0.1,
"editor.lineHeight": 1.45,
Links and acknowledgments
Screenshots
JavaScript and Python

Rust and C++
