Dark theme for Waybar and 341+ apps


Waybar Theme Preview



Install using Git

If you are a git user, you can install the theme and keep up to date by cloning the repo:

git clone https://github.com/dracula/waybar.git

Install manually

Download using the GitHub .zip download option and unzip them.

Activating theme

If you only want dracula color palette:

  1. cp waybar/colors.css ~/.config/waybar/
  2. and in your style.css, add
@import url("./colors.css");
/* example usage */
window#waybar {
background: @background;
color: @purple;
/* or cyan, green, orange, pink, red, yellow, foreground, background-darker etc. */

Or, if you want waybar to look exactly like the screenshot:

cp -rv waybar ~/.config/

Font is Iosevka, icons obsidian. Change CITY to your city/town/country in ~/.config/waybar/wittr.sh if you want weather documentation source. Make adjustments in the config to your liking, ie. s/hyprland/sway/g.

Stay up to date

Get updates about this theme and more. 7,266 people enjoy it.


This theme wouldn't exist without these people. Wanna help too? Check the repository on GitHub.

  • milkknife
Edit this documentation on GitHub.

Made with by Zeno Rocha
under MIT license