Customizing outgoing and incoming edge colors

Custom CSS & Theme Design
1

First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck?

What I’m trying to do

I want to know how to assign different colors to incomming and outgoing edges in graph-view.

Things I have tried

In my css snippet I have:

/* Highlight outgoing arrows */
.graph-view.edge.outgoing {
    stroke: #e8310a; /* Red color for outgoing arrows */
    stroke-width: 2px; /* Make the arrow more prominent */
}

/* De-emphasize incoming and other arrows */
.graph-view.edge.incoming {
    stroke: #cccccc; /* Gray color for incoming arrows */
    stroke-width: 1px; /* Thinner line */
}

.graph-view.edge.other {
    stroke: #dddddd; /* Subtle gray for other arrows */
    stroke-width: 1px;
}

based on what chatGPT told me to do. I cannot find much in this direction here. How should this be done?

2

As far as I know it can’t be. I think you can change the color of connection lines in general, tho I don’t know the details. There’s presumably a CSS variable for it.