Update the UI colors of the node graph data types

Author: Keavon

frontend/src/components/Editor.svelte

@@ -105,18 +105,18 @@
 		--color-error-red: #d6536e;
 		--color-error-red-rgb: 214, 83, 110;
 
-		--color-data-general: #c5c5c5;
-		--color-data-general-dim: #767676;
+		--color-data-general: #cfcfcf;
+		--color-data-general-dim: #8a8a8a;
 		--color-data-raster: #e4bb72;
 		--color-data-raster-dim: #8b7752;
 		--color-data-vectordata: #65bbe5;
 		--color-data-vectordata-dim: #4b778c;
-		--color-data-number: #cbbab4;
-		--color-data-number-dim: #87736b;
-		--color-data-group: #6b84e8;
-		--color-data-group-dim: #4a557b;
-		--color-data-artboard: #70a898;
-		--color-data-artboard-dim: #3a6156;
+		--color-data-group: #66b195;
+		--color-data-group-dim: #3d725e;
+		--color-data-artboard: #fbf9eb;
+		--color-data-artboard-dim: #b9b9a9;
+		--color-data-number: #c9a699;
+		--color-data-number-dim: #886b60;
 
 		--color-none: white;
 		--color-none-repeat: no-repeat;

frontend/src/components/views/Graph.svelte

@@ -207,7 +207,7 @@
 		const LINE_WIDTH = 2;
 
 		// Calculate coordinates for input and output connectors
-		const inX = verticalIn ? inputBounds.x + inputBounds.width / 2 : inputBounds.x + 1;
+		const inX = verticalIn ? inputBounds.x + inputBounds.width / 2 : inputBounds.x;
 		const inY = verticalIn ? inputBounds.y + inputBounds.height - VERTICAL_WIRE_OVERLAP_ON_SHAPED_CAP : inputBounds.y + inputBounds.height / 2;
 		const outX = verticalOut ? outputBounds.x + outputBounds.width / 2 : outputBounds.x + outputBounds.width - 1;
 		const outY = verticalOut ? outputBounds.y + VERTICAL_WIRE_OVERLAP_ON_SHAPED_CAP : outputBounds.y + outputBounds.height / 2;
@@ -475,7 +475,7 @@
 		const outConnectorX = (outX - containerBounds.x) / $nodeGraph.transform.scale;
 		const outConnectorY = (outY - containerBounds.y) / $nodeGraph.transform.scale;
 
-		const inX = verticalIn ? inputBounds.x + inputBounds.width / 2 : inputBounds.x + 1;
+		const inX = verticalIn ? inputBounds.x + inputBounds.width / 2 : inputBounds.x;
 		const inY = verticalIn ? inputBounds.y + inputBounds.height - VERTICAL_WIRE_OVERLAP_ON_SHAPED_CAP : inputBounds.y + inputBounds.height / 2;
 		const inConnectorX = (inX - containerBounds.x) / $nodeGraph.transform.scale;
 		const inConnectorY = (inY - containerBounds.y) / $nodeGraph.transform.scale;