# Customizing App Appearance

Personalize the appearance of your apps by setting an icon, choosing from a range of default colors and setting a custom logo and logo icon for your app.

## How to customize an App

1. Click **App Settings**
2. Click Appearance

![appearance.gif](https://support.stackerhq.com/hc/article_attachments/7743244934547/appearance.gif)

From here you will be able to:

* Update App color
* Update App Icon
* Add Custom logo
* Add Custom logo icon
* Use Custom CSS

### App color <a href="#h_01g7vpsf1w08g9yy77vpcnay6z" id="h_01g7vpsf1w08g9yy77vpcnay6z"></a>

There are 16 default theme colors to choose from, the colors will show up in any highlights, buttons, and navigation. To set a custom color, you can contact Support for more information on how to change the theme.

In our Property app, we have chosen a default red. This is shown in the buttons, the navigation in the workspace as well as places like the highlights widget.

![Screenshot\_2022-07-13\_at\_14.18.26.png](https://support.stackerhq.com/hc/article_attachments/7745200596371/Screenshot_2022-07-13_at_14.18.26.png)

### App Icon <a href="#h_01g7vpsptf3mnm96jwtwgh8308" id="h_01g7vpsptf3mnm96jwtwgh8308"></a>

The App icon is displayed in your workspace navigation. Choose an icon that matches your app.

In our Property app, we have chosen a house as an icon for the app.

![Screenshot\_2022-07-13\_at\_14.25.20.png](https://support.stackerhq.com/hc/article_attachments/7745470508563/Screenshot_2022-07-13_at_14.25.20.png)

### Custom Logo <a href="#h_01g7vptfgsaw7mymkkm01cnf9z" id="h_01g7vptfgsaw7mymkkm01cnf9z"></a>

Choose a custom logo that will appear in the top left. Choose to upload an existing file or select from the different options displayed. Common image files accepted such as PNG and JPEG

![Screenshot\_2022-07-13\_at\_14.31.01.png](https://support.stackerhq.com/hc/article_attachments/7745626199955/Screenshot_2022-07-13_at_14.31.01.png)

### Custom Logo Icon <a href="#h_01g7vptnmhvc977djxnh0b9qg9" id="h_01g7vptnmhvc977djxnh0b9qg9"></a>

Choose a custom logo icon to display on the browser tab and next to the site name in a user's list of bookmarks, making it easier to associate and find the app.

### Custom CSS <a href="#h_01g7vptxk7a3tzzy6ddb69dh95" id="h_01g7vptxk7a3tzzy6ddb69dh95"></a>

If you are familiar with CSS you can further customize the appearance of your apps. More information can be found in our Custom CSS article. Custom CSS is only available on the Pro plan and above.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stackerhq.com/stacker-classic/customization/customizing-app-appearance.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.