We need to keep the same behavior for all menu elements. I checked the initial design and think that our proposal is still valid — green font, bigger line (on the right).

I'm also open to any other ideas! Maybe playing around with a cursor or something?

Making the active position always green with the extra line will be enough. The online version is not perfect and consistent, fixing that will help too.

Adding any other elements is not a solution. It will only lead to a visually chaotic UI.

Agree there. What's our plan for this?

I'll discuss that in person with Klaudia tomorrow and get back to you with our options here.

I'm hoping to get the exact same behavior as in the screenshot above, but need to double-check that.

@sanscontext I've discussed that with Klaudia and we'll adjust the navigation to the first design project. If that will not be enough for you, we can thing about other soultions.

Design spec

1. The active link is always green.
2. The active link always has a green line on the left.
3. The green line is always 2px wide and align on the right side of the gray line.
4. The green line should have at least 32px height.
5. If you're on the second level (connections -> connections overview) the active link should also be green.
6. If you're on the third level (connections -> sources -> sources overview) the parent active element (sources in this case) should be in #435A6F