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 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 changes will not yet be visible.

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

Creating a Custom Application Theme

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

To create a custom theme, 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 all of its 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 changes will not yet be visible.

Customizing Theme Elements

Elements of the following themes can be customized: