Relationship lines

Hey. Plz help me to find the code snippet to add these relationship lines

.nav-folder-children .nav-folder-children {
  margin-left: 20px;
  padding-left: 0;
  border-left: 1px solid var(--background-modifier-border);
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
1 Like

Thanks. Can u kindly add the code to change the colour?

I’m not proficient with css sorry, I just found it like that.

So it is in there, but possibly not obvious as it doesn’t look like a colour within that code.

It is this line of code:

border-left: 1px solid var(--background-modifier-border);

The actual colour in that example comes from a variable (var(--background-modifier-border)), which is set elsewhere. However, you can change it in the CSS if you find it within your theme.

Changing it like this would create a bright-red line:

border-left: 1px solid #ff0000;

Changing it like this would make a green line:

border-left: 1px solid #00ff00;


Thank u very much.