### Install Zebar with Bun

Source: https://github.com/adriankarlen/neobrutal-zebar/blob/main/README.md

Demonstrates the command to install project dependencies using Bun, a recommended package manager for this project. This is a crucial step for building the project from source.

```bash
bun install
```

--------------------------------

### Catppuccin Theme Configuration

Source: https://github.com/adriankarlen/neobrutal-zebar/blob/main/README.md

An example CSS configuration for the Catppuccin theme, including color variables and styling properties. It also shows a Svelte component modification for theme-specific icon changes.

```css
/* border */
--radius: 9999px;

/* shadow */
--shadow-size-bar: 0;
--shadow-size-button: 0;

/* colors */
--text: var(--ctp-mocha-text);
--bg: var(--ctp-mocha-surface0);
--border: var(--ctp-mocha-crust);
--border-button: var(--ctp-mocha-crust);
--shadow: var(--ctp-mocha-mantle);
--icon: var(--ctp-mocha-red);
--memory: var(--ctp-mocha-mauve);
--cpu: var(--ctp-mocha-pink);
--cpu-high-usage: var(--ctp-mocha-red);
--battery-good: var(--ctp-mocha-green);
--battery-mid: var(--ctp-mocha-peach);
--battery-low: var(--ctp-mocha-red);
--focused-process: var(--ctp-mocha-text);
--process: var(--ctp-mocha-surface2);
--displayed: var(--ctp-mocha-text);
--ws-1: var(--ctp-mocha-peach);
--ws-2: var(--ctp-mocha-red);
--ws-3: var(--ctp-mocha-green);
--ws-4: var(--ctp-mocha-blue);
--ws-5: var(--ctp-mocha-mauve);
--tiling-direction: var(--ctp-mocha-lavender);
--not-playing: var(
--ctp-mocha-red);
--now-playing: var(--ctp-mocha-green);
--network: var(--ctp-mocha-text);
--weather: var(--ctp-mocha-text);
```

```svelte
<!-- replace this line -->
<Button class="text-zb-icon" iconClass="heart-filled" />
<!-- with this line -->
<Button class="text-zb-icon" iconClass="cat" />
```

--------------------------------

### Rosé Pine Theme Configuration

Source: https://github.com/adriankarlen/neobrutal-zebar/blob/main/README.md

Provides an example CSS configuration for the Rosé Pine theme. It defines various CSS variables for colors, borders, and shadows to style the Zebar interface.

```css
/* colors */
--text: var(--rp-text);
--bg: var(--rp-overlay);
--border: var(--rp-highlight-low);
--shadow: var(--rp-highlight-low);
--icon: var(--rp-love);
--memory: var(--rp-iris);
--cpu: var(--rp-rose);
--cpu-high-usage: var(--rp-love);
--battery-good: var(--rp-pine);
--battery-mid: var(--rp-gold);
--battery-low: var(--rp-love);
--focused-process: var(--rp-text);
--process: var(--rp-muted);
--displayed: var(--rp-text);
--ws-1: var(--rp-gold);
--ws-2: var(--rp-love);
--ws-3: var(--rp-pine);
--ws-4: var(--rp-foam);
--ws-5: var(--rp-iris);
--tiling-direction: var(--rp-rose);
--not-playing: var(--rp-love);
--now-playing: var(--rp-pine);
--network: var(--rp-text);
--weather: var(--rp-text);
```

--------------------------------

### Build Zebar Project

Source: https://github.com/adriankarlen/neobrutal-zebar/blob/main/README.md

Shows the command to build the Svelte project for Zebar. This command compiles the Svelte components and assets into a deployable format.

```bash
bun run build
```

--------------------------------

### Soft Brutal CSS Recipe

Source: https://github.com/adriankarlen/neobrutal-zebar/blob/main/README.md

This CSS snippet defines variables for creating a 'Soft Brutal' design aesthetic. It primarily sets a very large border-radius to achieve rounded elements.

```css
--radius: 9999px;
```

--------------------------------

### Round Bars Without Shadow CSS Recipe

Source: https://github.com/adriankarlen/neobrutal-zebar/blob/main/README.md

This CSS snippet defines variables for creating rounded bars without any shadow effect. It sets a large border-radius and zero values for shadow sizes.

```css
--border-size: 1px;
--radius: 9999px;
--shadow-size-bar: 0px;
--shadow-size-button: 0px;
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.