fix: update markers with correct styles

Author: thedanchez

src/components/graph/marker/Marker.tsx

@@ -19,6 +19,8 @@ export const Marker = (props: MarkerProps) => {
     props,
   );
 
+  const color = () => _props.color ?? "var(--xy-edge-stroke)";
+
   return (
     <marker
       class="solid-flow__arrowhead"
@@ -35,9 +37,9 @@ export const Marker = (props: MarkerProps) => {
         when={_props.type === "arrow"}
         fallback={
           <polyline
-            class="arrow"
-            stroke={_props.color ?? "--xy-edge-stroke"}
-            fill={_props.color ?? "yellow"}
+            class="arrowclosed"
+            stroke={color()}
+            fill={color()}
             stroke-linecap="round"
             stroke-linejoin="round"
             stroke-width={_props.strokeWidth}
@@ -46,8 +48,8 @@ export const Marker = (props: MarkerProps) => {
         }
       >
         <polyline
-          class="arrowclosed"
-          stroke={_props.color ?? "--xy-edge-stroke"}
+          class="arrow"
+          stroke={color()}
           fill="none"
           stroke-linecap="round"
           stroke-linejoin="round"

src/components/graph/node/styles.css

@@ -75,7 +75,7 @@
     );
   }
 
-  // TODO: Verify this class
+  /* TODO: Verify this class */
   &.parent {
     background-color: rgba(220, 220, 255, 0.4);
   }

tsup.config.ts

@@ -9,12 +9,6 @@ const generateSolidPresetOptions = (watching: boolean): preset.PresetOptions =>
       dev_entry: false,
       server_entry: false,
     },
-    {
-      name: "styles",
-      entry: "src/styles/base.css",
-      dev_entry: false,
-      server_entry: false,
-    },
     {
       name: "styles",
       entry: "src/styles/style.css",