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

We advise against making changes to the default theme and instead create a custom theme.

To create a custom theme, 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, check whether the following entry exists. If it does 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 starts, the new theme is used, but the changes are not yet visible.

Repeat the same process for the Application Center in the ~\AMTTools\ApplicationCenterCore\... folder.

Creating a custom application theme

We recommend that you do not change the default theme. Instead, create a custom theme.

To create a custom theme, first create a new folder named app_themes under the wwwroot folder of the Blazor WebClient.

Next, navigate to the ClientBlazor\WebClient\Server\wwwroot\_content\Asysco.Amt.Blazor.Components\app_themes folder in your application and copy the default folder and all of its contents to a new folder under the app_themes folder you just created. Give the new folder a name of your choice (for example, MyTheme).

Now navigate back to the Blazor WebClient folder for your application and open the appsettings.json file in a text editor. In this file, locate the Amt section at the top:

"Amt": {
  ...
},

In this section, check whether the following entry exists. If it does not, add it to the top of the Amt section:

"Theme": "",

Now enter the name of the new theme folder you created. Using the example above:

"Theme": "MyTheme",

Save the appsettings.json file and either recycle the AppPool of the Blazor WebClient or restart IIS. When the WebClient starts, the new theme is used, but the changes are not yet visible.

Customizing Theme Elements

Elements of the following themes can be customized: