dots/chezmoi/dot_config/waybar/themes/catppuccin at 36522abd57c008fa19f266b0a9c485b723aa7060 - alecodes/dots

History

aleidk 224c7ed45c Migrate to chezmoi Move config files from config to chezmoi Add script to auto install packages with DNF and Cargo		2024-03-01 20:26:02 -03:00
..
assets	Migrate to chezmoi	2024-03-01 20:26:02 -03:00
themes	Migrate to chezmoi	2024-03-01 20:26:02 -03:00
dot_catppuccin.yaml	Migrate to chezmoi	2024-03-01 20:26:02 -03:00
dot_editorconfig	Migrate to chezmoi	2024-03-01 20:26:02 -03:00
dot_git	Migrate to chezmoi	2024-03-01 20:26:02 -03:00
LICENSE	Migrate to chezmoi	2024-03-01 20:26:02 -03:00
README.md	Migrate to chezmoi	2024-03-01 20:26:02 -03:00

README.md

Catppuccin for Waybar

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

Download the file with your desired flavor e.g. mocha.css (to be found in the release or after cloning the repository)
Copy it into your waybar config e.g. ~/.config/waybar/
Include the file at the top of your style.css
```
@import "<flavor>.css";
```

Use the colors in your Waybar style.css. Waybar uses GTK3 CSS.

* {
  /* reference the color by using @color-name */
  color: @text;
}

window#waybar {
  /* you can also GTK3 CSS functions! */
  background-color: shade(@base, 0.9);
  border: 2px solid alpha(@crust, 0.3);
}

🙋 FAQ

Q: "Waybar doesn't work with the colors"
A: Make sure you included the file in the right place and you are using @COLOR

💝 Thanks to

rubyowo