fix: graph nodes now respect theme colors

Override React Flow's default node styling (white background) with
transparent to allow the TaskNode component's bg-card class to show
through with the correct theme colors.
This commit is contained in:
James
2025-12-22 15:53:15 -05:00
parent 2588ecaafa
commit 7c75c24b5c

View File

@@ -929,7 +929,8 @@
} }
@keyframes edge-glow { @keyframes edge-glow {
0%, 100% { 0%,
100% {
filter: drop-shadow(0 0 2px var(--status-in-progress)); filter: drop-shadow(0 0 2px var(--status-in-progress));
} }
50% { 50% {
@@ -954,7 +955,8 @@
/* Node animations */ /* Node animations */
@keyframes pulse-subtle { @keyframes pulse-subtle {
0%, 100% { 0%,
100% {
box-shadow: 0 0 0 0 var(--status-in-progress); box-shadow: 0 0 0 0 var(--status-in-progress);
} }
50% { 50% {
@@ -1009,6 +1011,14 @@
right: -6px; right: -6px;
} }
/* Node base styling - override React Flow defaults */
.graph-canvas .react-flow__node {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
/* Selection styles */ /* Selection styles */
.graph-canvas .react-flow__node.selected { .graph-canvas .react-flow__node.selected {
outline: none; outline: none;