From 8f5dd3814ecbd228cefb35e1694c1b5b98ebcd58 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 14 Nov 2025 00:57:39 +0000
Subject: [PATCH] Apply Kurdistan colors to Pezkuwi SDK UI branding

Changes:
- Update Pezkuwi endpoint color to Kurdistan Green (Kesk: #00A94F)
- Document complete Kurdistan color palette in README:
  * Kesk (Green): #00A94F - Primary color
  * Sor (Red): #EE2A35 - Accent color
  * Zer (Gold): #FFD700 - Secondary accent
  * Spi (White): #FFFFFF - Backgrounds
  * Black: #000000 - Text
- Add comprehensive logo update instructions
- Add TODO comment for logo replacement after build:images

Next step: Replace pezkuwichain_logo.png and run yarn build:images
---
 pezkuwi-sdk-ui/README.md                      | 61 +++++++++++++++----
 .../apps-config/src/endpoints/production.ts   |  4 +-
 2 files changed, 50 insertions(+), 15 deletions(-)

diff --git a/pezkuwi-sdk-ui/README.md b/pezkuwi-sdk-ui/README.md
index 608fac61..13aac41d 100644
--- a/pezkuwi-sdk-ui/README.md
+++ b/pezkuwi-sdk-ui/README.md
@@ -76,7 +76,54 @@ The Pezkuwi network is configured in:
 - **Endpoint:** `wss://pezkuwichain.app:9944`
 - **Chain Info:** `info: 'pezkuwi'`
 
-## 🎨 Customization
+## 🎨 Branding & Customization
+
+### Kurdistan Color Palette
+
+Pezkuwi SDK UI uses the Kurdistan flag colors:
+
+| Color Name | Hex Code | Usage |
+|------------|----------|-------|
+| **Kesk** (Green) | `#00A94F` | Primary color, main UI elements |
+| **Sor** (Red) | `#EE2A35` | Accent color, alerts, important actions |
+| **Zer** (Gold/Yellow) | `#FFD700` | Secondary accent, highlights |
+| **Spi** (White) | `#FFFFFF` | Backgrounds, cards |
+| **Black** | `#000000` | Text, borders |
+
+The primary brand color (Kesk Green `#00A94F`) is used in:
+- Chain endpoint configuration (`packages/apps-config/src/endpoints/production.ts`)
+- UI theme elements
+- Primary buttons and active states
+
+### Updating the Pezkuwi Logo
+
+**Current Status:** Using placeholder logo
+
+**To update:**
+
+1. **Replace the logo file:**
+   ```bash
+   # Copy your logo to the chains directory
+   cp /path/to/pezkuwichain_logo.png packages/apps-config/src/ui/logos/chains/pezkuwi.png
+   ```
+
+2. **Run the image conversion script:**
+   ```bash
+   yarn run build:images
+   ```
+   This generates TypeScript exports in `packages/apps-config/src/ui/logos/chains/generated/`
+
+3. **Update the endpoint configuration:**
+   Edit `packages/apps-config/src/endpoints/production.ts`:
+   ```typescript
+   import { chainsPezkuwiPNG } from '../ui/logos/chains/index.js';
+
+   // In the Pezkuwi endpoint config:
+   ui: {
+     color: '#00A94F',
+     logo: chainsPezkuwiPNG  // Changed from chainsPolkadotCircleSVG
+   }
+   ```
 
 ### Adding Custom Chain Types
 
@@ -85,18 +132,6 @@ If Pezkuwi uses custom types, add them to:
 packages/apps-config/src/api/spec/pezkuwi.ts
 ```
 
-### Updating Logos
-
-Logos are located in:
-```
-packages/apps-config/src/ui/logos/
-```
-
-Run the image conversion script after adding new logos:
-```bash
-yarn run build:images
-```
-
 ## 🧪 Testing
 
 ```bash
diff --git a/pezkuwi-sdk-ui/packages/apps-config/src/endpoints/production.ts b/pezkuwi-sdk-ui/packages/apps-config/src/endpoints/production.ts
index d7a6751f..590b67ca 100644
--- a/pezkuwi-sdk-ui/packages/apps-config/src/endpoints/production.ts
+++ b/pezkuwi-sdk-ui/packages/apps-config/src/endpoints/production.ts
@@ -490,8 +490,8 @@ export const prodChains: Omit<EndpointOption, 'teleport'>[] = [
     },
     text: 'Pezkuwi',
     ui: {
-      color: '#D4AF37',
-      logo: chainsPolkadotCircleSVG
+      color: '#00A94F', // Kurdistan Green (Kesk)
+      logo: chainsPolkadotCircleSVG // TODO: Replace with chainsPezkuwiPNG after running build:images
     }
   },
   {