dracula-theme

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #claude-code #codex #cli #developer-tools #react #windows

★ 23,556 Open GitHub ↗

🧛🏻‍♂️ One theme. All platforms.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Dracula Theme

![Dracula](https://draculatheme.com/images/dracula.webp)

> The most famous theme ever created, available for [Visual Studio Code](https://draculatheme.com/visual-studio-code), [iTerm](https://draculatheme.com/iterm), [Vim](https://draculatheme.com/vim), [Sublime Text](https://draculatheme.com/sublime), [JetBrains](https://draculatheme.com/jetbrains), [Terminal.app](https://draculatheme.com/terminal-app), [Windows Terminal](https://draculatheme.com/windows-terminal), [Hyper](https://draculatheme.com/hyper), [Alfred](https://draculatheme.com/alfred), [Slack](https://draculatheme.com/slack), [Xcode](https://draculatheme.com/xcode), [Emacs](https://draculatheme.com/emacs), [Zsh](https://draculatheme.com/zsh), and [400+ more applications](https://draculatheme.com).

## Install

Find installation instructions for your application at [draculatheme.com](https://draculatheme.com), where you can search for your app or browse the full list of themes.

## Color Palette (OSS)

### Dracula

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

### Alucard

| Palette      | Hex       | RGB           | HSL            | Swatch                                               |
| ------------ | --------- | ------------- | -------------- | ---------------------------------------------------- |
| Background   | `#fffbeb` | `255 251 235` | `48° 100% 96%` | ![#fffbeb](https://placehold.co/54x24/fffbeb/fffbeb) |
| Current Line | `#6c664b` | `108 102 75`  | `49° 18% 36%`  | ![#6c664b](https://placehold.co/54x24/6c664b/6c664b) |
| Selection    | `#cfcfde` | `207 207 222` | `240° 18% 84%` | ![#cfcfde](https://placehold.co/54x24/cfcfde/cfcfde) |
| Foreground   | `#1f1f1f` | `31 31 31`    | `0° 0% 12%`    | ![#1f1f1f](https://placehold.co/54x24/1f1f1f/1f1f1f) |
| Comment      | `#6c664b` | `108 102 75`  | `49° 18% 36%`  | ![#6c664b](https://placehold.co/54x24/6c664b/6c664b) |
| Cyan         | `#036a96` | `3 106 150`   | `198° 96% 30%` | ![#036a96](https://placehold.co/54x24/036a96/036a96) |
| Green        | `#14710a` | `20 113 10`   | `114° 84% 24%` | ![#14710a](https://placehold.co/54x24/14710a/14710a) |
| Orange       | `#a34d14` | `163 77 20`   | `24° 78% 36%`  | ![#a34d14](https://placehold.co/54x24/a34d14/a34d14) |
| Pink         | `#a3144d` | `163 20 77`   | `336° 78% 36%` | ![#a3144d](https://placehold.co/54x24/a3144d/a3144d) |
| Purple       | `#644ac9` | `100 74 201`  | `252° 54% 54%` | ![#644ac9](https://placehold.co/54x24/644ac9/644ac9) |
| Red          | `#cb3a2a` | `203 58 42`   | `6° 66% 48%`   | ![#cb3a2a](https://placehold.co/54x24/cb3a2a/cb3a2a) |
| Yellow       | `#846e15` | `132 110 21`  | `48° 73% 30%`  | ![#846e15](https://placehold.co/54x24/846e15/846e15) |

For more details on how these colors map to code symbols, see the [Dracula Specification](https://draculatheme.com/spec).

## Contribute

Dracula Theme is an open-source project driven by and for the community. Most of the themes for the 400+ supported applications are community contributions.

We want to support all available applications, but we don't have the capacity to do it all ourselves. That's why your contributions are essential.

### How to submit a new theme

1. **Create a repository** using this [template](https://github.com/dracula/template).
   - Clone it or click "Use this template" on GitHub.

2. **Build your theme** using the [Color Palette](#color-palette-oss) above.
   - Follow the template structure and add your theme files.

3. **Submit an issue** with a link to your repository.
   - Once accepted, we'll move it to the Dracula organization and give you maintainer access.

For detailed guidelines and specifications, visit our [Contribute page](https://draculatheme.com/contribute).

## FAQ

**"Are you going to support editor X?"**

We'd love to! Since you're already using that editor, you're probably more familiar with it than we are. Give it a try and [submit your theme](https://draculatheme.com/contribute)!

## Accessibility [![W3C](https://img.shields.io/badge/WCAG_2.1_|_AA-282a36?logo=w3c&logoColor=f8f8f2&style=flat-square)](https://www.w3.org/TR/WCAG21/#contrast-minimum)

Foreground and background colors maintain a `4.5:1` contrast ratio, complying with [WCAG 2.1 Level AA](https://www.w3.org/TR/WCAG21/#contrast-minimum).

## Team

Dracula was created by [Zeno Rocha](https://github.com/zenorocha/) and is maintained with the help of many contributors. [Lucas de França](https://github.com/luxonauta) joined as co-maintainer in April 2022. Each theme has its maintainer listed in its repository's README.

| [![Zeno Rocha](https://github.com/zenorocha.png?size=100)](https://github.com/zenorocha) | [![Lucas de França](https://github.com/luxonauta.png?size=100)](https://github.com/luxonauta) |
| ---------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
| [Zeno Rocha](https://github.com/zenorocha)                                               | [Lucas de França](https://github.com/luxonauta)                                               |

## Organization

As Dracula grew to support 400+ applications, we moved from a single repository to a GitHub organization. Each theme now has its own repository, which makes it easier to:

- Support different package managers
- List maintainers for each theme
- Find installation instructions
- Release updates independently

Browse all themes in the [Dracula organization](https://github.com/dracula).

## Community

- [Contribute](https://draculatheme.com/contribute) - Learn how to create and submit themes
- [Twitter](https://twitter.com/draculatheme) - Get updates and announcements
- [GitHub Discussions](https://github.com/dracula/dracula-theme/discussions) - Ask questions and discuss
- [Discord](https://draculatheme.com/discord-invite) - Chat with the community

## Dracula PRO

Dracula PRO is a premium color scheme and UI theme designed for programming. It includes additional variants and features for terminal emulators, code editors, and syntax highlighters.

[![Dracula PRO](https://raw.githubusercontent.com/dracula/dracula-theme/main/.github/dracula-pro.png)](https://draculatheme.com/pro)

## Credits

Special thanks to the creators who inspired the creation of Dracula:

- [@chenluois](http://mouapp.com/) for the color palette inspiration
- [@aziz](http://tmtheme-editor.herokuapp.com/) for the theme editor tools
- [@robbyrussell](https://github.com/robbyrussell) for the shell theme foundation

## Changelog

The changelog is available on the Releases page in each theme's repository.

## License

dracula-theme

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README