AMT Web Themes

This section describes how changes to the Web Themes of the Application Center, the Control Center and the application shown in the Application Center can be made.

The web theme of both the AC and the CC are identical in setup, so only the changes that can be made to the Control Center theme will be explained. The same changes can then be made to the theme of the Application Center.

Themes for the applications as shown within the Application Center can be changed for each application individually.

Creating a Custom Theme for the Control and Application Center

Best is to not make changes in the default theme but to create a custom theme for this. To do this navigate to the ~\AMTTools\ControlCenterCore\wwwroot\themes folder of your installation and copy the folder default (of the default theme) and its complete contents to a new folder in the themes folder. Give this folder a name of your choice (e.g. MyTheme). Also rename the default.css file to the same chosen name (e.g. MyTheme.css).

Now navigate back to the ~\AMTTools\ControlCenterCore folder and open the file appsettings.json in a text editor. In this file look for the Amt section located at the top:

"Amt": {
  ...
},

In this section look if the following entry exists, if not add it to the top of the Amt section:

"Theme": "default",

Now change the value 'default' into the name of the new theme folder you just created. Following the given example:

"Theme": "MyTheme",

Save the appsettings.json file and restart IIS. When the Control Center is now started the new theme will be used, but no changes will be visible yet.

For the Application Center repeat the same process in the ~\AMTTools\ApplicationCenterCore\... folder.

Creating a Custom Application Theme

Best is to not make changes in the default theme but to create a custom theme for this. To do this navigate to the Client\App_Themes folder of your application and copy the folder Application Default (of the default theme) and its complete contents to a new folder in the App_Themes folder. Give this folder a name of your choice (e.g. MyTheme).

Now navigate back to the Client folder of your application and open the file web.config in a text editor. In this file look for the section:

<appSettings>
  ...
</appSettings>

In this section look for the entry:

<add key="ApplicationStyleTheme" value="Application Default" />

And change the value 'Application Default' into the name of the new theme folder you just created. Following the given example:

<add key="ApplicationStyleTheme" value="MyTheme" />

When the Application Center is now started the new theme will be used, but no changes will be visible yet.

Customizing Theme Elements

Elements of the following themes can be customized: