🤖 Add cmux logo (#153)

Adds the official cmux logo to the project.

**Changes:**
- Converted logo to webp format (1024x1024, 13KB) for documentation
- Added centered logo to README header
- Added logo to docs introduction page  
- Generated Electron app icons:
  - macOS: `build/icon.icns` with all required resolutions
  - Linux: `build/icon.png` (512x512)
- Updated `.gitignore` to track icon files

The logo now appears in:
- GitHub README
- User documentation (https://cmux.io)
- Electron app on macOS and Linux

_Generated with `cmux`_

Author: ammar-agent

.github/workflows/build.yml

@@ -22,6 +22,9 @@ jobs:
       - name: Install dependencies
         run: bun install --frozen-lockfile
 
+      - name: Install ImageMagick
+        run: brew install imagemagick
+
       - name: Build application
         run: bun run build
 
@@ -79,6 +82,9 @@ jobs:
       - name: Install dependencies
         run: bun install --frozen-lockfile
 
+      - name: Install ImageMagick
+        run: sudo apt-get update && sudo apt-get install -y imagemagick
+
       - name: Build application
         run: bun run build
 

.gitignore

@@ -59,6 +59,8 @@ dist
 
 # Electron build output
 release
+build/
+!build/entitlements.mac.plist
 
 # Documentation
 ai-sdk-docs/

Makefile

@@ -19,7 +19,7 @@
 #   Add `## Description` after the target to make it appear in `make help`
 
 .PHONY: all build dev start clean help
-.PHONY: build-renderer version
+.PHONY: build-renderer version build-icons
 .PHONY: lint lint-fix fmt fmt-check fmt-shell fmt-nix fmt-nix-check fmt-shell-check typecheck static-check
 .PHONY: test test-unit test-integration test-watch test-coverage test-e2e
 .PHONY: dist dist-mac dist-win dist-linux
@@ -57,7 +57,7 @@ start: build-main build-preload ## Build and start Electron app
 	@bun x electron --remote-debugging-port=9222 .
 
 ## Build targets (can run in parallel)
-build: ensure-deps src/version.ts build-renderer build-main build-preload ## Build all targets
+build: ensure-deps src/version.ts build-renderer build-main build-preload build-icons ## Build all targets
 
 build-main: ensure-deps dist/main.js ## Build main process
 
@@ -87,6 +87,34 @@ version: ## Generate version file
 
 src/version.ts: version
 
+# Platform-specific icon targets
+ifeq ($(shell uname), Darwin)
+build-icons: build/icon.icns build/icon.png ## Generate Electron app icons from logo (macOS builds both)
+else
+build-icons: build/icon.png ## Generate Electron app icons from logo (Linux builds PNG only)
+endif
+
+# Detect ImageMagick command (magick on v7+, convert on older versions)
+MAGICK_CMD := $(shell command -v magick 2>/dev/null || command -v convert 2>/dev/null || echo "magick")
+
+build/icon.png: docs/img/logo.webp
+	@echo "Generating Linux icon..."
+	@mkdir -p build
+	@$(MAGICK_CMD) docs/img/logo.webp -resize 512x512 build/icon.png
+
+build/icon.icns: docs/img/logo.webp
+	@echo "Generating macOS icon..."
+	@mkdir -p build/icon.iconset
+	@for size in 16 32 64 128 256 512; do \
+		$(MAGICK_CMD) docs/img/logo.webp -resize $${size}x$${size} build/icon.iconset/icon_$${size}x$${size}.png; \
+		if [ $$size -le 256 ]; then \
+			double=$$((size * 2)); \
+			$(MAGICK_CMD) docs/img/logo.webp -resize $${double}x$${double} build/icon.iconset/icon_$${size}x$${size}@2x.png; \
+		fi; \
+	done
+	@iconutil -c icns build/icon.iconset -o build/icon.icns
+	@rm -rf build/icon.iconset
+
 ## Quality checks (can run in parallel)
 static-check: lint typecheck fmt-check ## Run all static checks
 
@@ -162,7 +190,7 @@ docs-watch: ## Watch and rebuild documentation
 ## Clean
 clean: ## Clean build artifacts
 	@echo "Cleaning build artifacts..."
-	@rm -rf dist release
+	@rm -rf dist release build/icon.icns build/icon.png
 	@echo "Done!"
 
 # Parallel build optimization - these can run concurrently

README.md

@@ -1,8 +1,14 @@
+<div align="center">
+
+<img src="docs/img/logo.webp" alt="cmux logo" width="15%" />
+
 # cmux - coding agent multiplexer
 
 [![CI](https://github.com/coder/cmux/actions/workflows/ci.yml/badge.svg)](https://github.com/coder/cmux/actions/workflows/ci.yml)
 [![Build](https://github.com/coder/cmux/actions/workflows/build.yml/badge.svg)](https://github.com/coder/cmux/actions/workflows/build.yml)
 
+</div>
+
 ![cmux product screenshot](docs/img/product-hero.webp)
 
 A cross-platform desktop application for parallel agentic development.

docs/book.toml

@@ -20,6 +20,7 @@ additional-js = ["mermaid.min.js", "mermaid-init.js"]
 additional-css = ["theme/custom.css"]
 default-theme = "navy"
 preferred-dark-theme = "navy"
+favicon = "theme/favicon.webp"
 
 [output.html.fold]
 enable = true

docs/img/logo.webp

@@ -9,8 +9,8 @@
 
 :root {
   /* Core tokens mirrored from src/styles/colors.tsx */
-  --color-background: hsl(0 0% 12%);
-  --color-background-secondary: hsl(60 1% 15%);
+  --color-background: hsl(0deg 2.51% 10.04%);
+  --color-background-secondary: hsl(0deg 0% 0%);
   --color-border: hsl(240 2% 25%);
   --color-text: hsl(0 0% 83%);
   --color-text-secondary: hsl(0 0% 42%);
@@ -373,3 +373,16 @@ details[open] > summary::before {
     animation: none !important;
   }
 }
+
+/* Add logo before menu title */
+.menu-title::before {
+  content: "";
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+  margin-right: 8px;
+  vertical-align: middle;
+  background-image: url("../img/logo.webp");
+  background-size: contain;
+  background-repeat: no-repeat;
+}