{"id":30040224,"url":"https://github.com/catppuccin/waybar","last_synced_at":"2025-08-07T01:57:52.954Z","repository":{"id":58643532,"uuid":"532897135","full_name":"catppuccin/waybar","owner":"catppuccin","description":"📏 Soothing pastel theme for Waybar","archived":false,"fork":false,"pushed_at":"2024-07-13T11:32:17.000Z","size":73,"stargazers_count":329,"open_issues_count":1,"forks_count":11,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-11-12T00:42:19.838Z","etag":null,"topics":["catppuccin","catppuccin-theme","hacktoberfest","theme","waybar"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/catppuccin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"catppuccin","open_collective":"catppuccin"}},"created_at":"2022-09-05T12:45:29.000Z","updated_at":"2024-11-10T16:00:19.000Z","dependencies_parsed_at":"2024-07-13T12:33:08.537Z","dependency_job_id":"be8e1c2a-b682-4bc4-b980-9f88643148ca","html_url":"https://github.com/catppuccin/waybar","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/catppuccin/waybar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fwaybar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fwaybar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fwaybar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fwaybar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/catppuccin","download_url":"https://codeload.github.com/catppuccin/waybar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fwaybar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269185774,"owners_count":24374634,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-06T02:00:09.910Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["catppuccin","catppuccin-theme","hacktoberfest","theme","waybar"],"created_at":"2025-08-07T01:57:22.287Z","updated_at":"2025-08-07T01:57:52.946Z","avatar_url":"https://github.com/catppuccin.png","language":"CSS","funding_links":["https://github.com/sponsors/catppuccin","https://opencollective.com/catppuccin"],"categories":[],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png\" width=\"100\" alt=\"Logo\"/\u003e\u003cbr/\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\tCatppuccin for \u003ca href=\"https://github.com/Alexays/Waybar\"\u003eWaybar\u003c/a\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://github.com/catppuccin/waybar/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/catppuccin/waybar?colorA=363a4f\u0026colorB=b7bdf8\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\t\u003ca href=\"https://github.com/catppuccin/waybar/issues\"\u003e\u003cimg src=\"https://img.shields.io/github/issues/catppuccin/waybar?colorA=363a4f\u0026colorB=f5a97f\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\t\u003ca href=\"https://github.com/catppuccin/waybar/contributors\"\u003e\u003cimg src=\"https://img.shields.io/github/contributors/catppuccin/waybar?colorA=363a4f\u0026colorB=a6da95\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/preview.webp\"/\u003e\n\u003c/p\u003e\n\n## Previews\n\n\u003cdetails\u003e\n\u003csummary\u003e🌻 Latte\u003c/summary\u003e\n\u003cimg src=\"assets/latte.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🪴 Frappé\u003c/summary\u003e\n\u003cimg src=\"assets/frappe.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌺 Macchiato\u003c/summary\u003e\n\u003cimg src=\"assets/macchiato.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌿 Mocha\u003c/summary\u003e\n\u003cimg src=\"assets/mocha.webp\"/\u003e\n\u003c/details\u003e\n\n## Usage\n\n1. Download the file with your desired flavor e.g. `mocha.css` (to be found in the [release](https://github.com/catppuccin/waybar/releases/latest) or after cloning the repository)\n2. Copy it into your waybar config e.g. `~/.config/waybar/`\n3. Include the file at the top of your `style.css`\n   ```css \n   @import \"\u003cflavor\u003e.css\";\n   ```\n4. Use the colors in your Waybar `style.css`. Waybar uses [GTK3 CSS](https://docs.gtk.org/gtk3/css-overview.html#colors).\n   ```css\n   * {\n     /* reference the color by using @color-name */\n     color: @text;\n   }\n  \n   window#waybar {\n     /* you can also GTK3 CSS functions! */\n     background-color: shade(@base, 0.9);\n     border: 2px solid alpha(@crust, 0.3);\n   }\n   ```\n\n## 🙋 FAQ\n\n-\tQ: **_\"Waybar doesn't work with the colors\"_**\\\n\tA: Make sure you included the file in the right place and you are using `@COLOR`\n- Q: **_\"How can I make the bar look like the preview image?\"_**\\\n  A: Here's [the waybar config](https://github.com/rubyowo/dotfiles/tree/f925cf8e3461420a21b6dc8b8ad1190107b0cc56/config/waybar) for the preview image.\n## 💝 Thanks to\n\n- [rubyowo](https://github.com/rubyowo)\n\n\u0026nbsp;\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\tCopyright \u0026copy; 2021-present \u003ca href=\"https://github.com/catppuccin\" target=\"_blank\"\u003eCatppuccin Org\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://github.com/catppuccin/catppuccin/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/static/v1.svg?style=for-the-badge\u0026label=License\u0026message=MIT\u0026logoColor=d9e0ee\u0026colorA=363a4f\u0026colorB=b7bdf8\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fwaybar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcatppuccin%2Fwaybar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fwaybar/lists"}