breez · erdemyerebasmaz · Mar 5, 2026 · Mar 5, 2026 · Mar 5, 2026 · Mar 5, 2026
diff --git a/index.html b/index.html
@@ -4,51 +4,51 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
-  
+
   <!-- PWA Meta Tags -->
-  <meta name="application-name" content="Glow" />
+  <meta name="application-name" content="%BRAND_NAME%" />
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-  <meta name="apple-mobile-web-app-title" content="Glow" />
+  <meta name="apple-mobile-web-app-title" content="%BRAND_NAME%" />
   <meta name="mobile-web-app-capable" content="yes" />
-  <meta name="theme-color" content="#0a0a0f" />
-  <meta name="msapplication-TileColor" content="#0a0a0f" />
+  <meta name="theme-color" content="%BRAND_BG%" />
+  <meta name="msapplication-TileColor" content="%BRAND_BG%" />
   <meta name="msapplication-tap-highlight" content="no" />
-  
+
   <!-- Description -->
-  <meta name="description" content="Lightning fast Bitcoin payments powered by Breez SDK" />
-  
+  <meta name="description" content="%BRAND_DESCRIPTION%" />
+
   <!-- Icons -->
-  <link rel="icon" type="image/png" href="/icons/Glow_favicon.png" />
-  <link rel="apple-touch-icon" href="/icons/Glow-icon-maskable-192.png" />
-  <link rel="mask-icon" href="/icons/Glow-icon-maskable-192.png" color="#0a0a0f" />
-  
+  <link rel="icon" type="image/png" href="/icons/favicon.png" />
+  <link rel="apple-touch-icon" href="/icons/icon-maskable-192.png" />
+  <link rel="mask-icon" href="/icons/icon-maskable-192.png" color="%BRAND_BG%" />
+
   <!-- Manifest -->
   <link rel="manifest" href="/manifest.json" />
-  
+
   <!-- Preload logo for instant sidebar rendering -->
-  <link rel="preload" href="/assets/Glow_Logo.png" as="image" />
-  
-  <title>Glow</title>
+  <link rel="preload" href="/assets/logo.png" as="image" />
+
+  <title>%BRAND_NAME%</title>
 
-  <!-- Fonts - Plus Jakarta Sans for premium UI, JetBrains Mono for numbers -->
+  <!-- Fonts -->
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
-  
+  <link href="%BRAND_FONTS_URL%" rel="stylesheet" />
+
   <!-- Initial loading styles -->
   <style>
     /* Prevent pull-to-refresh on iOS */
     html, body {
       overscroll-behavior-y: none;
-      background: #0a0a0f;
+      background: %BRAND_BG%;
     }
-    
+
     /* Initial splash screen - simple and clean */
     #splash {
       position: fixed;
       inset: 0;
-      background: #0a0a0f;
+      background: %BRAND_BG%;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -60,35 +60,35 @@
       opacity: 0;
       pointer-events: none;
     }
-    
+
     /* Elegant spinner */
     .splash-loader {
       width: 32px;
       height: 32px;
       position: relative;
     }
-    
+
     .splash-loader::before {
       content: '';
       position: absolute;
       inset: 0;
       border-radius: 50%;
       border: 2px solid transparent;
-      border-top-color: #d4a574;
-      border-right-color: rgba(212, 165, 116, 0.3);
+      border-top-color: %BRAND_PRIMARY%;
+      border-right-color: %BRAND_PRIMARY_30%;
       animation: spin 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite;
     }
-    
+
     .splash-loader::after {
       content: '';
       position: absolute;
       inset: 6px;
       border-radius: 50%;
       border: 1.5px solid transparent;
-      border-top-color: rgba(212, 165, 116, 0.6);
+      border-top-color: %BRAND_PRIMARY_60%;
       animation: spin 0.6s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite reverse;
     }
-    
+
     @keyframes spin {
       to { transform: rotate(360deg); }
     }
@@ -100,10 +100,10 @@
   <div id="splash">
     <div class="splash-loader"></div>
   </div>
-  
+
   <div id="root"></div>
   <script type="module" src="/src/main.tsx"></script>
-  
+
   <!-- Service Worker Registration -->
   <script>
     if ('serviceWorker' in navigator) {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,8 @@
     "test:coverage": "vitest run --coverage",
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui",
-    "test:e2e:debug": "playwright test --debug"
+    "test:e2e:debug": "playwright test --debug",
+    "brand:setup": "tsx scripts/brand-setup.ts"
   },
   "dependencies": {
     "@breeztech/breez-sdk-spark": "^0.12.1",
@@ -50,6 +51,7 @@
     "postcss": "^8.4.27",
     "sharp": "^0.34.5",
     "tailwindcss": "^3.3.3",
+    "tsx": "^4.21.0",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
     "vite-plugin-node-polyfills": "^0.23.0",

diff --git a/public/assets/Glow_Logo.png → public/assets/logo.png b/public/assets/Glow_Logo.png → public/assets/logo.png
diff --git a/public/icons/Glow-icon-192.png b/public/icons/Glow-icon-192.png
diff --git a/public/icons/Glow-icon-512.png b/public/icons/Glow-icon-512.png
diff --git a/public/icons/Glow-icon-maskable-192.png b/public/icons/Glow-icon-maskable-192.png
diff --git a/public/icons/Glow-icon-maskable-512.png b/public/icons/Glow-icon-maskable-512.png
diff --git a/public/icons/Glow_favicon.png b/public/icons/Glow_favicon.png
diff --git a/public/icons/favicon.png b/public/icons/favicon.png
diff --git a/public/icons/icon-192.png b/public/icons/icon-192.png
diff --git a/public/icons/icon-512.png b/public/icons/icon-512.png
diff --git a/public/icons/icon-maskable-192.png b/public/icons/icon-maskable-192.png
diff --git a/public/icons/icon-maskable-512.png b/public/icons/icon-maskable-512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -8,34 +8,37 @@
   "background_color": "#0a0a0f",
   "theme_color": "#0a0a0f",
   "orientation": "portrait-primary",
-  "categories": ["finance", "utilities"],
+  "categories": [
+    "finance",
+    "utilities"
+  ],
   "icons": [
     {
-      "src": "/icons/Glow-icon-192.png",
+      "src": "/icons/icon-192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/icons/Glow-icon-512.png",
+      "src": "/icons/icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "/icons/Glow-icon-maskable-192.png",
+      "src": "/icons/icon-maskable-192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/icons/Glow-icon-maskable-512.png",
+      "src": "/icons/icon-maskable-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/icons/Glow_favicon.png",
+      "src": "/icons/favicon.png",
       "sizes": "32x32",
       "type": "image/png"
     }

diff --git a/public/sw.js b/public/sw.js
@@ -1,15 +1,15 @@
-// Glow Service Worker
-const CACHE_NAME = 'glow-v15';
+// Service Worker
+const CACHE_NAME = 'glow-cache';
 const STATIC_ASSETS = [
   '/',
   '/index.html',
   '/manifest.json',
-  '/icons/Glow_favicon.png',
-  '/icons/Glow-icon-192.png',
-  '/icons/Glow-icon-512.png',
-  '/icons/Glow-icon-maskable-192.png',
-  '/icons/Glow-icon-maskable-512.png',
-  '/assets/Glow_Logo.png',
+  '/icons/favicon.png',
+  '/icons/icon-192.png',
+  '/icons/icon-512.png',
+  '/icons/icon-maskable-192.png',
+  '/icons/icon-maskable-512.png',
+  '/assets/logo.png',
   '/assets/logo-breez-header.svg',
 ];