Active navigation node title must be styled correctly

[tsullivan]

Depends on #154668

The first deliverable for Shared UX's serverless side navigation component is incorrectly styling the "active" link in the menu of items.

Current look:

The visual design we're referencing is:

[elasticmachine]

Pinging @elastic/appex-sharedux (Team:SharedUX)

[sebelga]

@tsullivan I see 2 tasks here:

• the navigation now needs to have a dark bacground
• the active item is now a blue bar on the left of the item.

Is that correct?

[tsullivan]

Hi @cee-chen and @ryankeairns,

I think this task is suitable to be carried out by the EUI team. Can you confirm this is the correct understanding?

[tsullivan]

Related: #160053

[tsullivan]

Is that correct?

@sebelga let's defer to @ryankeairns. I believe the mockups I pasted into this issue are out-of-date

[cee-chen]

I think this task is suitable to be carried out by the EUI team. Can you confirm this is the correct understanding?

Yep, agreed that it makes the most sense to have EUI add this styling on our end.

[sebelga]

Great. @cee-chen who should we assign this issue? Or should we close it in this repo mentioning one in the eui repo?

[cee-chen]

I assumed this was part of our nav redesign work (elastic/eui#6759) - @tsullivan am I off on this? Is this a separate nav design?

[tsullivan]

@cee-chen You have it right. I will close this in favor of elastic/eui#6759. Thanks for the input!