This is a theme component that will allow you to add alternative logos on a per-theme basis.

:warning: Since August 2020, Discourse core supports uploading dark theme logo alternatives in core. See for details on how to set that up without this component.

The effects of this theme are purely visual. All functionality is intact / unchanged.

Repository link

Theme Creator Preview:


To demonstrate what this theme does, here’s an example.

Let’s say this is your logo

1067cac7af32755cb4fadd3af75a13c6: 690x276, 10%

You add it in your site settings or via the wizard and it looks like this

Capture: 690x56, 70%

However, let’s say you want to also allow your users to be able to use a dark theme. Here’s what happens

Capture2: 690x59, 70%

The same goes with the small logo that shows up when you scroll and the mobile logo.

This theme attempts to address the issue by adding three theme settings that you can use to override the logos on a per-theme basis:

updates2: 690x387, 70%

The end result is something like this:

You keep the default logo in themes which don’t have this component:

Capture: 690x56, 70%

While being able to override it in themes that do have this component added:

Capture4: 690x62, 70%

How do I install this component?

Follow the official theme installation guide here

Then add the component to the themes you want to use it on and you’re all set!

If you’re new to Discourse themes, you can learn more about them here.