@d34dman/flowdrop 0.0.62 → 0.0.63

package/dist/components/WorkflowEditor.svelte

@@ -905,10 +905,6 @@
 		cursor: pointer;
 	}
 
-	/* Enhanced arrow markers for input ports */
-	:global(.flowdrop-workflow-editor .svelte-flow__edge-marker) {
-		fill: currentColor;
-	}
 
 	/* Handle size/position only; colors come from inline --fd-handle-fill and base.css ::before */
 	:global(.flowdrop-workflow-editor .svelte-flow__handle) {

package/dist/components/nodes/SquareNode.stories.svelte

@@ -22,7 +22,7 @@
 			category: "inputs",
 			version: "1.0.0",
 			type: "square",
-			supportedTypes: ["simple", "square", "default"],
+			supportedTypes: ["square"],
 			icon: "mdi:text",
 			color: "#22c55e",
 			inputs: [],
@@ -43,7 +43,7 @@
 			category: "outputs",
 			version: "1.0.0",
 			type: "square",
-			supportedTypes: ["square", "simple", "default"],
+			supportedTypes: ["square"],
 			icon: "mdi:text-box",
 			color: "#ef4444",
 			inputs: [

package/dist/components/nodes/TerminalNode.svelte

@@ -658,7 +658,7 @@
 		width: 16px !important;
 		height: 16px !important;
 		border-radius: 50% !important;
-		border: 2px solid var(--fd-handle-border) !important;
+		border: none !important;
 		transition: all var(--fd-transition-normal) !important;
 		cursor: pointer !important;
 		z-index: 20 !important;

package/dist/helpers/workflowEditorHelper.js

@@ -166,27 +166,8 @@ export class EdgeStylingHelper {
             : null;
         // Determine edge category (loopback takes precedence)
         const edgeCategory = this.getEdgeCategoryWithLoopback(edge, sourcePortDataType);
-        // Detect current theme for marker colors
-        // Marker colors are baked in at creation time, so we check the theme here
-        const isDarkMode = typeof document !== 'undefined' &&
-            document.documentElement.getAttribute('data-theme') === 'dark';
-        // Edge color constants for marker arrows - matched to CSS token values
-        // These match the --fd-edge-* tokens in tokens.css for consistency
-        const EDGE_COLORS = isDarkMode
-            ? {
-                trigger: '#eaeaef', // --_gray-3 (light for dark mode visibility)
-                tool: '#fbbf24', // Brighter amber for dark mode
-                loopback: '#a3a3ad', // --_gray-5
-                data: '#a3a3ad' // --_gray-5
-            }
-            : {
-                trigger: '#18181c', // --_gray-9 (dark for light mode)
-                tool: '#f59e0b', // --_amber-2
-                loopback: '#71717b', // --_gray-6
-                data: '#a3a3ad' // --_gray-5
-            };
         // Apply styling based on edge category
-        // CSS classes handle styling via tokens; inline styles are fallback
+        // Marker colors use CSS custom properties so they respond to theme changes automatically
         switch (edgeCategory) {
             case 'loopback':
                 // Loopback edges: dashed gray line for loop iteration
@@ -197,7 +178,7 @@ export class EdgeStylingHelper {
                     type: MarkerType.ArrowClosed,
                     width: 14,
                     height: 14,
-                    color: EDGE_COLORS.loopback
+                    color: 'var(--fd-edge-loopback)'
                 };
                 break;
             case 'trigger':
@@ -208,7 +189,7 @@ export class EdgeStylingHelper {
                     type: MarkerType.ArrowClosed,
                     width: 16,
                     height: 16,
-                    color: EDGE_COLORS.trigger
+                    color: 'var(--fd-edge-trigger)'
                 };
                 break;
             case 'tool':
@@ -219,7 +200,7 @@ export class EdgeStylingHelper {
                     type: MarkerType.ArrowClosed,
                     width: 16,
                     height: 16,
-                    color: EDGE_COLORS.tool
+                    color: 'var(--fd-edge-tool)'
                 };
                 break;
             case 'data':
@@ -231,7 +212,7 @@ export class EdgeStylingHelper {
                     type: MarkerType.ArrowClosed,
                     width: 16,
                     height: 16,
-                    color: EDGE_COLORS.data
+                    color: 'var(--fd-edge-data)'
                 };
                 break;
         }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@d34dman/flowdrop",
   "license": "MIT",
   "private": false,
-  "version": "0.0.62",
+  "version": "0.0.63",
   "watch": {
     "build": {
       "ignore": "build",