Create my own theme

Create my own theme

  

Hi everyone,
I would like to create my own theme in OutSystems. Any suggestions on the best way to get started? Would it be best to start from scratch, or just update a theme with my styles? I was thinking about using the Vanilla Theme, then just including my style sheet. But if there is a better way, please let me know.
Any other advice or suggestions are very much appreciated. 

EDIT: Is there a difference between Mobile and Web themes? If so, please let me know. 

Thanks!

Hi Bryan Royalty,

If you want to build your own customized theme you can use the OutSystems Theme customizer. 

Below listed is Theme Customizer link.

------------------------------------------------------------

https://silkui.outsystems.com/ThemeCustomizer/

http://labs.outsystems.net/londontheme/customize.aspx

--------------------------------------------------------------

Vanilla Theme Preview: http://labs.outsystems.net/vanillapreview/Home.aspx

For more detail Related to themes you can refer: https://success.outsystems.com/Documentation/10/Developing_an_Application/Design_UI/Look_and_Feel/Themes


Other Option is to manually create your own CSS style sheet including all layouts and introduce it in your application.

Hope it helps you!


Kind Regards,

Benjith Sam

Hi Bryan,

Creating a custom theme includes custom layouts and theme CSS.


As you mentioned that you are going to use vanilla theme then you have to clone vanilla template and customize according to your need.


Regards,

Pankaj


Hi Bryan,

Yes, there is a difference between Mobile and Web themes.

In web, you can create one theme and reuse it in multiple applications whereas in mobile you need to create separate theme for each applications.


Thanks,

Rajat Agrawal

Hi Rajat, 

Can you please elaborate on how to create one theme and reuse it in multiple applications?
Right now, I have created a new module with the Vanilla Theme and plan on overwriting styles to create my own theme (if thats incorrect, please let me know). But, how to make it accessible for other applications?

Thanks!


HI Bryan,

It is very important to understand the concept of how it works and must need to go through the basic course . Please see Course for creating custom theme for your application.

Also there are other  themes in silkUI that will help you gain agility. However, if you would like to customize your own, see this generator.

I hope this will help you .


Regards

-PJ-