> For the complete documentation index, see [llms.txt](https://docs.globalalerting.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globalalerting.com/administration/styling/configuring-web-app-styling.md).

# Configuring Web App Styling

{% hint style="info" icon="user-lock" %}
This action requires the **Change Tenant Logo & Styling** permission.
{% endhint %}

## Customising the Login Screen

You can configure the login screen look and feel via the "Web App Styling" page in GAP Admin.

1. From the GAP Admin home screen, click "Web App Styling" under the "Styling" section.
2. Upload logos for the login screen using the "Select Image" buttons under the "Login Screen Logo" and "Header Logo" sections.
3. Upload a favicon for the login screen using the "Select Image" button under the "Favicon" section.
4. Select a background and accent colour from the "Background Color" and "Accent Color" pickers respectively.
5. Upload an image using the "Select File" button under the "Login Background Image (Desktop Only)" section.  A PNG file of size 1920 x 2160 pixels is recommended.
6. Click the "Save Changes" button.

## Customising GAP Web Apps

You can configure the GAP Portal look and feel via the "Web App Styling" page in GAP Admin.  You can also use this screen to configure the styling for notification e-mails.

1. From the GAP Portal home screen, click "Options".
2. Click "Change Portal Appearance".
3. Select the tenant to customise from the "Tenant" drop-down list.
4. Check the "Use Custom Appearance" check box.
5. Configure the web application titles via the text boxes in the "Application Titles" section.  This determines the title shown in the browser and in the GAP App Switcher.
6. Set the logo shown in the header for each application using the "Select Image" button under the "Applications" section.  Logos should be 46 pixels in height.
7. Set the colours for each user interface element using the colour pickers under the "Applications" section.
8. Upload a favicon using the "Select Icon" button under the "Favicon File" section.
9. Upload a logo to use for e-mail notifications using the "Select Image" button under the "Notification Emails" section.
10. Click the "OK" button.