Upload header logos, favicon and share image
Where: Admin → System → Appearance → Branding
Before you start
The main logo is the fallback for both modes. With both variants, the header swaps the image when the colour mode changes. Empty logo settings use the built-in mark. A footer logo/about override is configured separately on Menus.
Step by step
- Upload or set the main logo through the offered URL/file controls.
- Add light-mode and dark-mode variants if one image is not readable in both modes.
- Set favicon and OG image; 1200×630 is the screen’s recommended share-image shape.
- Choose logo height (16–72px) and site-title display; Save branding.
- Inspect the preview and public header in both light/dark modes.
Settings and behaviour
The main logo is the fallback for both modes. With both variants, the header swaps the image when the colour mode changes. Empty logo settings use the built-in mark. A footer logo/about override is configured separately on Menus.
Check the result
Check sign-in screens, header, footer fallback, browser tab and a link preview after caches refresh.
Common questions and troubleshooting
Dark logo invisible: provide a suitable mode variant. Footer unchanged: Menus may hold a separate footer logo. Old favicon/share preview: browsers and social services may cache those assets.
