Styling tabs (only) in AppLayout drawer - Java

Flow
1

Hi,

I need to modify the styling of the tabs in the AppLayout drawer (which I’ve given a dark background). I can affect styling of tabs globally, but not just the tabset in the draw.

I have the following in my MainLayout class:

@CssImport(value = "./styles/tabs-styles.css", themeFor = "vaadin-tab")

and I have my css file set as follows:

:host { color: #094080; }
:host(:hover) { color: orange; }
:host([selected]
) { color: black; }

I suspect that somehow specifying the part would attach the specific css to the drawer (only), but I’ve not managed to get it right so far.

Advice appreciated.

Thanks!