UI: Add custom glowing cursors matching the app theme

This commit is contained in:
2026-06-04 00:34:58 +02:00
parent 7981b1d146
commit 1a964a43a7
3 changed files with 45 additions and 0 deletions
+18
View File
@@ -0,0 +1,18 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#e879f9" />
<stop offset="100%" stop-color="#8b5cf6" />
</linearGradient>
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.5" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
</defs>
<path d="M4 2 L19 14 L12.5 15.5 L15.5 22.5 L12 24 L8.5 17.5 L3 21 Z"
fill="#070710"
stroke="url(#grad)"
stroke-width="1.5"
stroke-linejoin="round"
filter="url(#glow)"/>
</svg>

After

Width:  |  Height:  |  Size: 732 B

+18
View File
@@ -0,0 +1,18 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="gradPointer" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#06b6d4" />
<stop offset="100%" stop-color="#8b5cf6" />
</linearGradient>
<filter id="glowPointer" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="2" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
</defs>
<path d="M4 2 L19 14 L12.5 15.5 L15.5 22.5 L12 24 L8.5 17.5 L3 21 Z"
fill="#070710"
stroke="url(#gradPointer)"
stroke-width="2"
stroke-linejoin="round"
filter="url(#glowPointer)"/>
</svg>

After

Width:  |  Height:  |  Size: 756 B

+9
View File
@@ -37,6 +37,15 @@
height: 100%;
overflow: hidden;
font-family: 'Inter', system-ui, sans-serif;
cursor: url('/cursor-default.svg') 4 2, auto;
}
a, button, [role="button"], select, .cursor-pointer {
cursor: url('/cursor-pointer.svg') 4 2, pointer !important;
}
input, textarea {
cursor: text;
}
body {