UI: Add custom glowing I-beam text cursor

2026-06-04 00:51:37 +02:00
parent 4769d2a9b8
commit cacb11b8e7
2 changed files with 18 additions and 1 deletions
@@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="gradText" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#e879f9" />
+      <stop offset="100%" stop-color="#06b6d4" />
+    </linearGradient>
+    <filter id="glowText" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="1" result="blur" />
+      <feComposite in="SourceGraphic" in2="blur" operator="over" />
+    </filter>
+  </defs>
+  <path d="M9 4 H15 M12 4 V20 M9 20 H15" 
+        stroke="url(#gradText)" 
+        stroke-width="1.5" 
+        stroke-linecap="round"
+        filter="url(#glowText)"/>
+</svg>
@@ -45,7 +45,7 @@
    }

    input, textarea {
-        cursor: text;
+        cursor: url('/cursor-text.svg') 12 12, text;
    }

    body {