diff --git a/src/lib/litegraph/src/LGraphCanvas.ts b/src/lib/litegraph/src/LGraphCanvas.ts index 7792260a4e..d703d3fd65 100644 --- a/src/lib/litegraph/src/LGraphCanvas.ts +++ b/src/lib/litegraph/src/LGraphCanvas.ts @@ -5775,11 +5775,10 @@ export class LGraphCanvas implements CustomEventDispatcher } private getNodeModeAlpha(node: LGraphNode) { - return node.mode === LGraphEventMode.BYPASS - ? 0.2 - : node.mode === LGraphEventMode.NEVER - ? 0.4 - : this.editor_alpha + // Note: We no longer reduce alpha for bypassed nodes. + // This ensures links remain hidden underneath the node. + // The bypass visual is indicated by NODE_DEFAULT_BYPASS_COLOR instead. + return node.mode === LGraphEventMode.NEVER ? 0.4 : this.editor_alpha } #renderFloatingLinks( diff --git a/src/lib/litegraph/src/LiteGraphGlobal.ts b/src/lib/litegraph/src/LiteGraphGlobal.ts index c48814235e..5037b0ec36 100644 --- a/src/lib/litegraph/src/LiteGraphGlobal.ts +++ b/src/lib/litegraph/src/LiteGraphGlobal.ts @@ -60,7 +60,7 @@ export class LiteGraphGlobal { NODE_BOX_OUTLINE_COLOR = '#FFF' NODE_ERROR_COLOUR = '#E00' NODE_FONT = 'Inter' - NODE_DEFAULT_BYPASS_COLOR = '#FF00FF' + NODE_DEFAULT_BYPASS_COLOR = '#6a246a' NODE_OPACITY = 0.9 DEFAULT_FONT = 'Inter' diff --git a/src/renderer/extensions/vueNodes/components/LGraphNode.vue b/src/renderer/extensions/vueNodes/components/LGraphNode.vue index 9de9672602..5bd13e0017 100644 --- a/src/renderer/extensions/vueNodes/components/LGraphNode.vue +++ b/src/renderer/extensions/vueNodes/components/LGraphNode.vue @@ -243,12 +243,9 @@ const nodeBodyBackgroundColor = computed(() => { const nodeOpacity = computed(() => { const globalOpacity = useSettingStore().get('Comfy.Node.Opacity') ?? 1 - - // For muted/bypassed nodes, apply the 0.5 multiplier on top of global opacity - if (bypassed.value || muted.value) { - return globalOpacity * 0.5 - } - + // Note: We no longer reduce opacity for bypassed/muted nodes. + // Using only the color overlay (before:bg-bypass/60) ensures links + // remain hidden underneath the node instead of showing through. return globalOpacity }) diff --git a/tests-ui/tests/litegraph/core/__snapshots__/litegraph.test.ts.snap b/tests-ui/tests/litegraph/core/__snapshots__/litegraph.test.ts.snap index 1cd27ced11..4ca8022ac7 100644 --- a/tests-ui/tests/litegraph/core/__snapshots__/litegraph.test.ts.snap +++ b/tests-ui/tests/litegraph/core/__snapshots__/litegraph.test.ts.snap @@ -61,7 +61,7 @@ LiteGraphGlobal { "NODE_COLLAPSED_WIDTH": 80, "NODE_DEFAULT_BGCOLOR": "#353535", "NODE_DEFAULT_BOXCOLOR": "#666", - "NODE_DEFAULT_BYPASS_COLOR": "#FF00FF", + "NODE_DEFAULT_BYPASS_COLOR": "#6a246a", "NODE_DEFAULT_COLOR": "#333", "NODE_DEFAULT_SHAPE": 2, "NODE_ERROR_COLOUR": "#E00",