Dark theme from web application

[Kalaibharathi]

Hi Team,

We are using smartgwt 6.1 power license version. We are looking to add dark theme in our web site. we want user to switch between light theme and dark theme from web application using a ToolStripButton.

Can you suggest how to Implement dark theme?

How to change the TitleStyle of the ListGrid, Toolstrip, TabSet, ModalWindow to our custom font style like "BNPP Sans"?
And also how to change the shape and color of the buttons and the look of the ModalWindow?

Thanks in Advance

[Isomorphic]

hi Kalaibharathi ,

By far the easiest thing to do is to upgrade to a more recent version and use a builtin Dark-skin, like Twilight, or use the Skin Editor tool provided with 13.1 to make your own Dark skin.

If you don't want to upgrade, you'll need to start from the basics and do it by hand - see the Skinning Overview for more information.

[Kalaibharathi]

Hi Isomorphic ,

Any update for

How to change the TitleStyle of the ListGrid, Toolstrip, TabSet, ModalWindow to our custom font style like "BNPP Sans"?
And how to change the shape and color of the buttons.
And also how to change the look of the ModalWindow like the below attachment ?

[Isomorphic]

These are deep skinning questions that can't be simply answered here - but it's all covered in the documentation. Please start from the Skinning Overview.

[Blama]

Hi Kalaibharathi,

having done down the route of modifying the Simplicity skin, starting in 5.0 (?), I can definitely recommend NOT to go down this route. Keeping/Merging your modifications after an update is a real pain.
SASS files in 6.0(?) made life a lot easier (but still not easy). Having the Skin Editor now is a great simplification (even if I have not used it for production). But doing anything manually here when you have this tool at your hands is a complete waste of time.

Best regards
Blama

[claudiobosticco]

Hi Kalaibharathi,

having done down the route of modifying the Simplicity skin, starting in 5.0 (?), I can definitely recommend NOT to go down this route. Keeping/Merging your modifications after an update is a real pain.
SASS files in 6.0(?) made life a lot easier (but still not easy). Having the Skin Editor now is a great simplification (even if I have not used it for production). But doing anything manually here when you have this tool at your hands is a complete waste of time.

I totally agree