Dracula Theme

A dark theme for Atom, Alfred, Chrome DevTools, iTerm, Sublime Text, TextMate, Terminal.app, Vim, Xcode, Zsh.

Table of contents

• Code Editors
  • Atom
  • Sublime Text
  • TextMate
  • Vim
  • Xcode
• Terminal
  • iTerm
  • Terminal.app
  • Zsh
• Misc
  • Alfred
  • Chrome DevTools
• Team
• Roadmap
• Color Palette
• Contributing
• Credits
• History
• License

Atom

Install using Atom

1. Go to Atom -> Preferences...
2. Then select the Themes tab
3. Enter Dracula in the search box

Install using Git

Alternatively, if you are a git user, you can install the theme and keep up to date by cloning the repo directly into your ~/.atom/packages directory.

$ git clone https://github.com/zenorocha/dracula-theme/ ~/.atom/packages/dracula-theme

Download Manually

1. Download the files using the GitHub .zip download option and unzip them
2. Move the dracula-theme folder to ~/.atom/packages

Activating the theme

Go to Atom -> Preferences..., click in the Themes tab, and select Dracula in the Syntax Theme dropdown.

Sublime Text

Install using Package Control

If you are using Package Control, you can easily install Dracula Theme via the Package Control: Install Package menu item. The Dracula Theme package is listed as Dracula Color Scheme in the packages list.

Install using Git

Alternatively, if you are a git user, you can install the theme and keep up to date by cloning the repo directly into your Packages directory in the Sublime Text application settings area.

You can locate your Sublime Text Packages directory by using the menu item Preferences -> Browse Packages....

While inside the Packages directory, clone the theme repository using the command below:

$ git clone https://github.com/zenorocha/dracula-theme/ "Dracula Color Scheme"

Download Manually

1. Download the files using the GitHub .zip download option
2. Unzip the files and rename the folder to Dracula Color Scheme
3. Find your Packages directory using the menu item Preferences -> Browse Packages...
4. Copy the folder into your Sublime Text Packages directory

Activating the theme

Go to Preferences -> Color Scheme -> User and select the Dracula Color Scheme.

TextMate

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/zenorocha/dracula-theme/

Install manually

Download using the GitHub .zip download option and unzip them.

Activating theme

Just open the Dracula.tmTheme file using TextMate app.

Vim

Install

If you use vim + pathogen:

$ cd ~/.vim
$ git submodule add git@github.com:zenorocha/dracula-theme.git bundle/dracula-theme

If you use vim + vundle:

Bundle 'zenorocha/dracula-theme'
:BundleInstall

If you aren't so clever just move the vim/dracula.vim file into ~/.vim/colors.

Xcode

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/zenorocha/dracula-theme/

Creating the custom themes folder:

$ mkdir -p ~/Library/Developer/Xcode/UserData/FontAndColorThemes/

And a symbolic link to this custom themes folder:

$ ln -s $DRACULA_THEME/xcode/Dracula.dvtcolortheme ~/Library/Developer/Xcode/UserData/FontAndColorThemes/Dracula.dvtcolortheme

P.S.: Remember that you should replace $DRACULA_THEME to the actual directory for this command to work.

Install manually

1. Download using the GitHub .zip download option and unzip them.
2. Create the custom themes folder: ~/Library/Developer/Xcode/UserData/FontAndColorThemes/
3. Move xcode/Dracula.dvtcolortheme file to this custom themes folder.

Activating theme

1. Xcode > Preferences > Fonts & Colors
2. Select the Dracula theme

Zsh

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/zenorocha/dracula-theme/

And creating a symbolic link to oh-my-zsh's theme folder:

$ ln -s $DRACULA_THEME/zsh/dracula.zsh-theme $OH_MY_ZSH/themes/dracula.zsh-theme

P.S.: Remember that you should replace $DRACULA_THEME and $OH_MY_ZSH to the actual directories for this command to work.

Install manually

1. Download using the GitHub .zip download option and unzip them.
2. Move zsh/dracula.zsh-theme file to oh-my-zsh's theme folder: oh-my-zsh/themes/dracula.zsh-theme.

Activating theme

Go to your ~/.zshrc file and set ZSH_THEME="dracula". Finally, reload your terminal.

iTerm

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/zenorocha/dracula-theme/

Install manually

Download using the GitHub .zip download option and unzip them.

Activating theme

1. iTerm2 > Preferences > Profiles > Colors Tab
2. Click Load Presets...
3. Click Import...
4. Select the iterm/Dracula.itermcolors file
5. Select the Dracula from Load Presets...

Terminal.app

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/zenorocha/dracula-theme/

Install manually

Download using the GitHub .zip download option and unzip them.

Activating theme

1. Terminal > Settings Tab
2. Click "Gear" icon
3. Click Import...
4. Select the terminal/Dracula.terminal file
5. Click Default

Chrome DevTools

Attention: DevTools themes are no longer supported officially (there is no stable API for them yet, nor backwards compatibility).

More info at Chromium Issue #318566.

So instead of providing you a broken theme every time Chrome updates, we decided to drop this thing for a while.

But if you really want to use it, we're working on an experimental theme in the chrome-canary branch :)

Alfred

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/zenorocha/dracula-theme/

Install manually

Download using the GitHub .zip download option and unzip them.

Activating the theme

Double-click on alfred/Dracula.alfredappearance.

Team

Dracula is a project created by Zeno Rocha with the help of many awesome contributors. For each code editor theme there's a specific maintainer, that way we can achieve more and more code editors and still keep the quality high.

• @felipekm - Brackets theme
• @jordanbrown - Xcode theme
• @nuxlli - Vim theme
• @oswaldoacauan - Alfred theme
• @vagnervjs - Chrome Devtools theme
• @zenorocha - Atom theme, Sublime Text theme, TextMate, Zsh, iTerm, Terminal.app, Website

Roadmap

"Are you going to create a light color scheme?"

Nope. Dracula can't stand the light.

"Are you going to support editor X?"

I hope so, but I need your help to accomplish that. Since you're using editor X you're probably much more expert on it than me. So feel free to send a pull request based on the Color Palette below.

My priority list now is:

1. Add support for TextMate 2 #5
2. Create a Brackets theme #7

Color Palette

Palette	Hex	RGB	HSL
Background	#282a36	40 42 54	231° 15% 18%
Current Line	#44475a	68 71 90	232° 14% 31%
Selection	#44475a	68 71 90	232° 14% 31%
Foreground	#f8f8f2	248 248 242	60° 30% 96%
Comment	#6272a4	98 114 164	225° 27% 51%
Cyan	#8be9fd	139 233 253	191° 97% 77%
Green	#50fa7b	80 250 123	135° 94% 65%
Orange	#ffb86c	255 184 108	31° 100% 71%
Pink	#ff79c6	255 121 198	326° 100% 74%
Purple	#bd93f9	189 147 249	265° 89% 78%
Red	#ff5555	255 85 85	0° 100% 67%
Yellow	#f1fa8c	241 250 140	65° 92% 76%

Contributing

If you want to help, please read the Contributing guide.

Credits

• Color palette inspired by @chenluois's Mou Night theme
• Chrome DevTools theme built on top of @mauricecruz's ZeroDarkMatrix theme
• Sublime Text theme built on top of Monokai using @aziz's tmtheme editor
• ZSH theme built on top of @robbyrussell's theme

History

For detailed changelog, see Releases.

License

MIT License © Zeno Rocha