Convert Figma logo to code with AI

dracula logodracula-theme

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

22,603
2,294
22,603
14

Top Related Projects

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

13,749

Retro groove color scheme for Vim

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

6,069

An arctic, north-bluish color palette.

1,786

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.

13,749

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,069

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,786

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

A dark theme for VsCode, Alfred, Emacs, Highlight.js, Hyper, iTerm, JetBrains, Pygments, Slack, Sublime Text, TextMate, Terminal.app, Vim, Xcode, Zsh, and many more.

Install

All instructions can be found at draculatheme.com.

Color Palette

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

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

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.
  2. Build the new theme using the Color Palette above.
  3. Finally, submit an issue 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

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

The Dracula Theme Team

Dracula is a project created by Zeno Rocha 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 officially joined the team, and you can read more here.

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

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 for all of our repositories.

Community

  • Twitter - Best for getting updates about themes and new stuff.
  • GitHub - Best for asking questions and discussing issues.
  • Discord - 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

Credits

Changelog

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

License

MIT License ร‚ยฉ Dracula Theme

NPM DownloadsLast 30 Days