dotfiles/.config/waybar/base16-waybar

base16-waybar

base16 template for waybar.

This repository is meant to work with base16 from Tinted Theming. It provides a hook and template that can be used dynamically load base16 color schemes in waybar.

This project works alongside base16-sway and relies on the hook function to send the message to Sway to reload its configuration file which in turn will restart waybar.

Installation

Clone the repository:

git clone https://github.com/freddiehaddad/base16-waybar.git ~/.config/base16-waybar

Copy the hook to your base16-shell hooks directory:

cp ~/.config/base16-waybar/hooks/10-waybar.sh ~/.config/base16-shell/hooks

Add to the top of your style.css file import to the color scheme:

@import "scheme.css";

You can now reference the colors through the file:

#waybar {
  background-color: @base00;
  border-bottom: 2px solid @base01;
  color: @base05;
}

In your sway configuration, configure waybar as follows:

exec_always "kill $(pgrep waybar); waybar"

Re-run your base16 theme to execute the hook:

base16_tokyo-night-dark

Verify the hook created the symbolic link to the correct template:

~/.config/waybar/scheme.css ⇒ /home/.../.config/base16-waybar/colors/base16-tokyo-night-dark.css

Other

Original repo