This reference gives details on how to customize the branding of the login pages and the Console.
The Things Stack Cloud users can use a custom branding in The Things Stack Console. Branding customization is available for each The Things Stack Cloud tenant.
See below for what’s available to customize and what files are necessary. Users need to host these files on a CDN (e.g. an S3 bucket) and provide a link to it as shown in the Tenant Settings guide.
Title, Subtitle and Description
The title, subtitle and description of the login pages and the Console can be changed using configuration options. For details, see the Identity Server configuration reference and the Console configuration reference.
Logos of the web UI can be rebranded by pointing the Branding base URL in the Console (as described in Tenant Settings) to a location that contains the following files:
If the Branding base URL option is set, the
logo.svg is used to display a secondary logo next to the logo of The Things Stack for LoRaWAN. It is recommended to use a logo with a wide (e.g. 5:1) or square (1:1) aspect ratio. Tall logos (e.g. 1:5; height larger than width) will be displayed very small, due to the limited height of the header bar.
If you have your favicon as a PNG, use ImageMagick to convert it to ICO:
convert console-favicon.png \ -define icon:auto-resize=64,48,32,16 \ console-favicon.ico
Deployment Information and Disclaimers
It is possible to highlight some deployment information and disclaimers in the header of the web UIs. E.g. you can highlight an SLA that applies or a support tier that is connected with the deployment. Please see the respective sections in the Identity Server configuration reference and Console configuration reference.