From 2e9605fae05577496fd686751a04f9f9063be752 Mon Sep 17 00:00:00 2001
From: Steven Petryk <petryk.steven@gmail.com>
Date: Sat, 24 Feb 2024 19:20:18 -0800
Subject: [PATCH] Fix white outline around Vector tips (#142)

Closes #137.
---
 src/display/Vector.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/display/Vector.tsx b/src/display/Vector.tsx
index f54d10d3..550e3c6d 100644
--- a/src/display/Vector.tsx
+++ b/src/display/Vector.tsx
@@ -16,7 +16,7 @@ export interface VectorProps extends Stroked {
 export function Vector({
   tail = [0, 0],
   tip,
-  color = Theme.foreground,
+  color = Theme.red,
   weight = 2,
   style = "solid",
   opacity = 1.0,
@@ -34,7 +34,7 @@ export function Vector({
     <>
       <defs>
         <marker id={id} markerWidth="8" markerHeight="8" refX="8" refY="4" orient="auto">
-          <path d="M 0 0 L 8 4 L 0 8 z" fill={color || "var(--mafs-fg)"} />
+          <path d="M 0 0 L 8 4 L 0 8 z" fill={color || "var(--mafs-fg)"} strokeWidth={0} />
         </marker>
       </defs>
       <line
@@ -48,6 +48,7 @@ export function Vector({
         {...svgLineProps}
         style={{
           stroke: color || "var(--mafs-fg)",
+          fill: color,
           strokeOpacity: opacity,
           ...(svgLineProps?.style || {}),
           vectorEffect: "non-scaling-stroke",