feat(ui): 💄 Face lift

apps/builder/components/board/graph/Edges/DrawingEdge.tsx

@@ -103,9 +103,9 @@ export const DrawingEdge = () => {
   return (
     <path
       d={path}
-      stroke="#718096"
+      stroke="#1a5fff"
       strokeWidth="2px"
-      markerEnd="url(#arrow)"
+      markerEnd="url(#blue-arrow)"
       fill="none"
     />
   )

apps/builder/components/board/graph/Edges/Edge.tsx

@@ -126,7 +126,7 @@ export const Edge = ({
       d={path}
       stroke={isPreviewing ? '#1a5fff' : '#718096'}
       strokeWidth="2px"
-      markerEnd="url(#arrow)"
+      markerEnd={isPreviewing ? 'url(#blue-arrow)' : 'url(#arrow)'}
       fill="none"
     />
   )

apps/builder/components/board/graph/Edges/Edges.tsx

@@ -74,6 +74,21 @@ export const Edges = () => {
           fill="#718096"
         />
       </marker>
+      <marker
+        id={'blue-arrow'}
+        refX="8"
+        refY="4"
+        orient="auto"
+        viewBox="0 0 20 20"
+        markerUnits="userSpaceOnUse"
+        markerWidth="20"
+        markerHeight="20"
+      >
+        <path
+          d="M7.07138888,5.50174526 L2.43017246,7.82235347 C1.60067988,8.23709976 0.592024983,7.90088146 0.177278692,7.07138888 C0.0606951226,6.83822174 0,6.58111307 0,6.32042429 L0,1.67920787 C0,0.751806973 0.751806973,0 1.67920787,0 C1.93989666,0 2.19700532,0.0606951226 2.43017246,0.177278692 L7,3 C7.82949258,3.41474629 8.23709976,3.92128809 7.82235347,4.75078067 C7.6598671,5.07575341 7.39636161,5.33925889 7.07138888,5.50174526 Z"
+          fill="#1a5fff"
+        />
+      </marker>
     </chakra.svg>
   )
 }