Redraw cursors as a warm-white ring and an amber disc with centered hotspots

3 files changed, 9 insertions, 21 deletions

diff --git a/static/css/app.css b/static/css/app.css
index 3f2d389..cc210a3 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -56,7 +56,7 @@ body {
   font-family: var(--font-body);
   font-size: var(--text-md);
   line-height: var(--leading-normal);
-  cursor: url('../cursors/cursor.svg') 2 2, auto;
+  cursor: url('../cursors/cursor.svg') 9 9, auto;
 }
 
 a,
@@ -66,12 +66,12 @@ summary,
 select,
 [role='button'],
 [role='link'] {
-  cursor: url('../cursors/cursor-pointer.svg') 11 2, pointer;
+  cursor: url('../cursors/cursor-pointer.svg') 10 10, pointer;
 }
 
 input,
 textarea {
-  cursor: url('../cursors/cursor.svg') 2 2, text;
+  cursor: url('../cursors/cursor.svg') 9 9, text;
 }
 
 body {
diff --git a/static/cursors/cursor-pointer.svg b/static/cursors/cursor-pointer.svg
index b214394..4c7cc91 100644
--- a/static/cursors/cursor-pointer.svg
+++ b/static/cursors/cursor-pointer.svg
@@ -1,10 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" viewBox="0 0 24 26">
-  <path
-    d="M 10 2 C 10 1 12 1 12 2 L 12 10 C 13 9 15 9 15 11 C 15 10 17 10 17 12 C 17 11 19 11 19 13 L 19 18 C 19 21 17 23 14 23 L 9 23 C 7 23 5 21 5 19 L 5 15 C 4 15 3 14 3 13 C 3 12 4 11 5 11 L 6 11 L 6 6 C 6 5 8 5 8 6 L 8 11 L 10 11 Z"
-    fill="#B8884A"
-    stroke="#13100E"
-    stroke-width="1.2"
-    stroke-linejoin="round"
-    stroke-linecap="round"
-  />
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <circle cx="10" cy="10" r="7" fill="#B8884A" stroke="#13100E" stroke-width="1.4"/>
+  <circle cx="10" cy="10" r="7" fill="none" stroke="rgba(232, 226, 213, 0.55)" stroke-width="0.8"/>
 </svg>
diff --git a/static/cursors/cursor.svg b/static/cursors/cursor.svg
index 284d591..832133b 100644
--- a/static/cursors/cursor.svg
+++ b/static/cursors/cursor.svg
@@ -1,10 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
-  <path
-    d="M 2 2 L 2 17 L 6 13.5 L 8.5 19.5 L 10.5 18.7 L 8 12.5 L 13 12.5 Z"
-    fill="#E5DFD3"
-    stroke="#13100E"
-    stroke-width="1.2"
-    stroke-linejoin="round"
-    stroke-linecap="round"
-  />
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <circle cx="9" cy="9" r="5.2" fill="rgba(19, 16, 14, 0.55)" stroke="#E5DFD3" stroke-width="1.4"/>
+  <circle cx="9" cy="9" r="1" fill="#E5DFD3"/>
 </svg>