{"id":29125898,"url":"https://github.com/kylekce/neobrutal-zebar","last_synced_at":"2026-04-08T18:01:57.358Z","repository":{"id":301735652,"uuid":"1007749634","full_name":"kylekce/neobrutal-zebar","owner":"kylekce","description":"Personal fork of Neobrutal Zebar - A beautiful Svelte-based neobrutalism styled taskbar for Zebar with themes, animations, and system monitoring.","archived":false,"fork":false,"pushed_at":"2025-06-30T05:57:59.000Z","size":9293,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-09T02:29:32.968Z","etag":null,"topics":["brutal-design","desktop-customization","glazewm","neobrutal","personal-fork","status-bar","svelte","system-monitor","tailwindcss","taskbar","theming","typescript","ui-components","windows","zebar"],"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/kylekce.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,"zenodo":null}},"created_at":"2025-06-24T13:22:37.000Z","updated_at":"2025-09-08T14:44:12.000Z","dependencies_parsed_at":"2025-06-28T14:34:14.808Z","dependency_job_id":"6b792226-7edc-4287-a940-07631e7d5c5f","html_url":"https://github.com/kylekce/neobrutal-zebar","commit_stats":null,"previous_names":["kylekce/neobrutal-zebar"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/kylekce/neobrutal-zebar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylekce%2Fneobrutal-zebar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylekce%2Fneobrutal-zebar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylekce%2Fneobrutal-zebar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylekce%2Fneobrutal-zebar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kylekce","download_url":"https://codeload.github.com/kylekce/neobrutal-zebar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylekce%2Fneobrutal-zebar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31567227,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["brutal-design","desktop-customization","glazewm","neobrutal","personal-fork","status-bar","svelte","system-monitor","tailwindcss","taskbar","theming","typescript","ui-components","windows","zebar"],"created_at":"2025-06-29T22:04:32.162Z","updated_at":"2026-04-08T18:01:57.334Z","avatar_url":"https://github.com/kylekce.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🟦 Neobrutal [Zebar](https://github.com/glzr-io/zebar) - Personal Fork\n\nA personal modified version of the Neobrutal Zebar configuration for Zebar, built in Svelte with Tailwind. Since the original creator did an amazing job, I wanted to continue developing it with new Zebar features and ideas!\n\n\u003e [!NOTE]\n\u003e \n\u003e This is a personal fork of [adriankarlen/neobrutal-zebar](https://github.com/adriankarlen/neobrutal-zebar), which has been archived. This version includes my own modifications and improvements to the original design. I plan to continue developing this project with new features, improvements, and support for the latest Zebar capabilities.\n\n## ✨ Features\n\n- Process icons for current workspace, with current focus indicator.\n- System information meters, with shutdown and restart buttons.\n- Media display for browser and music player.\n- Animations like process focus, workspace switching, and marquee scrolling.\n- Dynamic coloring.\n- Configuration using CSS-variables.\n\n\u003e [!IMPORTANT]\n\u003e\n\u003e This configuration is in early development! Contributions are very welcome, especially:\n\u003e - **Process icon mappings** - Help expand the icon map for better app recognition\n\u003e - **Media display improvements** - Better browser and music player compatibility  \n\u003e - **New Zebar features** - Integration of latest Zebar capabilities\n\u003e - **Theme contributions** - New color schemes and visual styles\n\u003e - **Bug reports and feature requests** - Help make this better for everyone!\n\u003e \n\u003e The original creator did incredible work, and I want to keep that spirit alive. If you have any issues, ideas, or want to contribute, please open an issue or PR on the GitHub repository!\n\n## 🖼️ Showcase\n\n### My Personal Setup\n\n![image](misc/own-setup.png)\n\n### Original Examples\n\n![image](misc/fullscreen.png)\n![image](misc/catppuccin.png)\n\n## 🚀 Getting started\n\n\u003e [!NOTE]\n\u003e If you are using window scaling in windows, you might need to edit\n\u003e `bar.zebar.json` to get a correct height (default is `60px`).\n\n### Installation\n\n#### Prerequisites\n\n- **[Zebar](https://github.com/glzr-io/zebar)** - The desktop widget framework this configuration is built for\n- **[GlazeWM](https://github.com/glzr-io/glazewm)** - The tiling window manager (required for workspace and window management features)\n- **Package manager/runtime** of your choice (`npm` (recommended), `pnpm`, `yarn`, etc). This fork uses\n  `npm` for package management.\n\n#### Instructions\n\n1. Download or clone this repo into your zebar configuration directory\n2. Edit your Zebar `settings.json` to point to the neobrutal directory + `/build/index.html`. Example: `neobrutal-zebar/build/index.html`\n3. Navigate to the root dir of neobrutal-zebar.\n4. Run a install command for your selected package manager.\n   ```bash\n   npm install\n   ```\n5. Make any edits you want (see [Themes](#Themes) and [Recipies](#Recipies) )\n6. Build the project\n   ```bash\n   npm run build\n   ```\n7. Launch Zebar\n\nIn `config.css` there exists a lot of configuration available to tweak.\n\n## ⚙️ Additional Configuration\n\n\u003e [!IMPORTANT]\n\u003e **Power Controls Setup**: The shutdown and restart buttons require additional configuration in your GlazeWM settings to work properly.\n\nAdd the following to your GlazeWM `config.yaml` file:\n\n```yaml\ngeneral:\n  # ...existing config...\n  shell_exec:\n    # Allow shell execution for power controls\n    enabled: true\n```\n\nOr alternatively, you can add custom keybindings to your GlazeWM config:\n\n```yaml\nkeybindings:\n  # ...existing keybindings...\n  \n  # Power controls\n  - command: \"shell-exec shutdown /s /t 0\"\n    bindings: [\"Alt+F4\"]\n  - command: \"shell-exec shutdown /r /t 0\"  \n    bindings: [\"Alt+Shift+F4\"]\n```\n\nWithout this configuration, the power buttons in the bar will not function.\n\n## 🎨 Themes\n\nNeobrutal currently ships with 4 different themes, Rosé Pine, Catppuccin, Nord\nand Material. Below follows some examples.\n\n### 🌷Rosé Pine (default)\n\nUtilizes [Rosé Pine Palette](https://rosepinetheme.com/palette), a soothing and elegant color scheme.\n\n\u003cdetails\u003e\n\u003csummary\u003eExample config\u003c/summary\u003e\n\n##### config.css\n\n```css\n/* colors */\n  --text: var(--rp-text);\n  --bg: var(--rp-overlay);\n  --border: var(--rp-highlight-low);\n  --shadow: var(--rp-highlight-low);\n  --power: var(--rp-love);\n  --restart: var(--rp-foam);\n  --memory: var(--rp-iris);\n  --memory-medium: var(--rp-gold);\n  --memory-high: var(--rp-love);\n  --cpu: var(--rp-rose);\n  --cpu-high-usage: var(--rp-love);\n  --battery-good: var(--rp-pine);\n  --battery-mid: var(--rp-gold);\n  --battery-low: var(--rp-love);\n  --volume-muted: var(--rp-foam);\n  --volume-low: var(--rp-iris);\n  --volume-medium: var(--rp-pine);\n  --volume-high: var(--rp-rose);\n  --focused-process: var(--rp-text);\n  --process: var(--rp-muted);\n  --displayed: var(--rp-text);\n  --ws-1: var(--rp-gold);\n  --ws-2: var(--rp-love);\n  --ws-3: var(--rp-pine);\n  --ws-4: var(--rp-foam);\n  --ws-5: var(--rp-iris);\n  --tiling-direction: var(--rp-rose);\n  --add-workspace: var(--rp-foam);\n  --not-playing: var(--rp-love);\n  --now-playing: var(--rp-pine);\n```\n\n\u003c/details\u003e\n\n### 😸 Catppuccin\n\nUtilizes [Catppuccin Palette](https://github.com/catppuccin/palette/blob/main/docs/css.md), configure css variables accoriding to your liking.\n\n### ❄️ Nord\n\nUtilizes [Nord Theme](https://www.nordtheme.com/) color palette, providing a cool arctic aesthetic.\n\n### 🎨 Material Design\n\nBased on [Material Design Color System](https://m2.material.io/design/color/), offering vibrant and accessible colors.\n\n## 🍳 Recipies\n\n\u003cdetails\u003e\n\u003csummary\u003eSoft Brutal\u003c/summary\u003e\n\n```css\n--radius: 9999px;\n```\n\n\u003cimg src=\"misc/brutal-soft.png\" /\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eRound bars without shadow\u003c/summary\u003e\n\n```css\n--border-size: 1px;\n--radius: 9999px;\n--shadow-size-bar: 0px;\n--shadow-size-button: 0px;\n```\n\n\u003cimg src=\"misc/non-brutal.png\" /\u003e\n\u003c/details\u003e\n\n## 📜 License\n\nThis project is licensed under the MIT License - see the\n[LICENSE](LICENSE) file\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylekce%2Fneobrutal-zebar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkylekce%2Fneobrutal-zebar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylekce%2Fneobrutal-zebar/lists"}