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

It is advised to not make changes in the default theme but to create a custom theme.
To do this first create a new folder named app_themes below the wwwroot folder of the Blazor WebClient.
Next navigate to the folder ClientBlazor\WebClient\Server\wwwroot\_content\Asysco.Amt.Blazor.Components\app_themes of your application and copy the folder default (of the default theme) and its complete contents to a new folder below the previously created app_themes folder. Give this folder a name of your choice (e.g. MyTheme).

Now navigate back to the folder of the Blazor WebClient of your application 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": "",

Now enter the name of the new theme folder you just created. Following the given example:

"Theme": "MyTheme",

Save the appsettings.json file and either recycle the AppPool of the Blazor WebClient or restart IIS. When the WebClient 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: