Title Bar

When customizing the Title Bar five properties can be customized: The background color of the Title Bar, the color of the font, the type of the font, the weight of the font and the size of the font used in the Title Bar. Also a Company Logo can be added to the Title Bar is described in the page Company Logo.

To change one or more of the properties of the Title Bar of the Control Center open the file ~\AmtTools\ControlCenterCore\wwwroot\themes\YourTheme\YourTheme.css in a text editor.

In that file look for the section:

div#settings label{
 ...
}

Font Color

In that section change the (foreground) color property to a color of your choosing. Either an existing CSS color name or a hexadecimal RGB color code can be used (e.g. color: #ff0000; for red). This will set the color used for the font.

Font Type

The font to use in the Title Bar can be set by adding (changing) the font-family property of the label settings section.
E.g. font-family: Comic Sans MS;

Font Weight

The weight of the font can be set to normal or bold by changing the font-weight property in the label settings section.
E.g. font-weight: bold;

Note: when the font supports more weights than just normal and bold, also the numeric values can be used. Possible values are: 100, 200, ....., 900.
400 then stands for normal weight and 700 for bold.

Font Size

The size of the font can be changed by adding (changing) the font-size property in the label settings section.
E.g. font-size: 16px;

Background Color

The background color of the Title Bar must be set in the headerContainer section.

In the open YourTheme.css file search for the section:

div#headerContainer {
 ...
}

In that section change the value of the background-color property. Either an existing CSS color name or a hexadecimal RGB color code can be used (e.g. background-color: #00ff00; for green). This will set the color used for the background of the Title Bar.