From 42d9f336b179d920d0f898b515447263820fb030 Mon Sep 17 00:00:00 2001
From: Paul Spenke <paul@spenke-nordic.com>
Date: Sun, 15 Mar 2026 14:58:56 +0100
Subject: [PATCH] Switch Memos Clipper theme to emerald accent and update image
 handling logic in popup.js.

---
 src/icons/icon128.png | Bin 341 -> 7647 bytes
 src/icons/icon16.png  | Bin 99 -> 454 bytes
 src/icons/icon32.png  | Bin 0 -> 1071 bytes
 src/icons/icon48.png  | Bin 145 -> 1962 bytes
 src/manifest.json     |   2 ++
 src/popup.css         |   6 +++---
 src/popup.html        |  23 ++++++++++++-----------
 src/popup.js          |  17 ++++++++---------
 src/settings.css      |   4 ++--
 src/settings.html     |  30 +++++++++++++++---------------
 10 files changed, 42 insertions(+), 40 deletions(-)
 create mode 100644 src/icons/icon32.png

diff --git a/src/icons/icon128.png b/src/icons/icon128.png
index e434d526895a42dedcbdc569968fc8bbd1a46950..0c871e0b40c6999ac1e111eee10dd60fe0fcbc0c 100644
GIT binary patch
literal 7647
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

literal 341
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H1SEZ8zRh7^V3hH6aSW-L^Y-RO-op+&ERLlL
zJAAJ%*e82Smm|R8|9hEj3{1kGEY447vp%NZ!Oq}d&A@Prk>LU#Lqiz@!xm<S1+okb
zZy6Xez*61JG4K0f96ajKr0#k#+!tj_s9<Q@ZhT-GPSZiU3U<HDf4r7aLayQATb>Q6
zm`*@8I-2vr`Te_re!U@`a2nNF4iXOhXpTqL36g4fSa(V(HbFpI6zD|;22WQ%mvv4F
FO#q%{U2p&Z

diff --git a/src/icons/icon16.png b/src/icons/icon16.png
index ee769390b09a93b5e2af6688589b10e9467e8e59..570a00695d325ee69c5096c50cdfdb5c12b14ee2 100644
GIT binary patch
delta 438
zcmV;n0ZIO2#siQUe+B>m03Y-JVE_OC32;bRa{vGi!~g&e!~vBn4jTXf0eDG7K~y-6
zV_={VFyfLB*xC3WUF?H<J%)O?00+AmiUtQq8-@e>k6<<Y$In-AeN5OCn3xzaI67K0
z=;~?Vav&UFH6S$1pMiy$nIS4Nh#@{coPmRb9Yr45dl&{Ve={>P{P^*MK}A)GAv-69
zAt1nup}wJvfsc<Dt07G2CKeZGF}!{Ip261ElHtjdrwq<6_6+iJG7SFyo)|6_*xC4>
z1zqsVm#++a_Z?!ewlZUQ{^BJAKR++S!Gp&bL_~zJh5?2F!XiQpOP9`IP*YQ3c=h@<
zLs#cy1~xV}e+G38RjdYJgaH#1BZH`@2*cmMe;MxGeaP_c?FWWuPhT)dN{SO_z=!uA
z8IB!0#lXzW#9(7%&XAFr!0`C-Q-){Hp5yky2lskLSVCI7cr}Bth!Dg5`;QnzgoPO1
zy?f8#<ZQ=KRoRN6`Gb2sBhHk_$;rvU!otk(`STYHFpV6Wvf;@ZBW+{L1K4bav9V?*
ge1@QBD2j6<09*lfH7=Xpk^lez07*qoM6N<$f*c^k5C8xG

delta 80
zcmX@coIF9&i;01OVZy`=Ga#kq>EaktF(>)Kb8!_;!wD-Fs=c;0?D!}3?=jnAsSg<n
jmJuu0Hnz-AlVfDCeLVZ!;#&n7KwS);u6{1-oD!M<a|Ru(

diff --git a/src/icons/icon32.png b/src/icons/icon32.png
new file mode 100644
index 0000000000000000000000000000000000000000..d75b167663e3b4cc810c6246a80cfd64a0620cec
GIT binary patch
literal 1071
zcmV+~1kn45P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000ie
z000ie0hKEb8vp<U;Ymb6R9J=0mwimsbsWcEzu)oD0p9U&=pP13hzJ4Ed?16BQ5={M
z6RSV`!`gauq#HGLoeR8Tt8A{Elcge?M-rf*_%O0&#UdKys#(brc^JxbCycv;<Cwo+
ze=wcJ-SPY3wfg+|`+dHj_iLYr@4g@Sk4>1*q0kFv+0(zV>=IQm6+3$qy%!io0P_)7
z3Nh>FeSr(-E#}RfQ^RgSM74o-?=Ir~58hD?;3<o$0Mawkh>BWFYHAXZ3k^PjPzA7g
z^Cp^`TdB0vviHMcL{W7DXF({Ake-o7R@OQsS>lPz41T}z2lc0pk(`{M8p0!hw{G9F
zXD238DIHh4$ji%S_3DSIIC`Aok{wi5ma$}Mlw#4lbwqa`-I<@C2D{zPbI<3~+0{c%
zPA11J2kE;pKwaHAES56z^Vh3}P*j2i3qlY@5r<=vp`l@-qZXslXb21p;MLc*aIkDI
z2M!$J^{p?G_Q*=b5Q+d&9(s^(o6b;P{uxH&I!vY_bUGdKUHJ+N({uRnK0f*QQ%t5J
z^#I<|zjo~^sz0wsmSkKm7uT+JBZ>mouiwC8sln--!sVLA<(g*Ys#L<mLKTaLUNFmk
zb2-_@?F0u0F>bT*-n;u~YyF8+r!Aa3ahCo250Q|toZj9(8X6iIy*Wy5u2C@nC@Dco
zBE7wRh{B9(LgI1&-q`jsCr(yiFoaW4QAN)BOte}pixx!^6SKs30I|zru-hHH`PNpd
zst#c`??RSkL{T6<ei=<oEm*BLId}F;Vq=$5RaM8%UE6#I5NU|O<#J&#gp>D7Hvazp
zIGt0Bj9BUH?BV<7RyO1s`Jv@U3O41jefukX^YwR%0p{!hQKLZ=1a5b!EX&wzHoCie
zsjjZ4t?g&dpZ^M-UWaYm20&1d)^`97hXdF2G!u>qBuPS}(GU?4PI7V}Nl7L`LPAJe
zW2C+PDm68yc{F_u@hjpK1Bl@L(a_S;Ms)Q3bawVIF)?`uLa)~m8mh<7PeWGL<9GZ8
zL13VNP?7jpc8M@&4;(E&PGR9oSS&Skb<IHBx+VS1XGOxyWQd}O)9IwPwm}g9C@4XH
z{~%`bN0gSn&A`AAR_iEQ?Ie1=j(`Av1VJDrC6VHi9c<kAG%su^WN>g;J-}FYiQwr*
z{G#z9zx~=yLBR%W<942W>M<lq;?kvGXl%R)G7OLWi81S0Mn<fPgm0I9UT?y<xCaOh
z4&w6VD@c+wm-|fIGljFnK|u-JSw~0Le2%#_x7~j)&+xhIpA+YC{QeCHcjNALY49b4
pr@Q9=w;A~o!e_go8W^?P@n4i0eXjt!Ftq>x002ovPDHLkV1nL2{qX<*

literal 0
HcmV?d00001

diff --git a/src/icons/icon48.png b/src/icons/icon48.png
index b551fdff740856e99e7e5c0a35b7f8ea3a39d392..f2bf68d38d4e7b447f1a8d847ffada4cced8e6c9 100644
GIT binary patch
delta 1959
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

delta 127
zcmZ3*Kap{QWCarg1H+AkybC}o!qdeuq+-t7%Z|JU6a-uXWdw2-E!<blBFJK;n*W(~
z&*7YvTU|r##2FYFmp07%_l}PP2ws$3h_GJpdBF}|M#k9hsSf*Z3kY1;sn5*Ccr=$o
fLs>y#!Cl`sDxKSyPKzY~?O^b9^>bP0l+XkKIHN6B

diff --git a/src/manifest.json b/src/manifest.json
index c5af39a..a5c4693 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -15,12 +15,14 @@
     "default_popup": "popup.html",
     "default_icon": {
       "16": "icons/icon16.png",
+      "32": "icons/logo.svg",
       "48": "icons/icon48.png",
       "128": "icons/icon128.png"
     }
   },
   "icons": {
     "16": "icons/icon16.png",
+    "32": "icons/logo.svg",
     "48": "icons/icon48.png",
     "128": "icons/icon128.png"
   },
diff --git a/src/popup.css b/src/popup.css
index fcf92fe..c4f6ecf 100644
--- a/src/popup.css
+++ b/src/popup.css
@@ -7,9 +7,9 @@
   --surface: #1a1a1f;
   --surface2: #22222a;
   --border: #2a2a35;
-  --accent: #7c6af7;
-  --accent-dim: #7c6af720;
-  --accent-hover: #9585fa;
+  --accent: #10b981;
+  --accent-dim: #10b98120;
+  --accent-hover: #059669;
   --text: #e8e8f0;
   --text-dim: #777788;
   --text-muted: #444455;
diff --git a/src/popup.html b/src/popup.html
index 85640eb..2e23282 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -9,7 +9,7 @@
 <body>
   <!-- ── Loading ── -->
   <div id="view-loading" class="view flex flex-col items-center justify-center p-8 space-y-4">
-    <div class="spinner animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"></div>
+    <div class="spinner animate-spin rounded-full h-8 w-8 border-b-2 border-emerald-500"></div>
     <span class="text-gray-600">Extracting content…</span>
   </div>
 
@@ -22,19 +22,20 @@
         </svg>
       </div>
       <p class="text-gray-700 mb-4 font-medium">Configure your Memos instance first.</p>
-      <button id="open-settings-btn" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded shadow transition">Open Settings</button>
+      <button id="open-settings-btn" class="bg-emerald-500 hover:bg-emerald-600 text-white px-4 py-2 rounded shadow transition">Open Settings</button>
     </div>
   </div>
 
   <!-- ── Main editor ── -->
   <div id="view-main" class="view hidden">
     <header class="flex items-center justify-between p-3 border-b border-gray-100 bg-white sticky top-0 z-10">
-      <div class="logo flex items-center space-x-2 text-blue-600">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18">
-          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-          <polyline points="14 2 14 8 20 8"/>
-          <line x1="16" y1="13" x2="8" y2="13"/>
-          <line x1="16" y1="17" x2="8" y2="17"/>
+      <div class="logo flex items-center space-x-2 text-emerald-500">
+        <svg viewBox="0 0 32 32" fill="none" width="18" height="18" xmlns="http://www.w3.org/2000/svg">
+          <rect width="32" height="32" rx="8" fill="currentColor"/>
+          <path d="M11 9C11 8.44772 11.4477 8 12 8H20C20.5523 8 21 8.44772 21 9V23C21 23.5523 20.5523 24 20 24H12C11.4477 24 11 23.5523 11 23V9Z" fill="white"/>
+          <path d="M14 12H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+          <path d="M14 15H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+          <path d="M14 18H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
         </svg>
         <span id="page-title" class="page-title font-semibold text-gray-800 truncate max-w-[180px]">Clip to Memos</span>
       </div>
@@ -62,7 +63,7 @@
 
     <!-- edit panel -->
     <div id="tab-edit" class="tab-panel flex flex-col h-96 border-b border-gray-100">
-      <textarea rows="14" id="md-editor" spellcheck="false" placeholder="Markdown content…" class="flex-1 w-full p-3 text-sm resize-none focus:outline-none focus:ring-1 focus:ring-blue-100"></textarea>
+      <textarea rows="14" id="md-editor" spellcheck="false" placeholder="Markdown content…" class="flex-1 w-full p-3 text-sm resize-none focus:outline-none focus:ring-1 focus:ring-emerald-100"></textarea>
       <div id="char-counter" class="char-counter text-right px-3 py-1 text-[10px] text-gray-400">0 chars</div>
     </div>
 
@@ -91,7 +92,7 @@
     <!-- footer -->
     <footer class="flex items-center justify-between p-3 bg-gray-50">
       <div class="footer-left">
-        <select id="visibility-select" class="text-xs border border-gray-200 rounded px-2 py-1 bg-white focus:outline-none focus:ring-1 focus:ring-blue-400 transition">
+        <select id="visibility-select" class="text-xs border border-gray-200 rounded px-2 py-1 bg-white focus:outline-none focus:ring-1 focus:ring-emerald-400 transition">
           <option value="PRIVATE">🔒 Private</option>
           <option value="PROTECTED">🔗 Protected</option>
           <option value="PUBLIC">🌐 Public</option>
@@ -99,7 +100,7 @@
       </div>
       <div class="footer-right flex space-x-2">
         <button id="reload-btn" class="secondary-btn p-1.5 border border-gray-200 rounded hover:bg-white transition text-gray-500" title="Re-clip page">↺</button>
-        <button id="send-btn" class="send-btn bg-blue-600 hover:bg-blue-700 text-white px-4 py-1.5 rounded shadow flex items-center space-x-2 transition">
+        <button id="send-btn" class="send-btn bg-emerald-500 hover:bg-emerald-600 text-white px-4 py-1.5 rounded shadow flex items-center space-x-2 transition">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14">
             <line x1="22" y1="2" x2="11" y2="13"/>
             <polygon points="22 2 15 22 11 13 2 9 22 2"/>
diff --git a/src/popup.js b/src/popup.js
index 5e3b93c..1ed9f60 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -152,8 +152,8 @@ function renderImages() {
   // Sync keep flags back (dedup may have removed some)
   state.images = visible;
 
-  const uploadable = visible.filter((img) => !img.src.startsWith("data:")).length;
-  imgCount.textContent = uploadable;
+  const kept = visible.filter((img) => img.keep).length;
+  imgCount.textContent = kept;
   imagesList.innerHTML = "";
 
   if (!visible.length) {
@@ -176,20 +176,16 @@ function renderImages() {
       ? `inline-image-${i + 1}`
       : (img.src.split("/").pop().split("?")[0].slice(0, 28) || `image-${i + 1}`);
     label.textContent = name;
-    if (isDataUri) label.title = "Embedded data URI — cannot be uploaded";
 
     const remove = document.createElement("button");
     remove.className = "remove-img";
     remove.textContent = "×";
     remove.title = img.keep ? "Exclude this image" : "Include this image";
-    if (isDataUri) {
-      remove.style.display = "none"; // data URIs can't be uploaded anyway
-    }
     remove.addEventListener("click", () => {
       img.keep = !img.keep;
       chip.classList.toggle("skipped", !img.keep);
       remove.title = img.keep ? "Exclude this image" : "Include this image";
-      const kept = state.images.filter((im) => im.keep && !im.src.startsWith("data:")).length;
+      const kept = state.images.filter((im) => im.keep).length;
       imgCount.textContent = kept;
     });
 
@@ -260,7 +256,7 @@ sendBtn.addEventListener("click", async () => {
     // 1. Upload images if requested
     const imageMap = new Map(); // originalUrl -> resourceName
     if (attachCheck.checked) {
-      const toUpload = state.images.filter((img) => img.keep && !img.src.startsWith("data:"));
+      const toUpload = state.images.filter((img) => img.keep);
       let uploaded = 0;
       for (const img of toUpload) {
         sendBtn.textContent = `Uploading image ${uploaded + 1}/${toUpload.length}…`;
@@ -363,7 +359,10 @@ async function uploadImage(baseUrl, token, img) {
   const blob = await response.blob();
 
   // Derive a filename with a valid extension
-  let filename = img.src.split("/").pop().split("?")[0].split("#")[0];
+  let filename = "image";
+  if (!img.src.startsWith("data:")) {
+      filename = img.src.split("/").pop().split("?")[0].split("#")[0] || "image";
+  }
   // Strip non-filename characters
   filename = filename.replace(/[^a-zA-Z0-9._-]/g, "_").slice(0, 80);
   // If no extension, infer from MIME type
diff --git a/src/settings.css b/src/settings.css
index e7b6c9b..9728998 100644
--- a/src/settings.css
+++ b/src/settings.css
@@ -6,8 +6,8 @@
   --bg: #0f0f11;
   --surface: #1a1a1f;
   --border: #2a2a35;
-  --accent: #7c6af7;
-  --accent-dim: #7c6af730;
+  --accent: #10b981;
+  --accent-dim: #10b98130;
   --text: #e8e8f0;
   --text-dim: #888899;
   --success: #4ade80;
diff --git a/src/settings.html b/src/settings.html
index ace1579..2c6b002 100644
--- a/src/settings.html
+++ b/src/settings.html
@@ -9,13 +9,13 @@
 <body>
   <div class="page">
     <header class="p-6 border-b border-gray-100 bg-white">
-      <div class="logo flex items-center space-x-3 text-2xl font-bold text-blue-600">
-        <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
-          <polyline points="14 2 14 8 20 8"/>
-          <line x1="16" y1="13" x2="8" y2="13"/>
-          <line x1="16" y1="17" x2="8" y2="17"/>
-          <polyline points="10 9 9 9 8 9"/>
+      <div class="logo flex items-center space-x-3 text-2xl font-bold text-emerald-500">
+        <svg viewBox="0 0 32 32" fill="none" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
+          <rect width="32" height="32" rx="8" fill="currentColor"/>
+          <path d="M11 9C11 8.44772 11.4477 8 12 8H20C20.5523 8 21 8.44772 21 9V23C21 23.5523 20.5523 24 20 24H12C11.4477 24 11 23.5523 11 23V9Z" fill="white"/>
+          <path d="M14 12H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+          <path d="M14 15H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+          <path d="M14 18H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
         </svg>
         <span>Memos Clipper Settings</span>
       </div>
@@ -26,17 +26,17 @@
         <h2 class="text-xl font-semibold text-gray-800 border-b pb-2">Connection</h2>
         <label class="block space-y-2">
           <span class="text-sm font-medium text-gray-700">Memos Instance URL</span>
-          <input type="url" id="memos-url" placeholder="https://memos.example.com" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-100 focus:border-blue-400 outline-none transition" />
+          <input type="url" id="memos-url" placeholder="https://memos.example.com" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-emerald-100 focus:border-emerald-400 outline-none transition" />
           <small class="block text-xs text-gray-400">The base URL of your usememos instance (no trailing slash)</small>
         </label>
         <label class="block space-y-2">
           <span class="text-sm font-medium text-gray-700">API Token</span>
-          <input type="password" id="api-token" placeholder="Your access token" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-100 focus:border-blue-400 outline-none transition" />
+          <input type="password" id="api-token" placeholder="Your access token" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-emerald-100 focus:border-emerald-400 outline-none transition" />
           <small class="block text-xs text-gray-400">Settings → Account → Access Tokens in your Memos instance</small>
         </label>
         <div class="actions flex space-x-3 pt-2">
           <button id="test-btn" class="secondary flex-1 bg-gray-50 hover:bg-gray-100 text-gray-700 font-medium py-2 px-4 rounded-lg border border-gray-200 transition">Test Connection</button>
-          <button id="save-btn" class="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg shadow-sm transition">Save Settings</button>
+          <button id="save-btn" class="flex-1 bg-emerald-500 hover:bg-emerald-600 text-white font-medium py-2 px-4 rounded-lg shadow-sm transition">Save Settings</button>
         </div>
         <div id="status" class="status hidden p-3 rounded-lg text-sm"></div>
       </div>
@@ -45,7 +45,7 @@
         <h2 class="text-xl font-semibold text-gray-800 border-b pb-2">Defaults</h2>
         <label class="block space-y-2">
           <span class="text-sm font-medium text-gray-700">Default visibility</span>
-          <select id="visibility" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-100 focus:border-blue-400 outline-none bg-white transition">
+          <select id="visibility" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-emerald-100 focus:border-emerald-400 outline-none bg-white transition">
             <option value="PRIVATE">Private</option>
             <option value="PROTECTED">Protected</option>
             <option value="PUBLIC">Public</option>
@@ -53,23 +53,23 @@
         </label>
         <label class="block space-y-2">
           <span class="text-sm font-medium text-gray-700">Default clip mode</span>
-          <select id="clip-mode" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-100 focus:border-blue-400 outline-none bg-white transition">
+          <select id="clip-mode" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-emerald-100 focus:border-emerald-400 outline-none bg-white transition">
             <option value="page">Full page (article extraction)</option>
             <option value="selection">Selection only</option>
           </select>
         </label>
         <div class="space-y-3 pt-2">
           <label class="flex items-center space-x-3 cursor-pointer group">
-            <input type="checkbox" id="include-images" checked class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500 transition" />
+            <input type="checkbox" id="include-images" checked class="w-4 h-4 text-emerald-500 border-gray-300 rounded focus:ring-emerald-400 transition" />
             <span class="text-sm text-gray-700 group-hover:text-gray-900 transition">Upload page images as attachments</span>
           </label>
           <label class="flex items-center space-x-3 cursor-pointer group">
-            <input type="checkbox" id="include-tags" class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500 transition" />
+            <input type="checkbox" id="include-tags" class="w-4 h-4 text-emerald-500 border-gray-300 rounded focus:ring-emerald-400 transition" />
             <span class="text-sm text-gray-700 group-hover:text-gray-900 transition">Automatically add #clipped tag</span>
           </label>
         </div>
         <div class="actions pt-4">
-          <button id="save-defaults-btn" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg shadow-sm transition">Save Defaults</button>
+          <button id="save-defaults-btn" class="w-full bg-emerald-500 hover:bg-emerald-600 text-white font-medium py-2 px-4 rounded-lg shadow-sm transition">Save Defaults</button>
         </div>
         <div id="defaults-status" class="status hidden p-3 rounded-lg text-sm"></div>
       </div>