Integrate Lucide icons and replace inline SVGs

Add Lucide icon library and switch many inline SVGs to programmatically generated Lucide icons for consistent styling and reuse. Adds frontend/vendor/lucide.min.js and includes it in index.html; adds helper functions (escapeSvgAttr, svgAttrs, lucideIcon) in app.js and replaces numerous hard-coded SVG strings with Lucide-generated icons and CSS utility classes. Update components.css with .gd-lucide-icon, color helpers for folder/file icons, and remove a global stroke-width override so icon strokeWidth can be controlled per icon. Small accessibility and UI tweaks: use aria-label/title on several buttons and swap icons in modals, menus and toolbars. Also updates package.json/package-lock.json (dependency adjustments).

This commit is contained in:

Andrew Zambazos

2026-05-13 13:37:31 +12:00

parent 558cd3ddd7

commit 7753abd896

6 changed files with 118 additions and 30 deletions

									
										package.json
									
		+3
		
												View File
												
				@@ -10,5 +10,8 @@

				  },

				  "devDependencies": {

				    "@tauri-apps/cli": "^2"

				  },

				  "dependencies": {

				    "lucide": "^1.14.0"

				  }

				}