DEV Community

Cover image for Consistent Developer Journey with Dracula πŸ§›β€β™‚οΈ
Boris Jamot ✊ /
Boris Jamot ✊ /

Posted on • Originally published at mamyn0va.github.io

Consistent Developer Journey with Dracula πŸ§›β€β™‚οΈ

Recently, I've customized all my favorite apps with Dracula theme. As the Dracula team does a great job, I quickly found themes for the following apps:

  • VSCode
  • Intellij
  • Vim

There are also many Dracula themes for Firefox. I choose Klorax' one.

Then, I wanted to go further and have the same journey in my terminal emulator. Fortunately, the deepin-terminal comes with a lot of bundled themes, including Dracula.

But as a Tmux user, I was a bit frustrated as the status line I used had nothing to do with Dracula. And there was no Dracula theme for Tmux. So I created one:

GitHub logo mamyn0va / tmux-dracula

πŸ”₯ Awesome .tmux.conf configuration file with Dracula theme πŸ§›β€β™‚οΈ and task support.

tmux-dracula

Self-contained, pretty and versatile .tmux.conf configuration file with Dracula theme and task support.

Screenshot

Installation

Requirements:

  • tmux >= 2.1 running inside Linux, Mac, OpenBSD, Cygwin or WSL (Bash on Ubuntu on Windows)
  • taskwarrior
  • outside of tmux, $TERM must be set to xterm-256color

To install, run the following from your terminal: (you may want to backup your existing ~/.tmux.conf first)

$ cd
$ git clone git@github.com:mamyn0va/tmux-dracula.git .tmux
$ ln -s -f .tmux/.tmux.conf
$ cp .tmux/.tmux.conf.local
$ git clone https://github.com/tmux-plugins/tpm ~/.tmux/plugins/tpm

Then reload your tmux conf:

$ tmux source ~/.tmux.conf

Then install the required plugins by pressing prefix + I (capital i, as in Install) to fetch the plugins using tpm.

Finally proceed to customize your ~/.tmux.conf.local copy.

If you're a Vim user, setting the $EDITOR environment variable to vim will enable and further customize the vi-style key bindings (see tmux manual).

If you're new to tmux, I recommend…

In fact, I just forked the awesome Tmux conf from gpakosz and I changed the colors according to the color palette of Dracula.

Et voilΓ !

screenshot

The shell in the screenshot is fish with SpaceFish prompt.

If you're looking to have the same look and feel when listing your folders (ls, ll or lla), I created a Dracula theme for colorls which is a drop-in replacement for ls unix command.

And you're done!

Top comments (3)

Collapse
 
somedood profile image
Basti Ortiz

This theme has always been a nice one for me, but I gotta stick with Atom's One Dark, man... I fell in love with it as soon as I saw it. It reached a point that the first thing I ever did when I installed VS Code was install the One Dark theme.

Nonetheless, great job! It's a pretty dang clean theme if you'd ask me. πŸ‘ŒπŸ‘ŒπŸ‘Œ

Collapse
 
biros profile image
Boris Jamot ✊ /

I'm not sure to keep Dracula πŸ§›β€β™‚οΈ theme for a very long time but I like having a consistent developer journey. Hopefully dracula is very popular and thus have themes for many, many apps. That's why I choose it.
Right now I'm trying to customize my i3wm, with dracula theme but I have to do it from scratch. It's a lot of work.

Collapse
 
somedood profile image
Basti Ortiz

Honestly, the theme is really good. I doubt it would fail to be "very popular" anyway. I think you can rest assured in that regard.