feat: redesign icons with modern gradient and unified style

Codex Agent · Codex Agent · commit f3a5776c8e45 · 2025-11-23T15:33:05.000+08:00
diff --git a/addon/content/icons/favicon.png b/addon/content/icons/favicon.png
diff --git a/addon/content/icons/favicon.svg b/addon/content/icons/favicon.svg
@@ -0,0 +1,15 @@
+<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" />
+    </linearGradient>
+    <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.2"/>
+    </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"/>
+</svg>
diff --git a/addon/content/icons/favicon@0.5x.png b/addon/content/icons/favicon@0.5x.png
diff --git a/addon/content/icons/sidebar-16.svg b/addon/content/icons/sidebar-16.svg
@@ -1,4 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 16 16">
-  <rect x="2.5" y="2.5" width="11" height="11" rx="2"/>
-  <path d="M6 3.5v9M8 6h3.5M8 9h2.5M8 11.5h1.5"/>
+<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" />
+    </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"/>
 </svg>
diff --git a/addon/content/icons/sidebar-20.svg b/addon/content/icons/sidebar-20.svg
@@ -1,4 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 20 20">
-  <rect x="3" y="3" width="14" height="14" rx="2.5"/>
-  <path d="M7.5 4.5v11M10 8h4M10 11h3M10 14h2"/>
+<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" />
+    </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"/>
 </svg>
diff --git a/addon/manifest.json b/addon/manifest.json
@@ -6,8 +6,8 @@
   "homepage_url": "__homepage__",
   "author": "__author__",
   "icons": {
-    "48": "content/icons/favicon@0.5x.png",
-    "96": "content/icons/favicon.png"
+    "48": "content/icons/favicon.svg",
+    "96": "content/icons/favicon.svg"
   },
   "applications": {
     "zotero": {
diff --git a/src/hooks.ts b/src/hooks.ts
@@ -77,7 +77,7 @@ function registerPreferencePane() {
     pluginID: addon.data.config.addonID,
     src: rootURI + "content/preferences.xhtml",
     label: getString("prefs-title"),
-    image: `chrome://${addon.data.config.addonRef}/content/icons/favicon.png`,
+    image: `chrome://${addon.data.config.addonRef}/content/icons/favicon.svg`,
   });
 }
 
diff --git a/src/modules/aiWorkspace.ts b/src/modules/aiWorkspace.ts
@@ -349,7 +349,7 @@ export function registerWorkspaceMenu() {
     id: "zotero-ai-workspace-open",
     label: getString("workspace-menuitem-label"),
     commandListener: () => openWorkspacePanel(),
-    icon: `chrome://${addon.data.config.addonRef}/content/icons/favicon@0.5x.png`,
+    icon: `chrome://${addon.data.config.addonRef}/content/icons/favicon.svg`,
   });
 }
 
diff --git a/src/utils/ztoolkit.ts b/src/utils/ztoolkit.ts
@@ -27,7 +27,7 @@ function initZToolkit(_ztoolkit: ReturnType<typeof createZToolkit>) {
   _ztoolkit.basicOptions.api.pluginID = config.addonID;
   _ztoolkit.ProgressWindow.setIconURI(
     "default",
-    `chrome://${config.addonRef}/content/icons/favicon.png`,
+    `chrome://${config.addonRef}/content/icons/favicon.svg`,
   );
 }
 

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,7 @@ function registerPreferencePane() {`
`77`	`77`	`pluginID: addon.data.config.addonID,`
`78`	`78`	`src: rootURI + "content/preferences.xhtml",`
`79`	`79`	`label: getString("prefs-title"),`
`80`		- image: `chrome://${addon.data.config.addonRef}/content/icons/favicon.png`,
	`80`	+ image: `chrome://${addon.data.config.addonRef}/content/icons/favicon.svg`,
`81`	`81`	`});`
`82`	`82`	`}`
`83`	`83`
Original file line number	Diff line number	Diff line change
`@@ -349,7 +349,7 @@ export function registerWorkspaceMenu() {`
`349`	`349`	`id: "zotero-ai-workspace-open",`
`350`	`350`	`label: getString("workspace-menuitem-label"),`
`351`	`351`	`commandListener: () => openWorkspacePanel(),`
`352`		- icon: `chrome://${addon.data.config.addonRef}/content/icons/favicon@0.5x.png`,
	`352`	+ icon: `chrome://${addon.data.config.addonRef}/content/icons/favicon.svg`,
`353`	`353`	`});`
`354`	`354`	`}`
`355`	`355`
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ function initZToolkit(_ztoolkit: ReturnType<typeof createZToolkit>) {`
`27`	`27`	`_ztoolkit.basicOptions.api.pluginID = config.addonID;`
`28`	`28`	`_ztoolkit.ProgressWindow.setIconURI(`
`29`	`29`	`"default",`
`30`		- `chrome://${config.addonRef}/content/icons/favicon.png`,
	`30`	+ `chrome://${config.addonRef}/content/icons/favicon.svg`,
`31`	`31`	`);`
`32`	`32`	`}`
`33`	`33`