How to Change the color of primaryTitle of Shell Bar.

[TEJENDRA90]

Hi @Lukas742,
I am facing the issue how to change the color of primaryTitle in Shell bar. Shall you pls help me in that
how to change this.
id="shellBar"
style={{ backgroundColor: "#347deb" }}
logo={}
primaryTitle="WM"
startButton={<Button style={{ backgroundColor: "#347deb" }} icon="menu" onClick={onClickMenu} />}
I did this last time with the use of jquery but now it not working.
Pls help me in that.

[Lukas742]

Hi @TEJENDRA90

changing the color of the primaryTitle is only possible by overriding the value of the --sapShell_SubBrand_TextColor CSS variable which could lead to discrepancies as it will be changed for all themes, meaning you have to implement theming for this var yourself. If you're implementing a custom theme(UI Theme Designer, completely custom theme), then this is of course fine.

In case you require a way to change the color out of the box, please open a feature request in the ui5-webcomponents repo, as the component is developed there.