dracula-theme


Ⅰ. 插件描述

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

Ⅱ. 基本信息

创建日期:  2013-10-27
使用用户:  4
Github星:  0
插件作者:  Adam Stankiewicz

Ⅲ. 安装方法

使用Vundle管理器安装

在你的.vimrc下添加:
Plugin 'sheerun/dracula-theme-hard-things'
… 然后在Vim中运行以下命令:
:source %
:PluginInstall

对于Vundle版本 < 0.10.2,请用上面的Bundle替换Plugin。

使用NeoBundle管理器安装

在你的.vimrc下添加:
NeoBundle 'sheerun/dracula-theme-hard-things'
… 然后在Vim中运行以下命令:
:source %
:NeoBundleInstall

使用VimPlug管理器安装

在你的.vimrc下添加:
Plug 'sheerun/dracula-theme-hard-things'
… 然后在Vim中运行以下命令:
:source %
:PlugInstall

使用Pathogen管理器安装

在终端中运行以下命令:
cd ~/.vim/bundle
git clone https://github.com/sheerun/dracula-theme

Ⅳ. 文档说明

# Dracula Theme

Dracula

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

Table of contents

Atom

Atom Preview

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.git ~/.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

Sublime Preview

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

  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

TextMate Preview

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

Vim Preview

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 and add the following lines into your vimrc file:


syntax on
color Dracula

Xcode

Xcode Preview

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

  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

Zsh Preview

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

  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

iTerm Preview

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

  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

Terminal.app Preview

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

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

Chrome DevTools

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

Alfred Preview

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.

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

PaletteHexRGBHSL
Background#282a3640 42 54231° 15% 18%
Current Line#44475a68 71 90232° 14% 31%
Selection#44475a68 71 90232° 14% 31%
Foreground#f8f8f2248 248 24260° 30% 96%
Comment#6272a498 114 164225° 27% 51%
Cyan#8be9fd139 233 253191° 97% 77%
Green#50fa7b80 250 123135° 94% 65%
Orange#ffb86c255 184 10831° 100% 71%
Pink#ff79c6255 121 198326° 100% 74%
Purple#bd93f9189 147 249265° 89% 78%
Red#ff5555255 85 850° 100% 67%
Yellow#f1fa8c241 250 14065° 92% 76%

Contributing

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

Credits

History

For detailed changelog, see Releases.

License

MIT License © Zeno Rocha

添加新评论