Configuring UI Themes

The Theme Designer has its own set of unique qualities, as the users can easily apply the themes of their choices for different items and fields. By using Theme Designer in Canvas Studio, themes can be created and modified in a simple way. Even customized themes can be created easily, but it requires a good deal of knowledge on CSS and SASS. Structure and Primary are the default set of themes in Theme Designer. The key features of Theme Designer are as follows:

  • Theme Designer facilitates the purpose of designing themes in a well-constructed manner.
  • With a diverse set of color shades, Theme Designer offers a viable platform for the users.
  • Given the ample scope of themes in Theme Designer, there is a wide range of options for the users to explore and try out the best combination of themes to figure out their desirable color choices.
  • Ranging from headers to positive buttons, and even including the likes of page title, workspace menus, icons, form layouts, message headers, app background, table borders etc., Theme Designer paves the way for you to modify the themes of various fields.

To make use of Theme Designer in Canvas Studio, perform the following steps.

  1. On the home page of Canvas Studio, click Create > Theme.



The Theme Designer page appears.




Basic, Layout, App, Forms, Grids, Modal, Variables, Mixins and Custom SASS are the nine different tabs available in Theme Designer.




For the full set of information on Theme Designer, refer the following pages:Â