---
title: "Essentials Logos"
description: "Ghost provides a way to upload a logo for your site and calls it Publication logo."
url: "https://www.priority.vision/docs/guides/essentials-logos"
scope: shared
appliesTo: [Essence, Scope, Thoughts, Feed, Moment, Aspect, OnFlow, Thesis, Format]
lastUpdated: 2026-09-18
---

# Logos

<div className="theme-blocks">

### Essence

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. the theme displays it in the fixed sidebar. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

### Scope

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

## Logo for Dark color scheme

The theme supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

1. Go to **Settings → Site → Design & branding**
1. Click **Customize → Theme → Site wide**
1. Upload the logo for dark mode in **Dark mode logo**
![Ghost change dark mode logo](https://www.priority.vision/images/docs/common/change-logo-dark-mode.png)

### Thoughts

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

## Logo for Dark color scheme

The theme supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

1. Go to **Settings → Site → Design & branding**
1. Click **Customize → Theme → Site wide**
1. Upload the logo for dark mode in **Dark mode logo**
![Ghost change dark mode logo](https://www.priority.vision/images/docs/common/change-logo-dark-mode.png)

### Feed

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

## Logo for Dark color scheme

The theme supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

1. Go to **Settings → Site → Design & branding**
1. Click **Customize → Theme → Site wide**
1. Upload the logo for dark mode in **Dark mode logo**
![Ghost change dark mode logo](https://www.priority.vision/images/docs/common/change-logo-dark-mode.png)

### Moment

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

## Logo for Dark color scheme

The theme supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

1. Go to **Settings → Site → Design & branding**
1. Click **Customize → Theme → Site wide**
1. Upload the logo for dark mode in **Dark mode logo**
![Ghost change dark mode logo](https://www.priority.vision/images/docs/common/change-logo-dark-mode.png)

### Aspect

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

## Logo for Dark color scheme

The theme supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

1. Go to **Settings → Site → Design & branding**
1. Click **Customize → Theme → Site wide**
1. Upload the logo for dark mode in **Dark mode logo**
![Ghost change dark mode logo](https://www.priority.vision/images/docs/common/change-logo-dark-mode.png)

### OnFlow

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

## Logo for Dark color scheme

The theme supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

1. Go to **Settings → Site → Design & branding**
1. Click **Customize → Theme → Site wide**
1. Upload the logo for dark mode in **Dark mode logo**
![Ghost change dark mode logo](https://www.priority.vision/images/docs/common/change-logo-dark-mode.png)

### Thesis

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

## Logo for Dark color scheme

The theme supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

1. Go to **Settings → Site → Design & branding**
1. Click **Customize → Theme → Site wide**
1. Upload the logo for dark mode in **Dark mode logo**
![Ghost change dark mode logo](https://www.priority.vision/images/docs/common/change-logo-dark-mode.png)

### Format

Ghost provides a way to upload a logo for your site and calls it **Publication logo**. Follow these steps to upload a logo:

1. Log in to Ghost admin
1. Go to **Settings → Site → Design & branding**
![Ghost change logo part 1](https://www.priority.vision/images/docs/common/change-theme-1.png)
1. Click **Customize → Branding**
1. Upload the logo in **Publication logo**
![Ghost change logo part 2](https://www.priority.vision/images/docs/common/change-logo.png)

## Logo size

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

```html
<style>
:root {
    --logo--max-height: 15px;
}
</style>
```

## Logo for Dark color scheme

The theme supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

1. Go to **Settings → Site → Design & branding**
1. Click **Customize → Theme → Site wide**
1. Upload the logo for dark mode in **Dark mode logo**
![Ghost change dark mode logo](https://www.priority.vision/images/docs/common/change-logo-dark-mode.png)

</div>

## Documentation Index
> Fetch the complete documentation index at: https://www.priority.vision/docs/llms.txt
> Use this file to discover all available pages before exploring further.