This reference gives details on how to customize the branding of the login pages and the Console.
Title, Subtitle and Description
The title, subtitle and description of the login pages and the console can be changed using configuration options. See for details the Identity Server configuration reference and the Console configuration reference.
It is possible to change the logos of the web UI by changing the “branding base URL” to a location that contains the following files:
|console-favicon.svg||vector||The SVG logo for the console that is shown in browser tabs and bookmarks|
|console-favicon.png||multiple||The fallback favicon logo for the console in
|console-favicon.ico||multiple||The fallback favicon logo for the console in
|console-og-image.png||1200x600||The logo for the console that is shown when sharing links on social media|
|console-touch-icon.png||400x400||The logo for the console that is shown mobile devices|
|logo.svg||vector||The logo for the console that is shown in the menu bar of the console|
|oauth-favicon.svg||vector||The SVG logo for the login pages that is shown in browser tabs and bookmarks|
|oauth-favicon.png||multiple||The fallback favicon logo for the login pages in
|oauth-favicon.ico||multiple||The fallback favicon logo for the login pages in
|oauth-og-image.png||1200x600||The logo for the login pages that is shown when sharing links on social media|
|oauth-touch-icon.png||400x400||The logo for the login pages that is shown mobile devices|
If the “branding base URL” option is set, “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.
TIP: 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