Dracula Theme
A dark theme for Atom, Alfred, Chrome DevTools, iTerm, Sublime Text, TextMate, Terminal.app, Vim, Xcode, Zsh.
Table of contents
- Code Editors
- Terminal
- Misc
- Team
- Roadmap
- Color Palette
- Contributing
- Credits
- History
- License
Atom
Install using Atom
- Go to
Atom -> Preferences...
- Then select the
Themes
tab - 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.git ~/.atom/packages/dracula-theme
Download Manually
- Download the files using the GitHub .zip download option and unzip them
- 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.git "Dracula Color Scheme"
Download Manually
- Download the files using the GitHub .zip download option
- Unzip the files and rename the folder to
Dracula Color Scheme
- Find your
Packages
directory using the menu itemPreferences -> Browse Packages...
- 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.git
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 [email protected]:zenorocha/dracula-theme.git bundle/dracula-theme
If you use vim + vundle:
Plugin 'zenorocha/dracula-theme', {'rtp': 'vim/'}
:PluginInstall
If 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
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.git
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
- Download using the GitHub .zip download option and unzip them.
- Create the custom themes folder:
~/Library/Developer/Xcode/UserData/FontAndColorThemes/
- Move
xcode/Dracula.dvtcolortheme
file to this custom themes folder.
Activating theme
- Xcode > Preferences > Fonts & Colors
- 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.git
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
- Download using the GitHub .zip download option and unzip them.
- 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.git
Install manually
Download using the GitHub .zip download option and unzip them.
Activating theme
- iTerm2 > Preferences > Profiles > Colors Tab
- Click Load Presets...
- Click Import...
- Select the
iterm/Dracula.itermcolors
file - 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.git
Install manually
Download using the GitHub .zip download option and unzip them.
Activating theme
- Terminal > Settings Tab
- Click "Gear" icon
- Click Import...
- Select the
terminal/Dracula.terminal
file - 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.git
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:
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