Dracula Icon

Waybar

Dracula Theme for Waybar

waybar - Theme Preview

§waybar

§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.