@hmduc16031996/claude-mb-bridge 2.4.1 → 2.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmduc16031996/claude-mb-bridge",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "Bridge between Claude Code CLI and your mobile app via WebView",
   "type": "module",
   "main": "dist/index.js",

package/public/app.js

@@ -507,12 +507,12 @@ class ClaudeRemote {
       letterSpacing: 0,
       lineHeight: 1.2,
       theme: {
-        background: '#0d1117',
-        foreground: '#f0f6fc',
+        background: '#1a1a1a',
+        foreground: '#f5f5f5',
         cursor: '#f0a500',
-        cursorAccent: '#0d1117',
+        cursorAccent: '#1a1a1a',
         selectionBackground: 'rgba(240, 165, 0, 0.25)',
-        selectionForeground: '#f0f6fc',
+        selectionForeground: '#f5f5f5',
         black: '#484f58',
         red: '#ff7b72',
         green: '#3fb950',

package/public/index.html

@@ -6,12 +6,13 @@
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <meta name="theme-color" content="#0d1117">
+  <meta name="theme-color" content="#1a1a1a">
   <meta name="description" content="Remote access to Claude Code sessions from any device">
 
   <!-- Favicon -->
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%230d1117' width='100' height='100' rx='20'/><text x='50' y='68' font-size='52' font-weight='600' text-anchor='middle' fill='%2358a6ff'>C</text></svg>">
-  <link rel="apple-touch-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%230d1117' width='100' height='100'/><text x='50' y='68' font-size='52' font-weight='600' text-anchor='middle' fill='%2358a6ff'>C</text></svg>">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
   <title>Claude Code Remote</title>
   <link rel="manifest" href="/manifest.json">
@@ -32,11 +33,7 @@
       <div class="auth-container">
         <!-- Logo -->
         <div class="auth-logo" aria-hidden="true">
-          <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <rect width="64" height="64" rx="12" fill="rgba(88, 166, 255, 0.1)"/>
-            <rect x="1" y="1" width="62" height="62" rx="11" stroke="rgba(88, 166, 255, 0.3)" stroke-width="1"/>
-            <text x="32" y="44" font-size="32" font-weight="600" text-anchor="middle" fill="#58a6ff" font-family="system-ui, sans-serif">C</text>
-          </svg>
+          <img src="/ic_logo.png" width="64" height="64" alt="Claude Code" style="border-radius:12px;">
         </div>
 
         <h1>Claude Code Remote</h1>

package/public/manifest.json

@@ -5,20 +5,26 @@
   "start_url": "/",
   "display": "standalone",
   "orientation": "any",
-  "background_color": "#0d1117",
-  "theme_color": "#0d1117",
+  "background_color": "#1a1a1a",
+  "theme_color": "#1a1a1a",
   "icons": [
     {
-      "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><defs><linearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%23f0a500'/><stop offset='100%25' stop-color='%23ffb627'/></linearGradient></defs><rect fill='%230d1117' width='512' height='512' rx='102'/><text x='256' y='340' font-size='280' font-weight='bold' text-anchor='middle' fill='url(%23g)' font-family='system-ui'>C</text></svg>",
-      "sizes": "512x512",
-      "type": "image/svg+xml",
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
       "purpose": "any"
     },
     {
-      "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect fill='%230d1117' width='512' height='512'/><text x='256' y='340' font-size='280' font-weight='bold' text-anchor='middle' fill='%23f0a500' font-family='system-ui'>C</text></svg>",
+      "src": "/android-chrome-512x512.png",
       "sizes": "512x512",
-      "type": "image/svg+xml",
-      "purpose": "maskable"
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png",
+      "purpose": "any"
     }
   ],
   "categories": ["developer", "productivity", "utilities"]

package/public/styles.css

@@ -3,22 +3,22 @@
 @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');
 
 :root {
-  /* GitHub Dark Theme Base */
-  --bg-deep: #0d1117;
-  --bg-primary: #161b22;
-  --bg-elevated: #1c2128;
-  --bg-surface: #21262d;
-  --bg-hover: #30363d;
+  /* Claude Code Dark Theme */
+  --bg-deep: #1a1a1a;
+  --bg-primary: #222222;
+  --bg-elevated: #2a2a2a;
+  --bg-surface: #333333;
+  --bg-hover: #3d3d3d;
 
   /* Text hierarchy */
-  --text-primary: #f0f6fc;
-  --text-secondary: #8b949e;
-  --text-muted: #6e7681;
+  --text-primary: #f5f5f5;
+  --text-secondary: #a0a0a0;
+  --text-muted: #6b6b6b;
 
-  /* Accent - Surgical use only */
-  --accent: #58a6ff;
-  --accent-hover: #79c0ff;
-  --accent-soft: rgba(88, 166, 255, 0.15);
+  /* Accent - Claude orange */
+  --accent: #d97706;
+  --accent-hover: #f0a500;
+  --accent-soft: rgba(217, 119, 6, 0.15);
 
   /* Semantic colors */
   --success: #3fb950;
@@ -26,8 +26,8 @@
   --warning: #d29922;
 
   /* Borders & Shadows */
-  --border: rgba(240, 246, 252, 0.1);
-  --shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
+  --border: rgba(245, 245, 245, 0.1);
+  --shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
 
   /* Typography */
   --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;