Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

[FEATURE REQUEST] Edges in Graph View lack contrast/visibility. #33

Closed
1b7 opened this issue Mar 29, 2023 · 2 comments
Closed

[FEATURE REQUEST] Edges in Graph View lack contrast/visibility. #33

1b7 opened this issue Mar 29, 2023 · 2 comments
Labels
enhancement New feature or request

Comments

@1b7
Copy link

1b7 commented Mar 29, 2023

Describe your feature request

Within the Graph view, I personally find it fairly hard to pick out the edges between nodes in the graph. This is especially true of Light Mode. I haven't had this with other themes so I don't believe this is a personal issue.

Here are some screenshots from my graph which I hope illustrate the issue (using a Link Thickness of 1.0 - I would normally use ~0.4 but initially increased this to try and make the lines clearer):

Light Mode
image

Dark Mode
image

Proposed Solution

I think a really simple fix is just a change to the .graph-view.color-line class (mentioned here)

As a test, I added the following custom CSS snippet as a quick and hacky solution within my own Obsidian installation:

.graph-view.color-line {
    color: #888;
}

And I think the result is significantly easier to see:
image

All other settings were kept the same between screenshots. #888 was chosen very arbitrarily, I am not suggesting that this should be the colour used - and of course a different colour would need to be used for the dark mode.

(I would also note that using a darker colour allowed me to revert the link thickness back down to my original setting for a softer/less harsh appearance, without sacrificing visibility).

@1b7 1b7 added the enhancement New feature or request label Mar 29, 2023
@crashmoney crashmoney self-assigned this Jul 19, 2023
@crashmoney crashmoney removed their assignment May 1, 2024
@crashmoney
Copy link
Owner

Hey @1b7! I've taken a look at your fix, and the class works perfectly. I've changed the color to #c0c9ce in light mode and #6f7577 for dark mode, simply for aesthetics and readability when the lines cross over file names. I'll push this update first as a fix, but let me know what you think!

@1b7
Copy link
Author

1b7 commented May 2, 2024

That sounds great, thanks for implementing this!

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants