feat: redesign icons with Newton 'N' and AI sparkles

Codex Agent · Codex Agent · commit ba9cb6d50b2a · 2025-11-23T15:35:46.000+08:00
diff --git a/addon/content/icons/favicon.svg b/addon/content/icons/favicon.svg
@@ -1,15 +1,34 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
   <defs>
     <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#4F46E5;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#7C3AED;stop-opacity:1" />
+      <stop offset="0%" style="stop-color:#6366F1;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#F59E0B;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#EF4444;stop-opacity:1" />
     </linearGradient>
     <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
-      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.2"/>
+      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.15"/>
     </filter>
   </defs>
-  <rect x="6" y="6" width="36" height="36" rx="8" fill="url(#grad1)" filter="url(#shadow)"/>
-  <path d="M15 12v24M24 18h12M24 25.5h9M24 33h6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <circle cx="36" cy="12" r="6" fill="#10B981"/>
-  <path d="M33 12l6 6M39 12l-6 6" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
+  <rect x="4" y="4" width="40" height="40" rx="10" fill="url(#grad1)" filter="url(#shadow)"/>
+  
+  <!-- Letter N in Newton style -->
+  <g transform="translate(12, 10)">
+    <path d="M4 4v20M4 4l16 20M20 4v20" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  </g>
+  
+  <!-- AI sparkles -->
+  <g fill="url(#grad2)">
+    <path d="M32 8l1.5 1.5L35 8l-1.5-1.5L32 8zm0 0l1.5 1.5L35 8l-1.5-1.5L32 8z" opacity="0.9"/>
+    <path d="M36 14l1 1L38 14l-1-1L36 14z" opacity="0.7"/>
+    <path d="M30 16l0.8 0.8L31.6 16l-0.8-0.8L30 16z" opacity="0.6"/>
+  </g>
+  
+  <!-- Subtle tech grid pattern -->
+  <g opacity="0.1">
+    <line x1="8" y1="24" x2="40" y2="24" stroke="white" stroke-width="0.5"/>
+    <line x1="24" y1="8" x2="24" y2="40" stroke="white" stroke-width="0.5"/>
+  </g>
 </svg>
diff --git a/addon/content/icons/sidebar-16.svg b/addon/content/icons/sidebar-16.svg
@@ -1,12 +1,24 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
   <defs>
     <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#4F46E5;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#7C3AED;stop-opacity:1" />
+      <stop offset="0%" style="stop-color:#6366F1;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#F59E0B;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#EF4444;stop-opacity:1" />
     </linearGradient>
   </defs>
-  <rect x="2" y="2" width="12" height="12" rx="2.5" fill="url(#grad1)"/>
-  <path d="M5 4v8M8 6h3M8 8.5h2M8 11h1" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <circle cx="12" cy="4" r="1.5" fill="#10B981"/>
-  <path d="M11.5 4l1 1M12.5 4l-1 1" stroke="white" stroke-width="0.8" stroke-linecap="round"/>
+  <rect x="1" y="1" width="14" height="14" rx="3.5" fill="url(#grad1)"/>
+  
+  <!-- Letter N -->
+  <g transform="translate(4, 3) scale(0.7)">
+    <path d="M2 2v10M2 2l8 10M10 2v10" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  </g>
+  
+  <!-- AI sparkles -->
+  <g fill="url(#grad2)">
+    <path d="M11 4l0.5 0.5L12 4l-0.5-0.5L11 4z" opacity="0.9"/>
+    <path d="M12.5 6.5l0.3 0.3L13.1 6.5l-0.3-0.3L12.5 6.5z" opacity="0.7"/>
+  </g>
 </svg>
diff --git a/addon/content/icons/sidebar-20.svg b/addon/content/icons/sidebar-20.svg
@@ -1,12 +1,25 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
   <defs>
     <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#4F46E5;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#7C3AED;stop-opacity:1" />
+      <stop offset="0%" style="stop-color:#6366F1;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#F59E0B;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#EF4444;stop-opacity:1" />
     </linearGradient>
   </defs>
-  <rect x="2.5" y="2.5" width="15" height="15" rx="3" fill="url(#grad1)"/>
-  <path d="M6.5 5v10M10 7.5h4M10 10.5h3M10 13.5h2" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <circle cx="15" cy="5" r="2" fill="#10B981"/>
-  <path d="M14.3 5l1.4 1.4M15.7 5l-1.4 1.4" stroke="white" stroke-width="1" stroke-linecap="round"/>
+  <rect x="1.5" y="1.5" width="17" height="17" rx="4" fill="url(#grad1)"/>
+  
+  <!-- Letter N -->
+  <g transform="translate(5, 4) scale(0.8)">
+    <path d="M2 2v12M2 2l10 12M12 2v12" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  </g>
+  
+  <!-- AI sparkles -->
+  <g fill="url(#grad2)">
+    <path d="M14 5l0.7 0.7L15.4 5l-0.7-0.7L14 5z" opacity="0.9"/>
+    <path d="M16 8l0.5 0.5L17 8l-0.5-0.5L16 8z" opacity="0.7"/>
+    <path d="M13 9.5l0.4 0.4L13.8 9.5l-0.4-0.4L13 9.5z" opacity="0.6"/>
+  </g>
 </svg>
diff --git a/addon/manifest.json b/addon/manifest.json
@@ -17,4 +17,4 @@
       "strict_max_version": "8.*"
     }
   }
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -17,4 +17,4 @@`
`17`	`17`	`"strict_max_version": "8.*"`
`18`	`18`	`}`
`19`	`19`	`}`
`20`		`-}`
	`20`	`+}`