A dark theme for Atom, Alfred, Chrome DevTools, iTerm, Sublime Text, TextMate, Terminal.app, Vim, Xcode, Zsh.
- Code Editors
- Terminal
- Misc
- Team
- Roadmap
- Color Palette
- Contributing
- Credits
- History
- License
- Go to
Atom -> Preferences... - Then select the
Themestab - Enter
Draculain the search box
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.git ~/.atom/packages/dracula-theme- Download the files using the GitHub .zip download option and unzip them
- Move the
dracula-themefolder to~/.atom/packages
Go to Atom -> Preferences..., click in the Themes tab, and select Dracula in the Syntax Theme dropdown.
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.
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.git "Dracula Color Scheme"- Download the files using the GitHub .zip download option
- Unzip the files and rename the folder to
Dracula Color Scheme - Find your
Packagesdirectory using the menu itemPreferences -> Browse Packages... - Copy the folder into your Sublime Text
Packagesdirectory
Go to Preferences -> Color Scheme -> User and select the Dracula Color Scheme.
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.gitDownload using the GitHub .zip download option and unzip them.
Just open the Dracula.tmTheme file using TextMate app.
If you use vim + pathogen:
$ cd ~/.vim
$ git submodule add git@github.com:zenorocha/dracula-theme.git bundle/dracula-themeIf you use vim + vundle:
Plugin 'zenorocha/dracula-theme', {'rtp': 'vim/'}
:PluginInstallIf you aren't so clever just move the vim/dracula.vim file into ~/.vim/colors and add the following lines into your vimrc file:
syntax on
color Dracula
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.gitCreating 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.dvtcolorthemeP.S.: Remember that you should replace
$DRACULA_THEMEto the actual directory for this command to work.
- Download using the GitHub .zip download option and unzip them.
- Create the custom themes folder:
~/Library/Developer/Xcode/UserData/FontAndColorThemes/ - Move
xcode/Dracula.dvtcolorthemefile to this custom themes folder.
- Xcode > Preferences > Fonts & Colors
- Select the Dracula theme
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.gitAnd 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-themeP.S.: Remember that you should replace
$DRACULA_THEMEand$OH_MY_ZSHto the actual directories for this command to work.
- Download using the GitHub .zip download option and unzip them.
- Move
zsh/dracula.zsh-themefile to oh-my-zsh's theme folder:oh-my-zsh/themes/dracula.zsh-theme.
Go to your ~/.zshrc file and set ZSH_THEME="dracula". Finally, reload your terminal.
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.gitDownload using the GitHub .zip download option and unzip them.
- iTerm2 > Preferences > Profiles > Colors Tab
- Click Load Presets...
- Click Import...
- Select the
iterm/Dracula.itermcolorsfile - Select the Dracula from Load Presets...
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.gitDownload using the GitHub .zip download option and unzip them.
- Terminal > Settings Tab
- Click "Gear" icon
- Click Import...
- Select the
terminal/Dracula.terminalfile - Click Default
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 :)
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.gitDownload using the GitHub .zip download option and unzip them.
Double-click on alfred/Dracula.alfredappearance.
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
Nope. Dracula can't stand the light.
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:
| 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% |
If you want to help, please read the Contributing guide.
- 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
For detailed changelog, see Releases.
MIT License © Zeno Rocha










