Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dracula/dracula-theme

🧛🏻‍♂️ One theme. All platforms.
https://github.com/dracula/dracula-theme

Last synced: about 1 month ago
JSON representation

🧛🏻‍♂️ One theme. All platforms.

Awesome Lists containing this project

README

        

# Dracula Theme

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

> A dark theme for [VsCode](https://code.visualstudio.com), [Alfred](http://www.alfredapp.com), [Emacs](https://www.gnu.org/software/emacs), [Highlight.js](https://highlightjs.org), [Hyper](https://hyper.is), [iTerm](http://www.iterm2.com), [JetBrains](https://www.jetbrains.com), [Pygments](http://pygments.org), [Slack](http://slack.com), [Sublime Text](http://www.sublimetext.com/3), [TextMate](http://macromates.com), [Terminal.app](http://www.apple.com/osx/apps), [Vim](http://www.vim.org), [Xcode](https://itunes.apple.com/us/app/xcode/id497799835), [Zsh](http://www.zsh.org), and many more.

## Install

All instructions can be found at [draculatheme.com](https://draculatheme.com).

## Color Palette

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

For more details about how to apply these different colors to represent different code symbols, please see the [Dracula Specification](https://spec.draculatheme.com).

## FAQ

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

We hope so, but we need your help to accomplish that. Since you're already using app X you're probably much more experienced in it than us. So give it a try first!

###### "How do I submit a new theme?"

1. Create a new repository based on this [template](https://github.com/dracula/template).
2. Build the new theme using the [Color Palette](#color-palette) above.
3. Finally, [submit an issue](https://github.com/dracula/dracula-theme/issues/new) with a link to your repository. Once the theme is accepted, we will move the repository under the Dracula organization and give you rights to maintain it 😀

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

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

## The Dracula Theme Team

Dracula is a project created by [Zeno Rocha](https://github.com/zenorocha/) with the help of many outstanding contributors and maintainers, and each theme has its maintainer listed in the Team section of its `README`.

On April 13, 2022, [Lucas de França](https://github.com/luxonauta) officially joined the team, and you can read more [here](https://draculatheme.com/blog/interview-with-lucas).

| [![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

Over the years, Dracula has grown to support many more editors. With that came the challenge of supporting many editors, terminals, shells, and more in the same repository. Some package managers require specific files and layouts, which cause conflicts and make them harder to maintain.

So, it was decided to change Dracula from a one-repository theme to an organization. All themes have now been migrated to their repository. With this change, we can better support package managers and list maintainers, make installation instructions easier to find, and support independent releases.

See [Dracula organization](https://github.com/dracula) for all of our repositories.

## Community

- [Twitter](https://twitter.com/draculatheme) - Best for getting updates about themes and new stuff.
- [GitHub](https://github.com/dracula/dracula-theme/discussions) - Best for asking questions and discussing issues.
- [Discord](https://draculatheme.com/discord-invite) - Best for hanging out with the community.

## Dracula PRO

Dracula PRO is a color scheme and UI theme **tailored for programming**. Made for terminal emulators, **code editors**, and syntax highlighters.

Designed to be aesthetically pleasing while **keeping you focused**.

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

## Credits

- Color palette inspired by [@chenluois's Mou Night theme](http://mouapp.com/)
- Sublime Text theme built on top of [Monokai](http://tmtheme-editor.herokuapp.com/#/Monokai-sublime) using [@aziz's tmtheme editor](http://tmtheme-editor.herokuapp.com/)
- ZSH theme built on top of [@robbyrussell's theme](https://github.com/robbyrussell/oh-my-zsh/blob/master/themes/robbyrussell.zsh-theme)

## Changelog

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

## License

[MIT License](./LICENSE) © Dracula Theme