From 5e0e11b4c1d3c887c9133943c01a19f6924de12c Mon Sep 17 00:00:00 2001 From: Keavon Chambers Date: Sun, 20 Apr 2025 17:37:21 -0700 Subject: [PATCH] Update the UI colors of the node graph data types --- frontend/src/components/Editor.svelte | 16 ++++++++-------- frontend/src/components/views/Graph.svelte | 4 ++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/frontend/src/components/Editor.svelte b/frontend/src/components/Editor.svelte index e811cac24..9b062f097 100644 --- a/frontend/src/components/Editor.svelte +++ b/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; diff --git a/frontend/src/components/views/Graph.svelte b/frontend/src/components/views/Graph.svelte index cec9c2c11..d82becbe2 100644 --- a/frontend/src/components/views/Graph.svelte +++ b/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;