Convert Figma logo to code with AI

dracula logodracula-theme

๐Ÿง›๐Ÿปโ€โ™‚๏ธ One theme. All platforms.

23,530
2,217
23,530
10

Top Related Projects

๐Ÿ˜ธ Soothing pastel theme for the high-spirited!

15,631

Retro groove color scheme for Vim

A dark Vim/Neovim color scheme inspired by Atom's One Dark syntax theme.

6,851

An arctic, north-bluish color palette.

1,894

Clean, vibrant and pleasing color schemes for Vim, Sublime Text, iTerm, gnome-terminal and more.

๐Ÿ™ A clean, dark Neovim theme written in Lua, with support for lsp, treesitter and lots of plugins. Includes additional themes for Kitty, Alacritty, iTerm and Fish.

Quick Overview

Dracula Theme is a popular dark color scheme for various code editors, terminal emulators, and applications. It provides a consistent and visually appealing experience across different platforms and tools, with a focus on readability and reduced eye strain.

Pros

  • Wide compatibility with numerous applications and platforms
  • Active community and frequent updates
  • Consistent color scheme across different tools
  • Visually appealing and easy on the eyes

Cons

  • May not suit everyone's personal preferences
  • Limited customization options within the theme itself
  • Some applications may require manual installation or configuration
  • Occasional inconsistencies in implementation across different tools

Getting Started

To use the Dracula Theme, follow these general steps:

  1. Visit the official Dracula Theme website: https://draculatheme.com/
  2. Choose your desired application or tool from the list
  3. Follow the specific installation instructions provided for that application
  4. Apply the Dracula Theme in your application's settings or preferences

For example, to install Dracula Theme for Visual Studio Code:

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "Dracula Official"
  4. Click "Install"
  5. After installation, go to Settings (Ctrl+,)
  6. Search for "color theme"
  7. Select "Dracula" from the dropdown menu

Note that the exact installation process may vary depending on the application you're using. Always refer to the official documentation for the most up-to-date instructions.

Competitor Comparisons

๐Ÿ˜ธ Soothing pastel theme for the high-spirited!

Pros of Catppuccin

  • More color palette options (4 flavors: Latte, Frappรฉ, Macchiato, and Mocha)
  • Highly customizable with a wider range of accent colors
  • Active community with frequent updates and contributions

Cons of Catppuccin

  • Newer project with potentially less widespread adoption
  • May require more configuration due to multiple palette options
  • Less consistent across different applications compared to Dracula

Code Comparison

Dracula theme colors:

background: #282a36
foreground: #f8f8f2
selection: #44475a
comment: #6272a4
cyan: #8be9fd
green: #50fa7b
orange: #ffb86c
pink: #ff79c6
purple: #bd93f9
red: #ff5555
yellow: #f1fa8c

Catppuccin (Mocha flavor) colors:

background: #1e1e2e
foreground: #cdd6f4
selection: #585b70
comment: #7f849c
cyan: #94e2d5
green: #a6e3a1
peach: #fab387
pink: #f5c2e7
mauve: #cba6f7
red: #f38ba8
yellow: #f9e2af

Both themes offer a dark background with vibrant accent colors, but Catppuccin provides more variety in its palette options and a slightly softer color scheme overall.

15,631

Retro groove color scheme for Vim

Pros of Gruvbox

  • Offers a wider range of color schemes (light and dark variants)
  • Provides better contrast for syntax highlighting
  • Has a more extensive ecosystem of ports for various applications

Cons of Gruvbox

  • Less frequently updated compared to Dracula
  • May require more configuration to achieve optimal appearance
  • Limited official support for some popular applications

Code Comparison

Dracula theme colors:

background: #282a36
foreground: #f8f8f2
selection: #44475a
comment: #6272a4
cyan: #8be9fd
green: #50fa7b
orange: #ffb86c
pink: #ff79c6
purple: #bd93f9
red: #ff5555
yellow: #f1fa8c

Gruvbox theme colors:

background: #282828
foreground: #ebdbb2
selection: #665c54
comment: #928374
cyan: #689d6a
green: #98971a
orange: #d65d0e
pink: #d3869b
purple: #b16286
red: #cc241d
yellow: #d79921

Both themes offer unique color palettes, with Dracula featuring brighter, more vibrant colors, while Gruvbox opts for a warmer, earthy tone. The choice between them often comes down to personal preference and the specific requirements of the user's development environment.

A dark Vim/Neovim color scheme inspired by Atom's One Dark syntax theme.

Pros of onedark.vim

  • More focused on Vim/Neovim integration, potentially offering better performance and compatibility
  • Closely mimics the Atom One Dark theme, providing a familiar experience for Atom users
  • Includes specific support for popular Vim plugins like airline and lightline

Cons of onedark.vim

  • Limited to Vim/Neovim environments, while Dracula Theme supports a wider range of applications
  • Less extensive color palette compared to Dracula Theme's rich and vibrant colors
  • Smaller community and fewer contributions due to its more specialized focus

Code Comparison

onedark.vim:

if !exists('g:onedark_hide_endofbuffer')
  let g:onedark_hide_endofbuffer = 0
endif

let g:onedark_termcolors = 256

Dracula Theme:

let g:dracula_colorterm = 0
let g:dracula_italic = 0

colorscheme dracula

Both themes offer easy customization options, but onedark.vim provides more granular control over specific Vim-related settings, while Dracula Theme focuses on broader application support and consistency across different platforms.

6,851

An arctic, north-bluish color palette.

Pros of Nord

  • More subdued and calming color palette, which may be easier on the eyes for long coding sessions
  • Extensive documentation and design guidelines for consistent implementation across various platforms
  • Larger number of official port repositories, offering wider out-of-the-box support for different applications

Cons of Nord

  • Less vibrant and eye-catching than Dracula, which might not appeal to users who prefer bolder themes
  • Fewer color variations within the palette, potentially limiting customization options
  • Slightly less active community contributions compared to Dracula

Code Comparison

Nord:

.nord-theme {
  background-color: #2E3440;
  color: #D8DEE9;
  highlight: #88C0D0;
}

Dracula:

.dracula-theme {
  background-color: #282A36;
  color: #F8F8F2;
  highlight: #FF79C6;
}

Both themes offer a dark background with light text, but Nord uses cooler, more muted tones compared to Dracula's warmer and more vivid colors. Nord's highlight color is a soft blue, while Dracula uses a bright pink, exemplifying the difference in their overall aesthetics.

1,894

Clean, vibrant and pleasing color schemes for Vim, Sublime Text, iTerm, gnome-terminal and more.

Pros of OneHalf

  • Offers both light and dark themes, providing more versatility
  • Simpler color palette, which may be less distracting for some users
  • Supports a wider range of editors and applications out of the box

Cons of OneHalf

  • Less active community and fewer contributions
  • Limited customization options compared to Dracula
  • Fewer language-specific optimizations

Code Comparison

OneHalf:

set background=dark
colorscheme onehalfdark
let g:airline_theme='onehalfdark'

Dracula:

set background=dark
colorscheme dracula
let g:airline_theme='dracula'

Both themes use similar syntax for implementation in Vim, with the main difference being the theme name. Dracula offers more specific color customizations for various elements, while OneHalf keeps it simpler with a more limited palette.

OneHalf provides a clean, minimalist aesthetic with both light and dark options, making it suitable for users who prefer a less vibrant look or need to switch between light and dark environments. Dracula, on the other hand, offers a richer, more vivid color scheme with extensive language support and a larger community, making it ideal for users who want a bold, consistent theme across multiple platforms and languages.

๐Ÿ™ A clean, dark Neovim theme written in Lua, with support for lsp, treesitter and lots of plugins. Includes additional themes for Kitty, Alacritty, iTerm and Fish.

Pros of tokyonight.nvim

  • Specifically designed for Neovim, offering deeper integration and optimization
  • Provides multiple style variants (storm, night, day, moon)
  • Includes built-in support for various plugins and language-specific highlighting

Cons of tokyonight.nvim

  • Limited to Neovim, while Dracula Theme supports a wider range of applications
  • May require more configuration for users new to Neovim themes
  • Less established community and ecosystem compared to Dracula Theme

Code Comparison

tokyonight.nvim:

require("tokyonight").setup({
  style = "storm",
  transparent = true,
  terminal_colors = true,
  styles = {
    comments = { italic = true },
    keywords = { italic = true },
    functions = {},
    variables = {},
  },
})

Dracula Theme:

colorscheme dracula
let g:dracula_italic = 1
let g:dracula_colorterm = 0
let g:dracula_bold = 1

Both themes offer customization options, but tokyonight.nvim provides a more structured Lua-based configuration, while Dracula Theme uses traditional Vim script variables for adjustments.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Dracula Theme

Dracula

The most famous theme ever created, available for Visual Studio Code, iTerm, Vim, Sublime Text, JetBrains, Terminal.app, Windows Terminal, Hyper, Alfred, Slack, Xcode, Emacs, Zsh, and 400+ more applications.

Install

Find installation instructions for your application at draculatheme.com. Search for your app or browse the full list of themes.

Color Palette (OSS)

Dracula

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

Alucard

PaletteHexRGBHSLColor Picker Boxes
Background#fffbeb255 251 23548ร‚ยฐ 100% 96%Background Color
Current Line#6c664b108 102 7549ร‚ยฐ 18% 36%Current Line Color
Selection#cfcfde207 207 222240ร‚ยฐ 18% 84%Selection Color
Foreground#1f1f1f31 31 310ร‚ยฐ 0% 12%Foreground Color
Comment#6c664b108 102 7549ร‚ยฐ 18% 36%Comment Color
Cyan#036a963 106 150198ร‚ยฐ 96% 30%Cyan Color
Green#14710a20 113 10114ร‚ยฐ 84% 24%Green Color
Orange#a34d14163 77 2024ร‚ยฐ 78% 36%Orange Color
Pink#a3144d163 20 77336ร‚ยฐ 78% 36%Pink Color
Purple#644ac9100 74 201252ร‚ยฐ 54% 54%Purple Color
Red#cb3a2a203 58 426ร‚ยฐ 66% 48%Red Color
Yellow#846e15132 110 2148ร‚ยฐ 73% 30%Yellow Color

For more details about how to apply these different colors to represent different code symbols, please see the Dracula Specification.

Contribute

Dracula Theme is an open-source project driven by and for the community. Most of 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.

    • Clone it or click "Use this template" on GitHub.
  2. Build your theme using the Color Palette 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.

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!

Accessibility W3C

The colors maintain a 4.5:1 contrast ratio, complying with WCAG 2.1 | Level AA.

Team

Dracula was created by Zeno Rocha and is maintained with the help of many contributors. Lucas de Franรƒยงa joined as co-maintainer in April 2022. Each theme has its maintainer listed in its repository's README.

Zeno RochaLucas de Franรƒยงa
Zeno RochaLucas de Franรƒยงa

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.

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

Credits

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

Changelog

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

License

MIT License ร‚ยฉ Dracula Theme

NPM DownloadsLast 30 Days