Add a New Theme

Follow the instructions below to add a new WSO2 Private PaaS theme:

1. Make a copy of the theme1 folder, which is in the <PPaaS_HOME>/repository/deployment/server/jaggeryapps/console/themes/ directory, and rename the folder using a preferred name (e.g., Theme2). The theme name will be defined by the folder name.
2. Edit the content in the newly created folder (e.g., Theme2).
   1. The CSS changes need to be made in the main.css file, which is in the <PPaaS_HOME>/repository/deployment/server/jaggeryapps/console/themes/<THEME_NAME>/ui/css/ directory.
   2. Add the customized images to the <PPaaS_HOME>/repository/deployment/server/jaggeryapps/console/themes/<THEME_NAME>/ui/img/ directory. Do not change the file names, file dimensions and file extensions.

3. Navigate to the <PPaaS_HOME>/repository/deployment/server/jaggeryapps/console/ directory.

4. Update the following themer function property in the app.js file. This property defines the currently applied theme.

   return '<THEME_NAME>';

   
   For example:


      themer: function () {
          return 'theme1';
      }/*,