[Solved] How do i specify the drawer selected item back ground color?

[Joshua]

I am using the new Meridian style as the base of my custom style. In the theme builder I cannot see a way to specify the background color for a selected drawer item (when it gets the class "k-selected"). I don't se a way of specifying that in the Interactive States section or in the Component Color Variables. 

In the variables all I see is $kendo-drawer-selected-text and kendo-drawer-selected-hover-text.

[Nick Iliev]

Hello Joshua,

 

By default, the background of a selected drawer item in Kendo Meridian is set through the $kendo-color-primary-subtle-active variable.

Howver, that variable also sets the background color for numerous component parts (like items from the bottom navigation, column menu, etc.), so you have two options:

1. Adjust the variable value and then determine whether that suits your design needs (while checking all related components)

OR

2. Create an external CSS file and explicitly overwrite the background color of the selected drawer item. Then, include the external CSS in the ThemeBuilder bundle using the "External Styles"  feature.

 

Regards,
Nick Iliev
Progress Telerik