I have a simple lightning-vertical-navigation. I am trying to change the text color of the lightning-vertical-navigation-item but the css overide does not seems to works. Is there a way to do that?
mycomp.html
...<lightning-vertical-navigation selected-item={selectedItem} onselect={changeHandleAction}>
<lightning-vertical-navigation-section>
<template for:each={managedContents} for:item="cms">
<lightning-vertical-navigation-item key={cms.managedContentId} label={cms.title}
name={cms.managedContentId} >
</lightning-vertical-navigation-item>
</template>
</lightning-vertical-navigation-section>
</lightning-vertical-navigation>...
mycomp.css
.slds-nav-vertical__action {
color: purple !important;
}