feat: update SVG logos with gradients and enhanced visuals for ControlFlow

Smith · Smith · commit 4fc70ae2b0c9 · 2026-06-16T14:13:25.000+03:00
diff --git a/plugins/controlflow-codex/assets/controlflow-codex-logo.svg b/plugins/controlflow-codex/assets/controlflow-codex-logo.svg
@@ -1,9 +1,45 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 160" role="img" aria-label="ControlFlow for Codex logo">
-  <rect width="320" height="160" rx="24" fill="#042F2E"/>
-  <rect x="24" y="24" width="112" height="112" rx="24" fill="#0F766E"/>
-  <path d="M50 58h34c13.255 0 24 10.745 24 24S97.255 106 84 106H66" fill="none" stroke="#F0FDFA" stroke-width="12" stroke-linecap="round"/>
-  <path d="M66 106H54c-8.837 0-16 7.163-16 16" fill="none" stroke="#99F6E4" stroke-width="12" stroke-linecap="round"/>
-  <circle cx="48" cy="122" r="8" fill="#99F6E4"/>
-  <text x="156" y="74" fill="#F0FDFA" font-family="Segoe UI, Arial, sans-serif" font-size="28" font-weight="700">ControlFlow</text>
-  <text x="156" y="108" fill="#99F6E4" font-family="Segoe UI, Arial, sans-serif" font-size="24">for Codex</text>
+  <defs>
+    <linearGradient id="cf-logo-bg" x1="0" y1="0" x2="320" y2="160" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#080C17"/>
+      <stop offset="0.5" stop-color="#111827"/>
+      <stop offset="1" stop-color="#164E63"/>
+    </linearGradient>
+    <linearGradient id="cf-logo-tile" x1="28" y1="22" x2="134" y2="136" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#111827"/>
+      <stop offset="0.54" stop-color="#172554"/>
+      <stop offset="1" stop-color="#0F766E"/>
+    </linearGradient>
+    <linearGradient id="cf-logo-flow" x1="50" y1="52" x2="111" y2="105" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#A7F3D0"/>
+      <stop offset="0.52" stop-color="#22D3EE"/>
+      <stop offset="1" stop-color="#F8FAFC"/>
+    </linearGradient>
+    <linearGradient id="cf-logo-text" x1="154" y1="47" x2="282" y2="94" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#F8FAFC"/>
+      <stop offset="1" stop-color="#CFFAFE"/>
+    </linearGradient>
+    <filter id="cf-logo-glow" x="-25%" y="-25%" width="150%" height="150%">
+      <feGaussianBlur stdDeviation="2.2" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  <rect width="320" height="160" rx="24" fill="url(#cf-logo-bg)"/>
+  <path d="M162 28h112c12.2 0 22 9.8 22 22v54c0 12.2-9.8 22-22 22H162c-12.2 0-22-9.8-22-22V50c0-12.2 9.8-22 22-22z" fill="#0F172A" opacity="0.35"/>
+  <rect x="24" y="24" width="112" height="112" rx="24" fill="url(#cf-logo-tile)"/>
+  <path d="M54 56c21-13 50-2 54 23 4 27-29 41-50 22" fill="none" stroke="#0E7490" stroke-width="18" stroke-linecap="round" opacity="0.42"/>
+  <path d="M54 56c21-13 50-2 54 23 4 27-29 41-50 22" fill="none" stroke="url(#cf-logo-flow)" stroke-width="10" stroke-linecap="round" filter="url(#cf-logo-glow)"/>
+  <path d="M62 101c9-14 21-16 35-7" fill="none" stroke="#67E8F9" stroke-width="8" stroke-linecap="round"/>
+  <path d="M80 67l11 11-11 11-11-11z" fill="#111827" stroke="#BAE6FD" stroke-width="4" stroke-linejoin="round"/>
+  <circle cx="54" cy="56" r="9" fill="#ECFEFF" stroke="#22D3EE" stroke-width="3.5"/>
+  <circle cx="108" cy="79" r="9" fill="#ECFEFF" stroke="#34D399" stroke-width="3.5"/>
+  <circle cx="58" cy="101" r="9" fill="#ECFEFF" stroke="#A78BFA" stroke-width="3.5"/>
+  <circle cx="97" cy="94" r="7" fill="#22D3EE"/>
+  <text x="156" y="72" fill="url(#cf-logo-text)" font-family="Segoe UI, Arial, sans-serif" font-size="26" font-weight="750">ControlFlow</text>
+  <text x="158" y="105" fill="#67E8F9" font-family="Segoe UI, Arial, sans-serif" font-size="20" font-weight="600">for Codex</text>
+  <path d="M158 118h86" stroke="#34D399" stroke-width="3" stroke-linecap="round" opacity="0.82"/>
+  <circle cx="257" cy="118" r="4" fill="#A7F3D0"/>
 </svg>
diff --git a/plugins/controlflow-codex/assets/controlflow-codex-small.svg b/plugins/controlflow-codex/assets/controlflow-codex-small.svg
@@ -1,6 +1,30 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="ControlFlow for Codex icon">
-  <rect width="64" height="64" rx="14" fill="#0F766E"/>
-  <path d="M18 20h18c5.523 0 10 4.477 10 10s-4.477 10-10 10H28" fill="none" stroke="#F0FDFA" stroke-width="6" stroke-linecap="round"/>
-  <path d="M28 40h-7c-4.418 0-8 3.582-8 8" fill="none" stroke="#99F6E4" stroke-width="6" stroke-linecap="round"/>
-  <circle cx="20" cy="48" r="4" fill="#99F6E4"/>
+  <defs>
+    <linearGradient id="cf-small-bg" x1="6" y1="5" x2="58" y2="61" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#111827"/>
+      <stop offset="0.52" stop-color="#172554"/>
+      <stop offset="1" stop-color="#0F766E"/>
+    </linearGradient>
+    <linearGradient id="cf-small-flow" x1="14" y1="17" x2="50" y2="48" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#A7F3D0"/>
+      <stop offset="0.52" stop-color="#22D3EE"/>
+      <stop offset="1" stop-color="#F8FAFC"/>
+    </linearGradient>
+    <filter id="cf-small-glow" x="-20%" y="-20%" width="140%" height="140%">
+      <feGaussianBlur stdDeviation="1.6" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="url(#cf-small-bg)"/>
+  <path d="M18 17c12-7 29-1 31 13 2 16-17 23-29 12" fill="none" stroke="#0E7490" stroke-width="10" stroke-linecap="round" opacity="0.42"/>
+  <path d="M18 17c12-7 29-1 31 13 2 16-17 23-29 12" fill="none" stroke="url(#cf-small-flow)" stroke-width="5.5" stroke-linecap="round" filter="url(#cf-small-glow)"/>
+  <path d="M22 42c5-8 12-9 20-4" fill="none" stroke="#67E8F9" stroke-width="4.5" stroke-linecap="round"/>
+  <path d="M32 24l6 6-6 6-6-6z" fill="#111827" stroke="#BAE6FD" stroke-width="2.5" stroke-linejoin="round"/>
+  <circle cx="18" cy="17" r="5.5" fill="#ECFEFF" stroke="#22D3EE" stroke-width="2"/>
+  <circle cx="49" cy="30" r="5.5" fill="#ECFEFF" stroke="#34D399" stroke-width="2"/>
+  <circle cx="20" cy="42" r="5.5" fill="#ECFEFF" stroke="#A78BFA" stroke-width="2"/>
+  <circle cx="42" cy="38" r="4.2" fill="#22D3EE"/>
 </svg>
